/*!
 * Quill Editor v1.3.0
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-embed-selected {
  border: 1px solid #777;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ql-snow * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding-bottom: 2px;
  padding-top: 2px;
}
.ql-snow .ql-editor code:before,
.ql-snow .ql-editor code:after {
  content: "\A0";
  letter-spacing: -2px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
          box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 0px 5px #ddd;
          box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
/*!
 * Cropper.js v0.8.0
 * https://github.com/fengyuanchen/cropperjs
 *
 * Copyright (c) 2015-2016 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2016-08-18T03:01:29.515Z
 */

.cropper-container {
  font-size: 0;
  line-height: 0;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  direction: ltr;
}
.cropper-container img {
  display: block;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;
  width: 100%;
  height: 100%;
  image-orientation: 0deg;
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cropper-wrap-box {
  overflow: hidden;
}
.cropper-drag-box {
  opacity: 0;
  background-color: #fff;
}
.cropper-modal {
  opacity: .5;
  background-color: #000;
}
.cropper-view-box {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
}
.cropper-dashed {
  position: absolute;
  display: block;
  opacity: .5;
  border: 0 dashed #eee;
}
.cropper-dashed.dashed-h {
  top: 33.33333333%;
  left: 0;
  width: 100%;
  height: 33.33333333%;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333333%;
  width: 33.33333333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px;
}
.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  opacity: .75;
}
.cropper-center:before,
.cropper-center:after {
  position: absolute;
  display: block;
  content: ' ';
  background-color: #eee;
}
.cropper-center:before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px;
}
.cropper-center:after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .1;
}
.cropper-face {
  top: 0;
  left: 0;
  background-color: #fff;
}
.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}
.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}
.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}
.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}
.cropper-point {
  width: 5px;
  height: 5px;
  opacity: .75;
  background-color: #39f;
}
.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}
.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}
.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}
.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}
.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}
.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}
.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}
.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  opacity: 1;
}
.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: ' ';
  opacity: 0;
  background-color: #39f;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: .75;
  }
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
.PresetDateRangePicker_panel {
  padding: 0 22px 11px
}
.PresetDateRangePicker_button {
  position: relative;
  height: 100%;
  text-align: center;
  background: 0 0;
  border: 2px solid #00a699;
  color: #00a699;
  padding: 4px 12px;
  margin-right: 8px;
  font: inherit;
  font-weight: 700;
  line-height: normal;
  overflow: visible;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer
}
.PresetDateRangePicker_button:active {
  outline: 0
}
.PresetDateRangePicker_button__selected {
  color: #fff;
  background: #00a699
}
.SingleDatePickerInput {
  display: inline-block;
  background-color: #fff
}
.SingleDatePickerInput__withBorder {
  border: 1px solid #dbdbdb
}
.SingleDatePickerInput__rtl {
  direction: rtl
}
.SingleDatePickerInput__disabled {
  background-color: #f2f2f2
}
.SingleDatePickerInput__block {
  display: block
}
.SingleDatePickerInput__showClearDate {
  padding-right: 30px
}
.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%
}
.SingleDatePickerInput_clearDate__small {
  padding: 6px
}
.SingleDatePickerInput_clearDate__hide {
  visibility: hidden
}
.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.SingleDatePickerInput_clearDate_svg__small {
  height: 9px
}
.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.SingleDatePicker {
  position: relative;
  display: inline-block
}
.SingleDatePicker__block {
  display: block
}
.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute
}
.SingleDatePicker_picker__rtl {
  direction: rtl
}
.SingleDatePicker_picker__directionLeft {
  left: 0
}
.SingleDatePicker_picker__directionRight {
  right: 0
}
.SingleDatePicker_picker__portal {
  background-color: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff
}
.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2
}
.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: darken(#cacccd,10%);
  text-decoration: none
}
.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  font-size: 14px
}
.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_show {
  width: 22px;
  position: absolute;
  z-index: 2
}
.DayPickerKeyboardShortcuts_show__bottomRight {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__bottomRight:hover {
  border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topRight {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0
}
.DayPickerKeyboardShortcuts_show__topRight:hover {
  border-right: 33px solid #008489
}
.DayPickerKeyboardShortcuts_show__topLeft {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0
}
.DayPickerKeyboardShortcuts_show__topLeft:hover {
  border-left: 33px solid #008489
}
.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute
}
.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: -28px
}
.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: -28px
}
.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: -28px
}
.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px
}
.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0
}
.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
  font-size: 14px
}
.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2
}
.DayPickerKeyboardShortcuts_close:active {
  outline: 0
}
.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}
.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a
}
.CalendarDay {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center
}
.CalendarDay:active {
  outline: 0
}
.CalendarDay__defaultCursor {
  cursor: default
}
.CalendarDay__default {
  border: 1px solid #e4e7e7;
  color: #484848;
  background: #fff
}
.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px double #e4e7e7;
  color: inherit
}
.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit
}
.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #484848
}
.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd
}
.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd
}
.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848
}
.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848
}
.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px solid #33dacd;
  color: #fff
}
.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px solid #33dacd;
  color: #fff
}
.CalendarDay__last_in_range {
  border-right: #00a699
}
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px solid #00a699;
  color: #fff
}
.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px solid #80e8e0;
  color: #007a87
}
.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px solid #80e8e0;
  color: #007a87
}
.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a
}
.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd
}
.CalendarMonth {
  background: #fff;
  text-align: center;
  padding: 0 13px;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0
}
.CalendarMonth_verticalSpacing {
  border-collapse: separate
}
.CalendarMonth_caption {
  color: #484848;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial
}
.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px
}
.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0
}
.CalendarMonthGrid__animating {
  z-index: 1
}
.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px
}
.CalendarMonthGrid__vertical {
  margin: 0 auto
}
.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
  overflow-y: scroll
}
.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%
}
.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none
}
.CalendarMonthGrid_month__hidden {
  visibility: hidden
}
.DayPickerNavigation_container {
  position: relative;
  z-index: 2
}
.DayPickerNavigation_container__vertical {
  background: #fff;
  -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
          box-shadow: 0 0 5px 2px rgba(0,0,0,.1);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 52px;
  width: 100%
}
.DayPickerNavigation_container__verticalScrollable {
  position: relative
}
.DayPickerNavigation_button {
  cursor: pointer;
  line-height: .78;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575
}
.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4
}
.DayPickerNavigation_button__default:active {
  background: #f2f2f2
}
.DayPickerNavigation_button__horizontal {
  border-radius: 3px;
  padding: 6px 9px;
  top: 18px;
  position: absolute
}
.DayPickerNavigation_leftButton__horizontal {
  left: 22px
}
.DayPickerNavigation_rightButton__horizontal {
  right: 22px
}
.DayPickerNavigation_button__vertical {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 50%
}
.DayPickerNavigation_button__vertical__default {
  padding: 5px
}
.DayPickerNavigation_nextButton__vertical__default {
  border-left: 0
}
.DayPickerNavigation_nextButton__verticalScrollable {
  width: 100%
}
.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a
}
.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #484848
}
.DayPicker {
  background: #fff;
  position: relative;
  text-align: left
}
.DayPicker__horizontal {
  background: #fff
}
.DayPicker__verticalScrollable {
  height: 100%
}
.DayPicker__hidden {
  visibility: hidden
}
.DayPicker__withBorder {
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);
          box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);
  border-radius: 3px
}
.DayPicker_portal__horizontal {
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%
}
.DayPicker_portal__vertical {
  position: initial
}
.DayPicker_focusRegion {
  outline: 0
}
.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top
}
.DayPicker_weekHeaders {
  position: relative
}
.DayPicker_weekHeaders__horizontal {
  margin-left: 9px
}
.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  padding: 0 13px;
  text-align: left
}
.DayPicker_weekHeader__vertical {
  left: 50%
}
.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center
}
.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px
}
.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center
}
.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 3px
}
.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height .2s ease-in-out;
  transition: height .2s ease-in-out
}
.DayPicker_transitionContainer__vertical {
  width: 100%
}
.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll
}
.DateInput {
  margin: 0;
  padding: 0;
  background: #fff;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle
}
.DateInput__small {
  width: 97px
}
.DateInput__block {
  width: 100%
}
.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb
}
.DateInput_input {
  font-weight: 200;
  font-size: 19px;
  line-height: 24px;
  color: #484848;
  background-color: #fff;
  width: 100%;
  padding: 11px 11px 9px;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0
}
.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  letter-spacing: .2px;
  padding: 7px 7px 5px
}
.DateInput_input__regular {
  font-weight: auto
}
.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0
}
.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic
}
.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}
.DateInput_fang {
  position: absolute;
  width: 20px;
  height: 10px;
  left: 22px;
  z-index: 2
}
.DateInput_fangShape {
  fill: #fff
}
.DateInput_fangStroke {
  stroke: #dbdbdb;
  fill: transparent
}
.DateRangePickerInput {
  background-color: #fff;
  display: inline-block
}
.DateRangePickerInput__disabled {
  background: #f2f2f2
}
.DateRangePickerInput__withBorder {
  border: 1px solid #dbdbdb;
  border-radius: 2px
}
.DateRangePickerInput__rtl {
  direction: rtl
}
.DateRangePickerInput__block {
  display: block
}
.DateRangePickerInput__showClearDates {
  padding-right: 30px
}
.DateRangePickerInput_arrow {
  display: inline-block;
  vertical-align: middle;
  color: #484848
}
.DateRangePickerInput_arrow_svg {
  vertical-align: middle;
  fill: #484848;
  height: 24px;
  width: 24px
}
.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  padding: 10px;
  margin: 0 10px 0 5px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.DateRangePickerInput_clearDates__small {
  padding: 6px
}
.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%
}
.DateRangePickerInput_clearDates__hide {
  visibility: hidden
}
.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle
}
.DateRangePickerInput_clearDates_svg__small {
  height: 9px
}
.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px
}
.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle
}
.DateRangePicker {
  position: relative;
  display: inline-block
}
.DateRangePicker__block {
  display: block
}
.DateRangePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute
}
.DateRangePicker_picker__rtl {
  direction: rtl
}
.DateRangePicker_picker__directionLeft {
  left: 0
}
.DateRangePicker_picker__directionRight {
  right: 0
}
.DateRangePicker_picker__portal {
  background-color: rgba(0,0,0,.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}
.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff
}
.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2
}
.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: darken(#cacccd,10%);
  text-decoration: none
}
.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd
}/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.card-action, .feed-collapse-button, .saved-to-journal-menu__button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F8F9FA;
  border: 1px solid #ADB5BD;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40px;
  min-width: 160px;
  padding: 4px 8px;
  -webkit-transition-property: border-color, background-color;
  transition-property: border-color, background-color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.card-action:hover, .feed-collapse-button:hover, .saved-to-journal-menu__button:hover {
  border-color: #747578;
  background-color: #FFF;
}

.card-action__text, .feed-collapse-button__text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #273C89;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  padding-top: 6px;
  padding-bottom: 7px;
}

.card-action__icon, .feed-collapse-button__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  display: block;
}

/* Base */
body {
  color: green;
  font-family: "Georgia", serif;
  font-size: 24px;
  line-height: 1.5;
}

/* Reset `button` and button-style `input` default styles */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  background: none;
  border: 0;
  color: inherit;
  /* cursor: default; */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  /* for input */
  -webkit-user-select: none;
  /* for button */
  -moz-user-select: none;
  -ms-user-select: none;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Make `a` like a button */
[role="button"] {
  color: inherit;
  cursor: default;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  white-space: pre;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 0 none;
  color: #FFF;
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "Gobold Italic", "Karla", sans-serif;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.2;
  padding: 11px 40px 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 5;
}

.button:before {
  background-color: #EFA420;
  border-radius: 3px;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: skewX(-12deg);
          transform: skewX(-12deg);
  z-index: -1;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.button:hover, .button:focus, .button:active {
  color: #FFF;
}

.button:hover:before, .button:focus:before, .button:active:before {
  background-color: #FD7E14;
}

.button[disabled], .button--disabled {
  cursor: not-allowed;
  color: #FFF;
}

.button[disabled]:before, .button--disabled:before {
  background-color: #363b40;
}

.button[disabled]:hover, .button[disabled]:focus, .button[disabled]:active, .button--disabled:hover, .button--disabled:focus, .button--disabled:active {
  cursor: not-allowed;
  color: #FFF;
}

.button[disabled]:hover:before, .button[disabled]:focus:before, .button[disabled]:active:before, .button--disabled:hover:before, .button--disabled:focus:before, .button--disabled:active:before {
  background-color: #363b40;
}

.button--white {
  color: #EFA420;
}

.button--white:before {
  background-color: #FFF;
}

.button--large {
  font-size: 20px;
  padding: 16px 40px;
}

.button--glowing:before {
  -webkit-animation: orangeGlow 3s infinite alternate;
          animation: orangeGlow 3s infinite alternate;
}

.body--logged-in .button--hide-if-logged-in {
  display: none;
}

.button--facebook:before {
  background-color: #4267B2;
}

.button--twitter:before {
  background-color: #1DA1F2;
}

.button--linkedin:before {
  background-color: #0077B5;
}

.card-action {
  -webkit-box-shadow: 0px 0px 0px transparent;
          box-shadow: 0px 0px 0px transparent;
  height: 100%;
  padding: 4px 4px;
  position: relative;
  -webkit-transition-property: color, background-color, border, -webkit-box-shadow;
  transition-property: color, background-color, border, -webkit-box-shadow;
  transition-property: color, background-color, box-shadow, border;
  transition-property: color, background-color, box-shadow, border, -webkit-box-shadow;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.card-action .icon-fill {
  fill: #273C89;
}

.card-action .icon-stroke {
  stroke: #EFA420;
}

.card-action__text {
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 0 8px;
}

.card-action--active {
  background-color: #FFF;
  -webkit-box-shadow: 0 0 4px rgba(239, 164, 32, 0.8);
          box-shadow: 0 0 4px rgba(239, 164, 32, 0.8);
  border-color: #EFA420;
}

.card-action--active:hover {
  border-color: #EFA420;
  -webkit-box-shadow: 0 0 8px #EFA420;
          box-shadow: 0 0 8px #EFA420;
}

.card-action--active:focus {
  outline: none;
  -webkit-box-shadow: 0 0 8px #EFA420;
          box-shadow: 0 0 8px #EFA420;
}

.card-action:disabled {
  cursor: not-allowed;
  color: #ADB5BD;
  background-color: #F3F3F3;
}

.discussion-button__count {
  background-color: #EFA420;
  color: #FFF;
  font-weight: 700;
  font-size: 12px;
  margin: 0 2px 0 0;
  border-radius: 3px;
  padding: 4px;
}

button.text-link {
  text-decoration: underline;
  color: #228AE6;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

button.text-link:hover {
  color: #3D58BC;
}

.account-image-cropper__dropzone--reject {
  background-color: #FFF5F5;
  border-color: #E03131;
  -webkit-box-shadow: 0 0 5px #E03131;
          box-shadow: 0 0 5px #E03131;
  color: #E03131;
}

.account-image-cropper__dropzone--active {
  background-color: #EBFBEE;
  border-color: #0CA678;
  -webkit-box-shadow: 0 0 5px #0CA678;
          box-shadow: 0 0 5px #0CA678;
  color: #0CA678;
}

.form__select:hover, .editable-block__select:hover, .editable-block__text-input:hover, .form__text-input:hover, .form__textarea:hover, .account-image-cropper__dropzone:hover {
  border-color: #228AE6;
  -webkit-box-shadow: 0 0 5px #228AE6;
          box-shadow: 0 0 5px #228AE6;
  outline: none;
}

.element--read-only .form__select:hover, .element--read-only .editable-block__select:hover, .element--read-only .editable-block__text-input:hover, .element--read-only .form__text-input:hover, .element--read-only .form__textarea:hover, .element--read-only .account-image-cropper__dropzone:hover {
  border-color: #ADB5BD;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form__select:focus, .editable-block__select:focus, .editable-block__text-input:focus, .form__text-input:focus, .form__textarea:focus {
  border-color: #228AE6;
  -webkit-box-shadow: 0 0 6px #228AE6;
          box-shadow: 0 0 6px #228AE6;
  outline: none;
}

.form__select, .editable-block__select {
  background-image: url("/res/images/icons/triangle-down--gray.svg");
  background-repeat: no-repeat;
  background-size: 8px 4px;
  background-position: calc(100% - 16px) 50%;
  background-color: #FFF;
  border: 0 none;
  border: 1px solid #ADB5BD;
  border-radius: 3px;
  cursor: pointer;
  display: block;
  line-height: normal;
  padding: 9.5px 40px 9.5px 8px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-transition-property: background-color, border, -webkit-box-shadow;
  transition-property: background-color, border, -webkit-box-shadow;
  transition-property: background-color, box-shadow, border;
  transition-property: background-color, box-shadow, border, -webkit-box-shadow;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.editable-block__text-input {
  background-color: #F8F9FA;
  border: 1px solid #ADB5BD;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 0 #228AE6;
          box-shadow: 0 0 0 #228AE6;
  min-height: 40px;
  padding: 9.5px 8px;
  width: 100%;
  -webkit-transition-property: background-color, border;
  transition-property: background-color, border;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.character-counter {
  background-color: #F8F9FA;
  border: 1px solid #ADB5BD;
  border-radius: 3px;
  font-size: 14px;
  padding: 4px 6px;
  display: inline-block;
}

.character-counter__count {
  color: #228AE6;
}

label {
  margin-bottom: 4px;
}

label.required::after {
  content: '*';
}

label abbr {
  display: none;
}

textarea {
  resize: vertical;
}

input[type="search"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.text-input::-webkit-input-placeholder,
.text-area::-webkit-input-placeholder {
  font-style: italic;
}

input::-moz-placeholder,
textarea::-moz-placeholder,
.text-input::-moz-placeholder,
.text-area::-moz-placeholder {
  font-style: italic;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder,
.text-input::-ms-input-placeholder,
.text-area::-ms-input-placeholder {
  font-style: italic;
}

input::placeholder,
textarea::placeholder,
.text-input::placeholder,
.text-area::placeholder {
  font-style: italic;
}

.form--relative {
  position: relative;
}

.form__row {
  margin-bottom: 20px;
  width: 100%;
}

.form__row--margin-bottom {
  margin-bottom: 40px;
}

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

.form--tight-margins .form__row {
  margin-bottom: 16px;
}

.form--tight-margins .form__row--margin-bottom {
  margin-bottom: 32px;
}

.form__row:last-child {
  margin-bottom: 0;
}

.form__inner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.form__inner-container--padded {
  margin: -8px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.form__inner-container--padded .form__cell {
  padding: 8px;
}

.form__cell--full {
  width: 100%;
}

.form__cell--three-fourths {
  width: calc(75% - 16px);
}

.form__cell--three-fifths {
  width: calc(60% - 16px);
}

.form__cell--half {
  width: calc(50% - 16px);
}

.form__cell--third {
  width: calc(33% - 16px);
}

.form__cell--two-fifths {
  width: calc(40% - 16px);
}

.form__cell--one-fourth {
  width: calc(25% - 16px);
}

.form__cell--no-label {
  padding-top: 28px;
}

.form__cell--center-align {
  text-align: center;
}

.form--tight-margins .form__cell--full {
  width: 100%;
}

.form--tight-margins .form__cell--three-fourths {
  width: calc(75% - 8px);
}

.form--tight-margins .form__cell--three-fifths {
  width: calc(60% - 8px);
}

.form--tight-margins .form__cell--half {
  width: calc(50% - 8px);
}

.form--tight-margins .form__cell--third {
  width: calc(33% - 8px);
}

.form--tight-margins .form__cell--two-fifths {
  width: calc(40% - 8px);
}

.form--tight-margins .form__cell--one-fourth {
  width: calc(25% - 8px);
}

.form--tight-margins .form__cell--no-label {
  padding-top: 31px;
}

.form__required {
  color: palette(red);
  display: inline-block;
  margin-left: 8px;
  font-weight: 700;
}

.form__label {
  display: block;
  margin-bottom: 4px;
  font-weight: 300;
}

.form__error-text {
  color: #E03131;
  font-size: 16px;
  font-style: italic;
}

.form--dark-bg .form__error-text {
  color: #EFA420;
}

.form__select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.form__select--error {
  background-color: palette(red, lightest);
  border-color: palette(red, dark);
  -webkit-box-shadow: 0 0 5px palette(red);
          box-shadow: 0 0 5px palette(red);
  color: palette(red, dark);
}

.form__text-input, .form__textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #F8F9FA;
  border: 1px solid #ADB5BD;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 0 #228AE6;
          box-shadow: 0 0 0 #228AE6;
  padding: 9.5px 8px;
  font-size: 18px;
  width: 100%;
  -webkit-transition-property: background-color, border;
  transition-property: background-color, border;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.form__text-input--error, .form__textarea--error {
  background-color: #FFF5F5;
  border-color: #E03131;
  -webkit-box-shadow: 0 0 2px #E03131;
          box-shadow: 0 0 2px #E03131;
  color: #E03131;
}

.form__text-input--error:hover, .form__text-input--error:focus, .form__text-input--error:active, .form__textarea--error:hover, .form__textarea--error:focus, .form__textarea--error:active {
  border-color: #E03131;
  -webkit-box-shadow: 0 0 5px #E03131;
          box-shadow: 0 0 5px #E03131;
}

.form--dark-bg .form__text-input--error, .form--dark-bg .form__textarea--error {
  border-color: #EFA420;
  -webkit-box-shadow: 0 0 2px #EFA420;
          box-shadow: 0 0 2px #EFA420;
}

.form--dark-bg .form__text-input--error:hover, .form--dark-bg .form__text-input--error:focus, .form--dark-bg .form__text-input--error:active, .form--dark-bg .form__textarea--error:hover, .form--dark-bg .form__textarea--error:focus, .form--dark-bg .form__textarea--error:active {
  border-color: #EFA420;
  -webkit-box-shadow: 0 0 5px #EFA420;
          box-shadow: 0 0 5px #EFA420;
}

.form__text-input[type='number'], .form__textarea[type='number'] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.form__text-input--disabled, .form__textarea--disabled {
  background-color: #E9ECEF;
  border-color: #ADB5BD;
  color: #ADB5BD;
}

.form__text-input--disabled:hover, .form__text-input--disabled:focus, .form__text-input--disabled:active, .form__textarea--disabled:hover, .form__textarea--disabled:focus, .form__textarea--disabled:active {
  border-color: #ADB5BD;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: not-allowed;
}

.card .form__text-input--disabled, .card .form__textarea--disabled {
  background-color: #F9F9F9;
  color: #273C89;
  border-radius: 0;
  border: 0 none;
  border-bottom: 1px solid #273C89;
}

.form__disclaimer {
  font-size: 14px;
  font-style: italic;
  padding-top: 4px;
}

.form__primary-error {
  color: #E03131;
  margin-bottom: 0;
}

label.error {
  color: hotpink;
  display: block;
  font-size: 14px;
  font-style: italic;
  margin-bottom: -4px;
}

html {
  height: 100%;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 64px;
}

@media screen and (max-width: 1100px) {
  body {
    padding-top: 56px;
  }
}

body.ReactModal__Body--open {
  overflow: hidden;
}

body.ios-modal-fix {
  position: fixed;
}

body.no-sticky-hack {
  display: block;
  height: auto;
}

.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  width: 100%;
}

.content:after {
  content: "";
  display: table;
  clear: both;
}

.no-js .content,
.no-js .no-sticky-hack .content {
  display: none;
}

.no-sticky-hack .content {
  display: block;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .content {
    display: block;
  }
}

.layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 100%;
}

.layout .flex-container,
.layout > .app-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 100%;
}

.page-header {
  padding-top: 40px;
}

@media screen and (max-width: 600px) {
  .page-header {
    padding-top: 24px;
  }
}

.main,
.page-header {
  width: 100%;
}

.main,
.aside,
.utility {
  padding-top: 40px;
}

@media screen and (max-width: 1600px) {
  .main,
  .aside,
  .utility {
    padding-top: 40px;
  }
}

@media screen and (max-width: 1100px) {
  .main,
  .aside,
  .utility {
    padding-top: 40px;
  }
}

.container,
.app-container {
  margin: 0 auto;
  width: 100%;
}

.container--relative,
.app-container--relative {
  position: relative;
}

.container--relative:after,
.app-container--relative:after {
  content: "";
  display: table;
  clear: both;
}

.container {
  padding: 0 32px;
  max-width: 1400px;
}

@media screen and (max-width: 1100px) {
  .container {
    padding: 0 24px;
  }
}

@media screen and (max-width: 360px) {
  .container {
    padding: 0 16px;
  }
}

.app-container {
  padding: 0 32px;
  max-width: 1800px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.app-container--relative {
  position: relative;
}

@media screen and (max-width: 1600px) {
  .body--feed .app-container {
    padding-left: 0;
  }
}

@media screen and (max-width: 1280px) {
  .body--feed .app-container {
    padding-right: 16px;
  }
}

@media screen and (max-width: 1100px) {
  .body--feed .app-container {
    padding-right: 0px;
  }
}

@media screen and (max-width: 900px) {
  .body--feed .app-container {
    padding-right: 0px;
  }
}

.layout--feed .aside {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: #F8F9FA;
  border-right: 1px solid #E9ECEF;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 380px;
          flex: 1 0 380px;
  position: relative;
  padding-top: 0;
  will-change: flex-basis;
  -webkit-transition-property: 750ms, -webkit-flex-basis;
  transition-property: 750ms, -webkit-flex-basis;
  transition-property: flex-basis, 750ms;
  transition-property: flex-basis, 750ms, -webkit-flex-basis, -ms-flex-preferred-size;
  transition-property: flex-basis, 750ms, -ms-flex-preferred-size;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media screen and (max-width: 1600px) {
  .layout--feed .aside {
    -ms-flex-preferred-size: 340px;
        flex-basis: 340px;
  }
}

@media screen and (max-width: 1280px) {
  .layout--feed .aside {
    -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
  }
}

@media screen and (max-width: 1100px) {
  .layout--feed .aside {
    border-right: 0 none;
    position: relative;
    display: block;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    width: 0;
    z-index: 100;
  }
}

@media screen and (max-width: 480px) {
  .layout--feed .aside {
    -ms-flex-preferred-size: 0px;
        flex-basis: 0px;
  }
}

.layout--feed .aside--closed {
  -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
}

@media screen and (max-width: 1800px) {
  .layout--feed .aside--closed {
    -ms-flex-preferred-size: 19px;
        flex-basis: 19px;
  }
}

@media screen and (max-width: 1600px) {
  .layout--feed .aside--closed {
    -ms-flex-preferred-size: 50px;
        flex-basis: 50px;
  }
}

@media screen and (max-width: 1100px) {
  .layout--feed .aside--closed {
    width: 0;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }
}

.layout--feed .main {
  -webkit-box-flex: 1;
      -ms-flex: 1 2 auto;
          flex: 1 2 auto;
  padding-top: 0;
  padding-left: 16px;
  padding-right: 0;
}

@media screen and (max-width: 1600px) {
  .layout--feed .main {
    padding-left: 12px;
  }
}

@media screen and (max-width: 1280px) {
  .layout--feed .main {
    padding-right: 0;
  }
}

@media screen and (max-width: 1100px) {
  .layout--feed .main {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (max-width: 600px) {
  .layout--feed .main {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.layout--feed .main--journal {
  padding-top: 24px;
  position: relative;
}

.layout--feed .utility {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  padding-left: 16px;
}

@media screen and (max-width: 1600px) {
  .layout--feed .utility {
    -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
  }
}

@media screen and (max-width: 1280px) {
  .layout--feed .utility {
    -ms-flex-preferred-size: 260px;
        flex-basis: 260px;
  }
}

@media screen and (max-width: 1100px) {
  .layout--feed .utility {
    -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
  }
}

@media screen and (max-width: 900px) {
  .layout--feed .utility {
    display: none;
  }
}

.layout--3-column .page-title {
  margin-bottom: 0;
}

@media screen and (max-width: 1100px) {
  .layout--3-column .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.layout--3-column .aside {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 240px;
          flex: 0 0 240px;
  padding-right: 32px;
  padding-bottom: 32px;
}

@media screen and (max-width: 1100px) {
  .layout--3-column .aside {
    background-color: transparent;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
  .layout--3-column .aside .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .layout--3-column .aside .inner-container--mobile-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.layout--3-column .main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 64px;
  padding-right: 64px;
  padding-bottom: 40px;
}

@media screen and (max-width: 1280px) {
  .layout--3-column .main {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (max-width: 1100px) {
  .layout--3-column .main {
    background-color: transparent;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin-bottom: 48px;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}

.layout--3-column .utility {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 248px;
          flex: 0 0 248px;
  padding-left: 32px;
}

@media screen and (max-width: 1100px) {
  .layout--3-column .utility {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 16px 0;
  }
}

.layout--2-column-aside-left .aside {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 320px;
          flex: 0 0 320px;
  padding-right: 32px;
}

@media screen and (max-width: 1100px) {
  .layout--2-column-aside-left .aside {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    padding-right: 0;
  }
}

.layout--2-column-aside-left .main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

@media screen and (max-width: 1100px) {
  .layout--2-column-aside-left .main {
    padding-top: 24px;
  }
}

@media screen and (max-width: 1100px) {
  .layout--2-column-aside-left .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.layout--2-column-aside-left--collapse-early .aside {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  padding-right: 0;
}

.layout--2-column-aside-left--collapse-early .aside .inner-container {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.layout--2-column-aside-left--collapse-early .main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding-top: 0px;
}

@media screen and (max-width: 1100px) {
  .layout--2-column-aside-left--collapse-early .main {
    padding-top: 24px;
  }
}

.layout--2-column-aside-left--collapse-early .flex-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 1100px) {
  .layout--2-column-aside-right {
    display: block;
  }
}

.layout--2-column-aside-right .main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

@media screen and (max-width: 1280px) {
  .layout--2-column-aside-right .main {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 1100px) {
  .layout--2-column-aside-right .main {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin-bottom: 48px;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 1100px) {
  .layout--2-column-aside-right .main--reverse-order-mobile {
    margin-bottom: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-top: 16px;
  }
}

.layout--2-column-aside-right .aside {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 248px;
          flex: 0 0 248px;
  padding-left: 32px;
}

.layout--2-column-aside-right .aside--wide {
  -ms-flex-preferred-size: 500px;
      flex-basis: 500px;
}

@media screen and (max-width: 1280px) {
  .layout--2-column-aside-right .aside--wide {
    -ms-flex-preferred-size: 400px;
        flex-basis: 400px;
  }
}

@media screen and (max-width: 1100px) {
  .layout--2-column-aside-right .aside {
    background-color: transparent;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-top: 16px;
    padding-left: 0;
    padding-bottom: 16px;
  }
  .layout--2-column-aside-right .aside .inner-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 1100px) {
  .layout--2-column-aside-right .aside--reverse-order-mobile {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    padding-top: 0;
  }
}

@media screen and (max-width: 1100px) {
  .layout--2-column-aside-right .flex-container {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.inner-container {
  margin-bottom: 64px;
}

.page-header .inner-container {
  margin-bottom: 0;
}

@media screen and (max-width: 1100px) {
  .inner-container {
    display: block;
    max-width: 800px;
    margin: 0 auto;
  }
}

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.default-ul, .wysiwyg ul, .feed-wysiwyg ul, .product ul, ul.product-detail__list,
ol.default-ul,
ol.product-detail__list {
  list-style-type: disc !important;
  margin-bottom: 16px !important;
  padding-left: 24px !important;
}

ul.default-ul li, .wysiwyg ul li, .feed-wysiwyg ul li, .product ul li, ul.product-detail__list li,
ol.default-ul li,
ol.product-detail__list li {
  list-style: disc !important;
}

ul.default-ol,
ol.default-ol,
.wysiwyg ol,
.feed-wysiwyg ol,
.product ol {
  list-style-type: decimal !important;
  margin-bottom: 16px !important;
  padding-left: 24px !important;
}

ul.default-ol li,
ol.default-ol li,
.wysiwyg ol li,
.feed-wysiwyg ol li,
.product ol li {
  list-style: decimal !important;
}

dl {
  margin-bottom: 16px;
}

dl dt {
  font-weight: bold;
  margin-top: 16px;
}

dl dd {
  margin: 0;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

ul:not(.wysiwyg ul):not(.feed-wysiwyg ul):not(.nav__list),
ul:not(.nav__list) {
  padding-left: 0;
}

li:not(.wysiwyg li),
li:not(.feed-wysiwyg li) {
  list-style: none;
}

figure {
  margin: 0;
}

@media print {
  html, body {
    height: 95%;
    padding: 0;
    margin: 0;
  }
  .site-header, .site-footer {
    height: 1px;
    visibility: hidden;
    display: none;
  }
  .app-container {
    padding: 0;
  }
  .alert {
    height: 1px !important;
    visibility: hidden !important;
    display: none !important;
  }
  .app-container--feed .card-footer-section__controls,
  .app-container--feed .aside,
  .app-container--feed .lesson-heading,
  .app-container--feed .card-block__aside-column,
  .app-container--feed .element__controls,
  .app-container--feed .card__footer,
  .app-container--feed .progress-bar,
  .app-container--feed .next-lesson,
  .app-container--feed .page__overlay,
  .app-container--feed .conditional-button,
  .app-container--feed .tag-bar {
    height: 1px !important;
    visibility: hidden !important;
    display: none !important;
  }
  .app-container--feed .card {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid black;
    width: 100% !important;
    max-width: none !important;
  }
  .app-container--feed .card:before {
    display: none;
  }
  .app-container--feed .card__header {
    border: 0 none;
    border-bottom: 1px solid black;
  }
  .app-container--feed .card__heading {
    font-size: 16px;
  }
  .app-container--feed .card__subheading {
    font-size: 14px;
  }
  .app-container--feed .card__body {
    padding-bottom: 24px;
  }
  .app-container--feed .card__name {
    font-size: 14px;
  }
  .app-container--feed .card button,
  .app-container--feed .card .button {
    height: 1px;
    visibility: hidden;
    display: none;
  }
  .app-container--feed .card .block-quote {
    border: 1px solid black;
    font-size: 14px;
  }
  .app-container--feed .card-block {
    margin: 0 auto 24px;
  }
  .app-container--feed .card-block p {
    font-size: 14px;
  }
  .app-container--feed .card-block__card-column {
    width: 100% !important;
    max-width: none !important;
  }
  .app-container--feed .element-container {
    padding-bottom: 8px;
  }
  .app-container--feed .element__heading {
    font-size: 14px;
  }
  .app-container--feed .element__caption {
    color: #363b40;
    font-size: 12px;
    position: static;
    padding: 0;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
  }
  .app-container--feed .element__footer--overlaid {
    position: static;
    padding: 0;
  }
  .app-container--feed .element__breaking-frame, .app-container--feed .element__frame {
    -webkit-box-shadow: 0 none;
            box-shadow: 0 none;
  }
  .app-container--feed .element.image img {
    -webkit-transform: scale(1) translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) !important;
            transform: scale(1) translateX(0) translateY(0) translateZ(0) rotateX(0) rotateY(0) !important;
    opacity: 1 !important;
    max-width: 500px;
    margin: 0 auto;
  }
  .app-container--feed .form__text-input, .app-container--feed .form__textarea {
    font-size: 14px;
  }
  .app-container--feed .radio__input,
  .app-container--feed .checkbox__input {
    display: inline-block;
    opacity: 1;
    position: static;
  }
  .app-container--feed .radio__label:before, .app-container--feed .radio__label:after,
  .app-container--feed .checkbox__label:before,
  .app-container--feed .checkbox__label:after {
    display: none;
  }
  .app-container--feed .radio__label,
  .app-container--feed .checkbox__label {
    font-size: 14px;
  }
  .app-container--feed .checkbox-prompt__list,
  .app-container--feed .radio-prompt__list {
    -webkit-columns: 1 !important;
       -moz-columns: 1 !important;
            columns: 1 !important;
  }
  .app-container--feed .slider__handle {
    border: 1px solid black;
  }
  .app-container--feed .slider__cap-val {
    font-size: 12px;
  }
  .app-container--feed .sort__item {
    font-size: 14px;
    padding: 8px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .app-container--feed .blockquote {
    border: 1px solid black;
    font-size: 14px;
    padding: 24px;
  }
  .app-container--feed .blockquote:after {
    display: none;
  }
  .app-container--feed .blockquote__quote-icon {
    display: none;
    height: 1px;
  }
  .app-container--feed .video__player {
    overflow: hidden;
    height: 0px;
    padding-bottom: 0px !important;
  }
  .app-container--feed .video__wrapper {
    border: 1px solid #363b40;
    background-color: #ADB5BD;
    width: 100%;
    height: 150px;
    position: relative;
    padding-bottom: 0px !important;
  }
  .app-container--feed .video__wrapper:after {
    content: 'VIDEO';
    font-family: "Gobold Italic", "Karla", sans-serif;
    letter-spacing: 0.01em;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #FFF;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
  }
  .app-container--feed .multilane-sorting-list__droppable--wordbank .multilane-sorting-list__lane-body {
    max-height: none;
  }
  .app-container--feed .feed-footer {
    padding: 16px 0;
  }
  .app-container--feed .feed-wysiwyg li {
    font-size: 14px;
  }
  .app-container--feed .feed-wysiwyg p {
    font-size: 14px;
  }
  .app-container--feed .feed-wysiwyg h1, .app-container--feed .feed-wysiwyg h2, .app-container--feed .feed-wysiwyg h3, .app-container--feed .feed-wysiwyg h4, .app-container--feed .feed-wysiwyg h5, .app-container--feed .feed-wysiwyg h6 {
    font-size: 16px;
  }
}

table {
  border-collapse: collapse;
  -webkit-font-feature-settings: "kern", "liga", "tnum";
          font-feature-settings: "kern", "liga", "tnum";
  margin: 16px 0;
  table-layout: fixed;
  width: 100%;
}

th {
  border-bottom: 1px solid #a6a8aa;
  font-weight: 600;
  padding: 16px 0;
  text-align: left;
}

td {
  border-bottom: 1px solid #dde0e3;
  padding: 16px 0;
}

tr,
td,
th {
  vertical-align: middle;
}

body {
  color: #363b40;
  font-family: "Karla", sans-serif;
  -webkit-font-feature-settings: "kern", "liga", "pnum";
          font-feature-settings: "kern", "liga", "pnum";
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Gobold Italic", "Karla", sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.3;
  letter-spacing: 0.01em;
  margin: 0 0 16px;
}

.card h1, .card
h2, .card
h3, .card
h4, .card
h5, .card
h6 {
  letter-spacing: 0;
}

p {
  margin: 0 0 16px;
}

a {
  color: #228AE6;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

a:active, a:focus, a:hover {
  color: #3D58BC;
}

hr {
  border-bottom: 1px solid #dde0e3;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 24px 0;
}

img,
picture {
  margin: 0;
  max-width: 100%;
}

.page-title {
  color: #273C89;
  font-size: 32px;
}

.page-title--no-margin-bottom {
  margin-bottom: 0;
}

.page-title--centered {
  text-align: center;
}

.page-title--mobile-only {
  display: none;
}

@media screen and (max-width: 600px) {
  .page-title--mobile-only {
    display: block;
  }
}

sup.special-character {
  font-size: .4em;
  position: relative;
  top: -1em;
  padding-left: .5em;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

.wysiwyg li {
  margin-bottom: 12px;
}

.wysiwyg p {
  margin-bottom: 16px;
}

.feed-wysiwyg li {
  margin-bottom: 12px;
  font-size: 18px;
  color: #363b40 !important;
}

.feed-wysiwyg li * {
  color: #363b40 !important;
}

@media screen and (max-width: 900px) {
  .feed-wysiwyg li {
    font-size: 16px !important;
  }
  .feed-wysiwyg li * {
    font-size: 16px !important;
  }
}

.feed-wysiwyg p {
  color: #363b40 !important;
  font-size: 18px;
  margin-bottom: 16px;
}

.feed-wysiwyg p * {
  color: #363b40 !important;
  font-size: 18px !important;
}

@media screen and (max-width: 900px) {
  .feed-wysiwyg p {
    font-size: 16px !important;
  }
  .feed-wysiwyg p * {
    font-size: 16px !important;
  }
}

.feed-wysiwyg p:last-child {
  margin-bottom: 0;
}

.feed-wysiwyg h1, .feed-wysiwyg h2, .feed-wysiwyg h3, .feed-wysiwyg h4, .feed-wysiwyg h5, .feed-wysiwyg h6 {
  color: #273C89 !important;
  font-family: "Karla", sans-serif;
}

.feed-wysiwyg h1 *, .feed-wysiwyg h2 *, .feed-wysiwyg h3 *, .feed-wysiwyg h4 *, .feed-wysiwyg h5 *, .feed-wysiwyg h6 * {
  color: #273C89 !important;
  font-family: "Karla", sans-serif;
}

.feed-wysiwyg h3 {
  font-size: 24px;
  margin-bottom: 16px;
}

.feed-wysiwyg h3 * {
  font-size: 24px !important;
}

@media screen and (max-width: 900px) {
  .feed-wysiwyg h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
}

.feed-wysiwyg h4, .feed-wysiwyg h5, .feed-wysiwyg h6 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
}

.feed-wysiwyg h4 *, .feed-wysiwyg h5 *, .feed-wysiwyg h6 * {
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
}

@media screen and (max-width: 900px) {
  .feed-wysiwyg h4, .feed-wysiwyg h5, .feed-wysiwyg h6 {
    margin-bottom: 12px;
  }
}

.feed-wysiwyg .ql-align-left {
  text-align: left;
}

.feed-wysiwyg .ql-align-center {
  text-align: center;
}

.feed-wysiwyg .ql-align-right {
  text-align: right;
}

.feed-wysiwyg .ql-indent-1 {
  margin-left: 24px;
}

.feed-wysiwyg .ql-indent-2 {
  margin-left: 48px;
}

.feed-wysiwyg .ql-indent-3 {
  margin-left: 72px;
}

.feed-wysiwyg.ogo-notes__entry h1, .feed-wysiwyg.ogo-notes__entry h2, .feed-wysiwyg.ogo-notes__entry h3, .feed-wysiwyg.ogo-notes__entry h4, .feed-wysiwyg.ogo-notes__entry h5, .feed-wysiwyg.ogo-notes__entry h6 {
  font-family: "Gobold Italic", "Karla", sans-serif;
  letter-spacing: 0.01em;
}

.feed-wysiwyg.ogo-notes__entry h1 {
  font-size: 1.5em;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes bgPulseBlue {
  0% {
    background-color: #3D58BC;
  }
  100% {
    background-color: #228AE6;
  }
}

@keyframes bgPulseBlue {
  0% {
    background-color: #3D58BC;
  }
  100% {
    background-color: #228AE6;
  }
}

@-webkit-keyframes borderRightPulseBlue {
  0% {
    border-color: transparent transparent transparent #3D58BC;
  }
  100% {
    border-color: transparent transparent transparent #228AE6;
  }
}

@keyframes borderRightPulseBlue {
  0% {
    border-color: transparent transparent transparent #3D58BC;
  }
  100% {
    border-color: transparent transparent transparent #228AE6;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes centeredRotate {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
            transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
            transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
}

@keyframes centeredRotate {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
            transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(360deg);
            transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
}

@-webkit-keyframes orangeGlow {
  0% {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(239, 164, 32, 0.2);
            box-shadow: 0px 0px 10px 0px rgba(239, 164, 32, 0.2);
  }
  100% {
    -webkit-box-shadow: 0px 0px 20px 3px #efa420;
            box-shadow: 0px 0px 20px 3px #efa420;
  }
}

@keyframes orangeGlow {
  0% {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(239, 164, 32, 0.2);
            box-shadow: 0px 0px 10px 0px rgba(239, 164, 32, 0.2);
  }
  100% {
    -webkit-box-shadow: 0px 0px 20px 3px #efa420;
            box-shadow: 0px 0px 20px 3px #efa420;
  }
}

@-webkit-keyframes newComment {
  0% {
    border-color: #efa420;
    -webkit-box-shadow: 0px 0px 15px 5px #efa420;
            box-shadow: 0px 0px 15px 5px #efa420;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  99% {
    border-color: rgba(239, 164, 32, 0);
    -webkit-box-shadow: 0px 0px 5px rgba(239, 164, 32, 0);
            box-shadow: 0px 0px 5px rgba(239, 164, 32, 0);
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

@keyframes newComment {
  0% {
    border-color: #efa420;
    -webkit-box-shadow: 0px 0px 15px 5px #efa420;
            box-shadow: 0px 0px 15px 5px #efa420;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  99% {
    border-color: rgba(239, 164, 32, 0);
    -webkit-box-shadow: 0px 0px 5px rgba(239, 164, 32, 0);
            box-shadow: 0px 0px 5px rgba(239, 164, 32, 0);
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    border-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 10px 12px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger-box {
  width: 18px;
  height: 12px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 18px;
  height: 2px;
  background-color: #FFF;
  border-radius: 0px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -5px;
}

.hamburger-inner::after {
  bottom: -5px;
}

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  -webkit-perspective: 36px;
          perspective: 36px;
}

.hamburger--3dx .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 5px, 0) rotate(45deg);
          transform: translate3d(0, 5px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -5px, 0) rotate(-45deg);
          transform: translate3d(0, -5px, 0) rotate(-45deg);
}

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  -webkit-perspective: 36px;
          perspective: 36px;
}

.hamburger--3dx-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 5px, 0) rotate(45deg);
          transform: translate3d(0, 5px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -5px, 0) rotate(-45deg);
          transform: translate3d(0, -5px, 0) rotate(-45deg);
}

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  -webkit-perspective: 36px;
          perspective: 36px;
}

.hamburger--3dy .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 5px, 0) rotate(45deg);
          transform: translate3d(0, 5px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -5px, 0) rotate(-45deg);
          transform: translate3d(0, -5px, 0) rotate(-45deg);
}

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  -webkit-perspective: 36px;
          perspective: 36px;
}

.hamburger--3dy-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  -webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(0, 5px, 0) rotate(45deg);
          transform: translate3d(0, 5px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -5px, 0) rotate(-45deg);
          transform: translate3d(0, -5px, 0) rotate(-45deg);
}

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(-3.6px, 0, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(-3.6px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(-3.6px, 0, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(-3.6px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  -webkit-transform: translate3d(3.6px, 0, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(3.6px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(3.6px, 0, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(3.6px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(-3.6px, -4.5px, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(-3.6px, -4.5px, 0) rotate(-45deg) scale(0.7, 1);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(-3.6px, 4.5px, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(-3.6px, 4.5px, 0) rotate(45deg) scale(0.7, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: translate3d(3.6px, -4.5px, 0) rotate(45deg) scale(0.7, 1);
          transform: translate3d(3.6px, -4.5px, 0) rotate(45deg) scale(0.7, 1);
  -webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: translate3d(3.6px, 4.5px, 0) rotate(-45deg) scale(0.7, 1);
          transform: translate3d(3.6px, 4.5px, 0) rotate(-45deg) scale(0.7, 1);
  -webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  -webkit-transition-property: none;
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
          transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -10px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -5px, 0) rotate(-45deg);
          transform: translate3d(0, -5px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0.13s;
          transition-delay: 0.13s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -10px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -5px, 0) rotate(45deg);
          transform: translate3d(0, -5px, 0) rotate(45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 1px;
  -webkit-transition-duration: 0.275s;
          transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 5px;
  -webkit-transition: opacity 0.125s 0.275s ease;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 10px;
  -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 5px, 0) rotate(135deg);
          transform: translate3d(0, 5px, 0) rotate(135deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-270deg);
          transform: translate3d(0, -10px, 0) rotate(-270deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 1px;
  -webkit-transition-duration: 0.275s;
          transition-duration: 0.275s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 5px;
  -webkit-transition: opacity 0.125s 0.275s ease;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 10px;
  -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 5px, 0) rotate(-135deg);
          transform: translate3d(0, 5px, 0) rotate(-135deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(270deg);
          transform: translate3d(0, -10px, 0) rotate(270deg);
  -webkit-transition-delay: 0.075s;
          transition-delay: 0.075s;
}

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  -webkit-transition: background-color 0.125s 0.175s ease-in;
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic .hamburger-inner::after {
  top: 5px;
  right: 0;
  -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic.is-active .hamburger-inner {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  background-color: transparent;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -36px;
  top: -36px;
  -webkit-transform: translate3d(36px, 36px, 0) rotate(45deg);
          transform: translate3d(36px, 36px, 0) rotate(45deg);
  -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -36px;
  top: -36px;
  -webkit-transform: translate3d(-36px, 36px, 0) rotate(-45deg);
          transform: translate3d(-36px, 36px, 0) rotate(-45deg);
  -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  -webkit-transition: background-color 0.125s 0.175s ease-in;
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  -webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 5px;
  right: 0;
  -webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  background-color: transparent;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -36px;
  top: 36px;
  -webkit-transform: translate3d(36px, -36px, 0) rotate(-45deg);
          transform: translate3d(36px, -36px, 0) rotate(-45deg);
  -webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -36px;
  top: 36px;
  -webkit-transform: translate3d(-36px, -36px, 0) rotate(45deg);
          transform: translate3d(-36px, -36px, 0) rotate(45deg);
  -webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 1px;
}

.hamburger--slider .hamburger-inner::before {
  top: 5px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 10px;
}

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 5px, 0) rotate(45deg);
          transform: translate3d(0, 5px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-2.57142857px, -3px, 0);
          transform: rotate(-45deg) translate3d(-2.57142857px, -3px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(-90deg);
          transform: translate3d(0, -10px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 1px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 5px;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 10px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 5px, 0) rotate(-45deg);
          transform: translate3d(0, 5px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  -webkit-transform: rotate(45deg) translate3d(2.57142857px, -3px, 0);
          transform: rotate(45deg) translate3d(2.57142857px, -3px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -10px, 0) rotate(90deg);
          transform: translate3d(0, -10px, 0) rotate(90deg);
}

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 1px;
  -webkit-transition: background-color 0s 0.13s linear;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 5px;
  -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 10px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  background-color: transparent;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 5px, 0) rotate(45deg);
          transform: translate3d(0, 5px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate3d(0, 5px, 0) rotate(-45deg);
          transform: translate3d(0, 5px, 0) rotate(-45deg);
}

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.13s;
          transition-duration: 0.13s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -10px;
  -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, -5px, 0) rotate(-45deg);
          transform: translate3d(0, -5px, 0) rotate(-45deg);
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  background-color: transparent;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  -webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  background-color: transparent;
  -webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  -webkit-transition-duration: 0.22s;
          transition-duration: 0.22s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  -webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  -webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-225deg);
          transform: rotate(-225deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 0.075s;
          transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  -webkit-transform: rotate(765deg);
          transform: rotate(765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  -webkit-transition-property: top, opacity;
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  -webkit-transform: rotate(-765deg);
          transform: rotate(-765deg);
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
          transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/** ISSUERS **/
/** Images **/
.rccs {
  margin: 0 auto;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  width: 290px;
}

.rccs__card {
  height: 182.87299786px;
  margin: 0 auto;
  position: relative;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  width: 290px;
}

.rccs__card--front, .rccs__card--back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: linear-gradient(25deg, #939393, #717171);
  border-radius: 14.5px;
  color: #fff;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  width: 100%;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.rccs__card--front {
  z-index: 20;
}

.rccs__card--back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.rccs__card--back .rccs__issuer {
  background-position: bottom center;
  bottom: 5%;
  left: 50%;
  opacity: 0.6;
  right: auto;
  top: auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.rccs__card__background {
  height: 200%;
  left: -170%;
  position: absolute;
  top: -60%;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  width: 150%;
  left: -170%;
}

.rccs__card--flipped {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.rccs__card--flipped .rccs__card--front {
  z-index: 10;
}

.rccs__card--flipped .rccs__card--back {
  z-index: 20;
}

.rccs__card--unknown > div {
  background: linear-gradient(25deg, #999, #999);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.rccs__card--unknown .rccs__issuer {
  visibility: hidden;
}

.rccs__card:not(.rccs__card--unknown) .rccs__card__background {
  left: -22%;
}

.rccs__card--amex .rccs__card__background {
  background: linear-gradient(25deg, #308c67, #a3f2cf);
}

.rccs__card--amex .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBjeD0iMTcuNTQxJSIgY3k9IjE3LjQ2NiUiIGZ4PSIxNy41NDElIiBmeT0iMTcuNDY2JSIgcj0iOTEuMjM3JSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiM2NUJDRjEiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMjNBREUzIiBvZmZzZXQ9IjQ1LjQ2JSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwREE2RTAiIG9mZnNldD0iNTAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzA1NTFDMyIgb2Zmc2V0PSIxMDAlIi8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTAgMGg1MTJ2NTEyaC01MTJ6Ii8+PHBhdGggZD0iTTQ1Ljc5MSAyMjAuOTM1bC05Ljc3My0yMy44MTMtOS43MTcgMjMuODEzaDE5LjQ4OXptMjE1LjI4OS05LjQ4M2MtMS45NjIgMS4xOTEtNC4yODMgMS4yMzEtNy4wNjMgMS4yMzFoLTE3LjM0NXYtMTMuMjY4aDE3LjU4MWMyLjQ4OCAwIDUuMDg0LjExMiA2Ljc3MSAxLjA3NyAxLjg1Mi44NyAyLjk5OCAyLjcyMiAyLjk5OCA1LjI4MSAwIDIuNjExLTEuMDkgNC43MTItMi45NDIgNS42Nzl6bTEyMy43MzkgOS40ODNsLTkuODgxLTIzLjgxMy05LjgyNyAyMy44MTNoMTkuNzA3em0tMjMwLjY1OCAyNS43NzZoLTE0LjYzN2wtLjA1NC00Ni43ODQtMjAuNzA0IDQ2Ljc4NGgtMTIuNTM2bC0yMC43NTgtNDYuODI1djQ2LjgyNWgtMjkuMDRsLTUuNDg2LTEzLjMyNGgtMjkuNzI5bC01LjU0MiAxMy4zMjRoLTE1LjUwN2wyNS41NjgtNTkuNzM1aDIxLjIxNGwyNC4yODQgNTYuNTU2di01Ni41NTZoMjMuMzA0bDE4LjY4NiA0MC41MjMgMTcuMTY1LTQwLjUyM2gyMy43NzJ2NTkuNzM1aC4wMDJ6bTU4LjMzOCAwaC00Ny42OTd2LTU5LjczNWg0Ny42OTd2MTIuNDM5aC0zMy40MTl2MTAuNzY3aDMyLjYxN3YxMi4yNDVoLTMyLjYxN3YxMS45MjloMzMuNDE5djEyLjM1NHptNjcuMjUxLTQzLjY0N2MwIDkuNTI0LTYuMzU3IDE0LjQ0NC0xMC4wNjEgMTUuOTIyIDMuMTI0IDEuMTg5IDUuNzkzIDMuMjkgNy4wNjMgNS4wMyAyLjAxNiAyLjk3MSAyLjM2NCA1LjYyNSAyLjM2NCAxMC45NnYxMS43MzVoLTE0LjQwMWwtLjA1NC03LjUzM2MwLTMuNTk0LjM0NC04Ljc2NC0yLjI1NC0xMS42MzctMi4wODYtMi4xMDEtNS4yNjYtMi41NTctMTAuNDA3LTIuNTU3aC0xNS4zMjd2MjEuNzI3aC0xNC4yNzd2LTU5LjczNWgzMi44NGM3LjI5NyAwIDEyLjY3My4xOTMgMTcuMjg5IDIuODYxIDQuNTE3IDIuNjY4IDcuMjI1IDYuNTY0IDcuMjI1IDEzLjIyN3ptMjIuODUgNDMuNjQ3aC0xNC41Njl2LTU5LjczNWgxNC41Njl2NTkuNzM1em0xNjkuMDE3IDBoLTIwLjIzM2wtMjcuMDY0LTQ0LjgzNHY0NC44MzRoLTI5LjA3OGwtNS41NTctMTMuMzI0aC0yOS42NmwtNS4zOTEgMTMuMzI0aC0xNi43MDdjLTYuOTQgMC0xNS43MjctMS41MzUtMjAuNzA0LTYuNjA3LTUuMDE4LTUuMDcyLTcuNjI5LTExLjk0Mi03LjYyOS0yMi44MDUgMC04Ljg1OSAxLjU2LTE2Ljk1OCA3LjY5Ny0yMy4zNTggNC42MTYtNC43NjcgMTEuODQ1LTYuOTY1IDIxLjY4NC02Ljk2NWgxMy44MjN2MTIuNzk5aC0xMy41MzNjLTUuMjExIDAtOC4xNTMuNzc1LTEwLjk4NyAzLjUzOS0yLjQzNCAyLjUxNS00LjEwNCA3LjI3LTQuMTA0IDEzLjUzMSAwIDYuNCAxLjI3MiAxMS4wMTQgMy45MjYgMTQuMDI4IDIuMTk4IDIuMzY0IDYuMTkzIDMuMDgxIDkuOTUxIDMuMDgxaDYuNDEybDIwLjEyNC00Ni45NzdoMjEuMzk0bDI0LjE3NCA1Ni41di01Ni41aDIxLjc0bDI1LjA5OCA0MS42MDJ2LTQxLjYwMmgxNC42MjV2NTkuNzMzem0tNDcxLjYxNiAxMS43MzNoMjQuMzk1bDUuNTAxLTEzLjI2OGgxMi4zMTVsNS40ODYgMTMuMjY4aDQ4di0xMC4xNDRsNC4yODUgMTAuMTg3aDI0LjkxOGw0LjI4NS0xMC4zMzh2MTAuMjk1aDExOS4yODlsLS4wNTYtMjEuNzc5aDIuMzA4YzEuNjE2LjA1NiAyLjA4OC4yMDUgMi4wODggMi44NzR2MTguOTA2aDYxLjY5N3YtNS4wN2M0Ljk3NiAyLjY2NyAxMi43MTcgNS4wNyAyMi45MDIgNS4wN2gyNS45NTZsNS41NTUtMTMuMjY4aDEyLjMxNWw1LjQzMiAxMy4yNjhoNTAuMDE4di0xMi42MDNsNy41NzQgMTIuNjAzaDQwLjA4MXYtODMuMzEyaC0zOS42Njd2OS44MzlsLTUuNTU1LTkuODM5aC00MC43MDN2OS44MzlsLTUuMTAxLTkuODM5aC01NC45OGMtOS4yMDMgMC0xNy4yOTMgMS4yODUtMjMuODI4IDQuODY1di00Ljg2NWgtMzcuOTQxdjQuODY1Yy00LjE1OC0zLjY5LTkuODI1LTQuODY1LTE2LjEyNS00Ljg2NWgtMTM4LjYxM2wtOS4zMDEgMjEuNTE4LTkuNTUxLTIxLjUxOGgtNDMuNjZ2OS44MzlsLTQuNzk2LTkuODM5aC0zNy4yMzVsLTE3LjI5MSAzOS42MTF2NDMuNzAxaC4wMDJ6TTUxMiAzMDIuMDE0aC0yNi4wMzljLTIuNiAwLTQuMzI3LjA5Ny01Ljc4MiAxLjA4LTEuNTA3Ljk2OC0yLjA4OCAyLjQwNS0yLjA4OCA0LjMwMiAwIDIuMjU1IDEuMjczIDMuNzkgMy4xMjQgNC40NTMgMS41MDcuNTI1IDMuMTI2LjY3OCA1LjUwNi42NzhsNy43NDMuMjA3YzcuODE0LjE5MyAxMy4wMjkgMS41MzYgMTYuMjA5IDQuODEyLjU3OS40NTYuOTI3Ljk2OCAxLjMyNSAxLjQ4di0xNy4wMTJ6bTAgMzkuNDE2Yy0zLjQ3IDUuMDc1LTEwLjIzMyA3LjY0OC0xOS4zODggNy42NDhoLTI3LjU5MXYtMTIuODJoMjcuNDc5YzIuNzI2IDAgNC42MzMtLjM1OSA1Ljc4Mi0xLjQ4Ljk5NS0uOTI1IDEuNjg5LTIuMjY4IDEuNjg5LTMuOSAwLTEuNzQyLS42OTQtMy4xMjQtMS43NDUtMy45NTQtMS4wMzctLjkxMi0yLjU0Ni0xLjMyNy01LjAzNC0xLjMyNy0xMy40MTUtLjQ1Ni0zMC4xNTEuNDE1LTMwLjE1MS0xOC41MDQgMC04LjY3MiA1LjUwNi0xNy44IDIwLjQ5OC0xNy44aDI4LjQ1OHYtMTEuODk1aC0yNi40NDFjLTcuOTc5IDAtMTMuNzc2IDEuOTExLTE3Ljg4MSA0Ljg4MnYtNC44ODJoLTM5LjEwOWMtNi4yNTQgMC0xMy41OTUgMS41NS0xNy4wNjggNC44ODJ2LTQuODgyaC02OS44Mzl2NC44ODJjLTUuNTU4LTQuMDEtMTQuOTM3LTQuODgyLTE5LjI2NS00Ljg4MmgtNDYuMDY2djQuODgyYy00LjM5Ny00LjI1OC0xNC4xNzYtNC44ODItMjAuMTM2LTQuODgyaC01MS41NTZsLTExLjc5OCAxMi43NjgtMTEuMDUtMTIuNzY4aC03Ny4wMTR2ODMuNDIxaDc1LjU2NWwxMi4xNTctMTIuOTcgMTEuNDUyIDEyLjk3IDQ2LjU3OC4wNDF2LTE5LjYyNGg0LjU3OWM2LjE4LjA5NiAxMy40NjktLjE1MyAxOS45LTIuOTMzdjIyLjUxNGgzOC40MTl2LTIxLjc0MmgxLjg1M2MyLjM2NSAwIDIuNTk4LjA5NyAyLjU5OCAyLjQ2MXYxOS4yOGgxMTYuNzA5YzcuNDEgMCAxNS4xNTUtMS44OTcgMTkuNDQ0LTUuMzM4djUuMzM4aDM3LjAyYzcuNzA0IDAgMTUuMjI3LTEuMDggMjAuOTUxLTMuODQ1di0xNS41NDF6bS01Ni45OS0yMy44ODRjMi43ODIgMi44NzkgNC4yNzMgNi41MTQgNC4yNzMgMTIuNjY3IDAgMTIuODYyLTguMDM1IDE4Ljg2NS0yMi40NDQgMTguODY1aC0yNy44Mjd2LTEyLjgyaDI3LjcxNWMyLjcxIDAgNC42MzItLjM1OSA1LjgzNi0xLjQ4Ljk4My0uOTI1IDEuNjg3LTIuMjY4IDEuNjg3LTMuOSAwLTEuNzQyLS43NjMtMy4xMjQtMS43NDMtMy45NTQtMS4wOTMtLjkxMi0yLjYtMS4zMjctNS4wODgtMS4zMjctMTMuMzYxLS40NTYtMzAuMDkzLjQxNS0zMC4wOTMtMTguNTA0IDAtOC42NzIgNS40NDgtMTcuOCAyMC40MjYtMTcuOGgyOC42NDJ2MTIuNzI1aC0yNi4yMDhjLTIuNTk4IDAtNC4yODcuMDk3LTUuNzI0IDEuMDgtMS41NjUuOTY4LTIuMTQ1IDIuNDA1LTIuMTQ1IDQuMzAyIDAgMi4yNTUgMS4zMjkgMy43OSAzLjEyNiA0LjQ1MyAxLjUwNy41MjUgMy4xMjYuNjc4IDUuNTYuNjc4bDcuNjkxLjIwN2M3Ljc1Ni4xODkgMTMuMDggMS41MzEgMTYuMzE2IDQuODA4em0tMTI4LjkxOC0zLjY5MmMtMS45MTEgMS4xMzQtNC4yNzUgMS4yMzEtNy4wNTUgMS4yMzFoLTE3LjM1NnYtMTMuNDI4aDE3LjU5MmMyLjU0NCAwIDUuMDg5LjA1NCA2LjgxOCAxLjA4IDEuODUyLjk2OCAyLjk1OCAyLjgyIDIuOTU4IDUuMzc4IDAgMi41NTgtMS4xMDcgNC42MTktMi45NTggNS43Mzh6bTguNjI4IDcuNDRjMy4xOCAxLjE3NCA1Ljc4IDMuMjc4IDYuOTk5IDUuMDE5IDIuMDE3IDIuOTE5IDIuMzA5IDUuNjQzIDIuMzY3IDEwLjkxM3YxMS44NTJoLTE0LjM0M3YtNy40OGMwLTMuNTk3LjM0Ni04LjkyMi0yLjMwOS0xMS43MDItMi4wODgtMi4xNDItNS4yNy0yLjY1NC0xMC40ODItMi42NTRoLTE1LjI2OHYyMS44MzZoLTE0LjM1NnYtNTkuNzg2aDMyLjk4NWM3LjIzMyAwIDEyLjUwMS4zMTkgMTcuMTkgMi44MjEgNC41MDkgMi43MjQgNy4zNDUgNi40NTYgNy4zNDUgMTMuMjc2LS4wMDIgOS41NDItNi4zNjYgMTQuNDEyLTEwLjEyNyAxNS45MDV6bTE4LjA0OC0zMi4wMDJoNDcuNjg0djEyLjM2NGgtMzMuNDU1djEwLjg2OWgzMi42Mzl2MTIuMTk4aC0zMi42Mzl2MTEuODk1bDMzLjQ1NS4wNTR2MTIuNDA1aC00Ny42ODR2LTU5Ljc4NnptLTk2LjM5MyAyNy41OTFoLTE4LjQ2M3YtMTUuMjI1aDE4LjYyOWM1LjE1OCAwIDguNzM4IDIuMTAyIDguNzM4IDcuMzMgMCA1LjE3MS0zLjQxNSA3Ljg5NS04LjkwNCA3Ljg5NXptLTMyLjY5MyAyNi43NThsLTIxLjkzNS0yNC4zNTMgMjEuOTM1LTIzLjU3OXY0Ny45MzJ6bS01Ni42NDctNy4wMjJoLTM1LjEyN3YtMTEuODk1aDMxLjM2NnYtMTIuMTk4aC0zMS4zNjZ2LTEwLjg2OWgzNS44MTlsMTUuNjI3IDE3LjQyMy0xNi4zMTkgMTcuNTR6bTExMy41ODMtMjcuNjNjMCAxNi42MDgtMTIuMzkxIDIwLjAzNy0yNC44NzkgMjAuMDM3aC0xNy44Mjd2MjAuMDUzaC0yNy43NjlsLTE3LjU5Mi0xOS43OTItMTguMjgzIDE5Ljc5MmgtNTYuNTkxdi01OS43ODZoNTcuNDYybDE3LjU3OCAxOS41OTcgMTguMTczLTE5LjU5N2g0NS42NTJjMTEuMzM4IDAgMjQuMDc3IDMuMTM5IDI0LjA3NyAxOS42OTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
}

.rccs__card--amex .rccs__cvc__front {
  opacity: 0.5;
  visibility: visible;
}

.rccs__card--dankort .rccs__card__background {
  background: linear-gradient(25deg, #ccc, #999);
}

.rccs__card--dankort .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjMwOCIgdmlld0JveD0iMCAwIDUxMiAzMDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMCUiIHgyPSI1MCUiIHkyPSIxMDAlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iI0Y1MDkxQSIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiM5RTBDMTciIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0zNTguNDA3IDBoLTIwNC43OTVjLTg0Ljg0MiAwLTE1My42MTIgNjguNzcxLTE1My42MTIgMTUzLjU5MyAwIDg0Ljg1MSA2OC43NyAxNTMuNjA2IDE1My42MTIgMTUzLjYwNmgyMDQuNzk1Yzg0LjgyMiAwIDE1My41OTMtNjguNzU1IDE1My41OTMtMTUzLjYwNiAwLTg0LjgyMS02OC43Ny0xNTMuNTkzLTE1My41OTMtMTUzLjU5MyIgZmlsbD0iI0ZFRkVGRSIvPjxwYXRoIGQ9Ik0zOTUuNTkxIDE0NC40ODZsNjguMzI4IDgxLjI2MWMxNC4xNTEtMjAuNDUxIDIyLjQ2Mi00NS4yNDIgMjIuNDYyLTcxLjk0NSAwLTI4LjE4My05LjI1OS01NC4yNDgtMjQuODg0LTc1LjMxNWwtNjUuOTA2IDY1Ljk5OXptLTI0MS4zOTctMTE3LjM4NmMtMzguNTQ3IDAtNzMuMTIxIDE3LjI5My05Ni4zODMgNDQuNTI4aDE0NC4xNTljNTEuMDI3IDAgODkuNDc0IDEyLjk4MyA5My40MzEgNTUuOTc0bDUzLjcwMi01NS45ODFoMTA2LjkzMWMtMjMuMjYzLTI3LjIyNy01Ny44MzEtNDQuNTItOTYuMzYxLTQ0LjUyaC0yMDUuNDc5em0yOS4yMzYgMjA1LjQ3OWgtMTI4LjQyOWMyMy4yMzMgMjkuMTkzIDU5LjA2MiA0Ny45NDYgOTkuMTk0IDQ3Ljk0NmgyMDUuNDc5YzQwLjExNyAwIDc1LjkzNy0xOC43NDUgOTkuMTcxLTQ3LjkzOWgtMTA5LjI5NWwtNTYuNzk2LTcxLjc3NmMtMTAuNTA2IDQ4LjkzOS00NC44ODEgNzEuNzY5LTEwOS4zMjMgNzEuNzY5ek0xMTguNDQgMTI1Ljk5N2wtMTguMjIyIDUwLjFoNzMuNTE3YzIxLjczMyAwIDI4LjMxLTguOTk4IDMzLjE3My0yNi4zMTkgNC44MTUtMTcuMTMxLTcuMjc3LTIzLjc4LTIyLjEyOS0yMy43OGgtNjYuMzM5eiIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==");
}

.rccs__card--dinersclub > div {
  color: #555;
}

.rccs__card--dinersclub .rccs__card__background {
  background: linear-gradient(25deg, #fff, #eee);
}

.rccs__card--dinersclub .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjEzNCIgdmlld0JveD0iMCAwIDUxMiAxMzQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik05OS4yODUgMTMzLjg2YzM2LjQ0Ni4xNzcgNjkuNzE1LTI5LjY1OSA2OS43MTUtNjUuOTU1IDAtMzkuNjg5LTMzLjI2OS02Ny4xMjItNjkuNzE1LTY3LjExMWgtMzEuMzY1Yy0zNi44ODItLjAxMS02Ny4yNDEgMjcuNDI5LTY3LjI0MSA2Ny4xMTEgMCAzNi4zMDUgMzAuMzU4IDY2LjEzMyA2Ny4yNDEgNjUuOTU1aDMxLjM2NSIgZmlsbD0iIzAwNjA5NSIvPjxwYXRoIGQ9Ik04MS45MDkgMTAzLjI0N3YtNzIuMDcyYzE0LjUxNyA1LjU1NyAyNC44MjMgMTkuNTgzIDI0Ljg0NyAzNi4wMzMtLjAyNCAxNi40NTQtMTAuMzMgMzAuNDcxLTI0Ljg0NyAzNi4wMzhtLTUyLjUyMi0zNi4wMzhjLjAzMy0xNi40NDEgMTAuMzIyLTMwLjQ1OCAyNC44MzEtMzYuMDMydjcyLjA1NWMtMTQuNTA5LTUuNTY5LTI0Ljc5OC0xOS41NzgtMjQuODMxLTM2LjAyNG0zOC42NzktNjAuOTE1Yy0zMy43MDIuMDExLTYxLjAxMSAyNy4yNzMtNjEuMDIgNjAuOTE1LjAwOCAzMy42MzkgMjcuMzE4IDYwLjg5NSA2MS4wMiA2MC45MDUgMzMuNzEzLS4wMSA2MS4wMjgtMjcuMjY2IDYxLjAzMy02MC45MDUtLjAwNS0zMy42NDItMjcuMzE5LTYwLjkwNC02MS4wMzMtNjAuOTE1IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTE5MC4zNzMgMjkuNDIxYzAtNi4yOTQtMy4yOTEtNS44ODEtNi40NDQtNS45NDd2LTEuODE5YzIuNzMzLjEzMyA1LjUzNi4xMzMgOC4yNzUuMTMzIDIuOTQzIDAgNi45NDEtLjEzMyAxMi4xMzMtLjEzMyAxOC4xNTcgMCAyOC4wNDIgMTIuMTAzIDI4LjA0MiAyNC40OTYgMCA2LjkyOS00LjA2MyAyNC4zNTMtMjguODg4IDI0LjM1My0zLjU3MyAwLTYuODc0LS4xMzgtMTAuMTY3LS4xMzgtMy4xNTMgMC02LjI0Mi4wNjctOS4zOTUuMTM4di0xLjgyYzQuMjAzLS40MjEgNi4yNDItLjU2MSA2LjQ0NC01LjMydi0zMy45NDN6bTYuODczIDMyLjgyNWMwIDUuMzg4IDMuODYxIDYuMDE3IDcuMjk0IDYuMDE3IDE1LjE0OSAwIDIwLjEyNC0xMS40MDcgMjAuMTI0LTIxLjgzNiAwLTEzLjA4My04LjQxNS0yMi41My0yMS45NDctMjIuNTMtMi44NzkgMC00LjIwMy4yMDUtNS40NzIuMjh2MzguMDY4em0zNy41OTIgNi40NGgxLjMzMWMxLjk2MSAwIDMuMzY1IDAgMy4zNjUtMi4zMTV2LTE4Ljk2MmMwLTMuMDc3LTEuMDUtMy41MDQtMy42NDgtNC44OTZ2LTEuMTIyYzMuMjk2LS45ODUgNy4yMjYtMi4zMDggNy41MDMtMi41MTguNDkzLS4yOC45MTItLjM1NCAxLjI2NC0uMzU0LjM0NyAwIC40OTIuNDIxLjQ5Mi45ODV2MjYuODY2YzAgMi4zMTUgMS41NDIgMi4zMTUgMy41MDggMi4zMTVoMS4xODl2MS44MmMtMi4zODYgMC00Ljg0Mi0uMTQtNy4zNi0uMTQtMi41MjYgMC01LjA1Mi4wNjgtNy42NDMuMTR2LTEuODJ6bTcuNTAzLTQwLjk0Yy0xLjgyNyAwLTMuNDM2LTEuNjc5LTMuNDM2LTMuNDk5IDAtMS43NTIgMS42ODYtMy4zNjYgMy40MzYtMy4zNjYgMS44MTcgMCAzLjQzNSAxLjQ3NiAzLjQzNSAzLjM2NiAwIDEuODkyLTEuNTQ2IDMuNDk5LTMuNDM1IDMuNDk5em0xNC4xNjIgMjAuMDgyYzAtMi41ODgtLjc3NS0zLjI4NS00LjA2My00LjYxNXYtMS4zM2MzLjAxMS0uOTc4IDUuODg0LTEuODkyIDkuMjU0LTMuMzYzLjIwOCAwIC40MTQuMTQzLjQxNC42OTl2NC41NTFjNC4wMDMtMi44NjYgNy40NDEtNS4yNSAxMi4xNDQtNS4yNSA1Ljk1NiAwIDguMDU4IDQuMzQgOC4wNTggOS44djE4LjA1MmMwIDIuMzE1IDEuNTQxIDIuMzE1IDMuNTA2IDIuMzE1aDEuMjYydjEuODJjLTIuNDU5IDAtNC45MTMtLjE0LTcuNDMxLS4xNC0yLjUyOCAwLTUuMDUzLjA2OC03LjU3Ni4xNHYtMS44MmgxLjI2MWMxLjk2NyAwIDMuMzYzIDAgMy4zNjMtMi4zMTV2LTE4LjEyYzAtMy45OTQtMi40NDMtNS45NDktNi40NDYtNS45NDktMi4yNDMgMC01LjgxOSAxLjgxNy04LjE0MSAzLjM1OHYyMC43MTFjMCAyLjMxNSAxLjU1MiAyLjMxNSAzLjUxNiAyLjMxNWgxLjI2MXYxLjgyYy0yLjQ1NCAwLTQuOTEyLS4xNC03LjQzNi0uMTQtMi41MjEgMC01LjA1LjA2OC03LjU3MS4xNHYtMS44MmgxLjI2NWMxLjk2MiAwIDMuMzYxIDAgMy4zNjEtMi4zMTV2LTE4LjU0NHptMzUuOTA3IDMuMzY1Yy0uMTQ1LjYzMS0uMTQ1IDEuNjc3IDAgNC4wNTkuNDEyIDYuNjQ2IDQuNzAyIDEyLjEwMyAxMC4zMDIgMTIuMTAzIDMuODYzIDAgNi44ODItMi4xIDkuNDctNC42ODZsLjk4Ljk4Yy0zLjIyNiA0LjI3LTcuMjI0IDcuOTA4LTEyLjk2OCA3LjkwOC0xMS4xNTQgMC0xMy4zOTUtMTAuNzgtMTMuMzk1LTE1LjI1NiAwLTEzLjcxOCA5LjI1Mi0xNy43NzkgMTQuMTU3LTE3Ljc3OSA1LjY4NSAwIDExLjc5MSAzLjU2OCAxMS44NTMgMTAuOTg2IDAgLjQyNiAwIC44NC0uMDYyIDEuMjY1bC0uNjM3LjQyMWgtMTkuNzAxem0xMi40MTMtMi4yNDFjMS43NTIgMCAxLjk1Ni0uOTEyIDEuOTU2LTEuNzUxIDAtMy41NjgtMi4xNzEtNi40MzctNi4xMDEtNi40MzctNC4yNzUgMC03LjIxOSAzLjE0Mi04LjA2IDguMTg3aDEyLjIwNXptOS42MDQgMTkuNzM2aDEuODk0YzEuOTU2IDAgMy4zNiAwIDMuMzYtMi4zMTV2LTE5LjY2MWMwLTIuMTY4LTIuNTkxLTIuNTkxLTMuNjQ1LTMuMTV2LTEuMDQ3YzUuMTE5LTIuMTcyIDcuOTI1LTMuOTk0IDguNTY1LTMuOTk0LjQxMiAwIC42Mi4yMS42Mi45MTN2Ni4yOTdoLjE1YzEuNzQ2LTIuNzI5IDQuNjk3LTcuMjEgOC45NzItNy4yMSAxLjc1NCAwIDMuOTk1IDEuMTg4IDMuOTk1IDMuNzA5IDAgMS44OS0xLjMyOSAzLjU3NC0zLjI5MSAzLjU3NC0yLjE4MiAwLTIuMTgyLTEuNjg0LTQuNjMzLTEuNjg0LTEuMTk0IDAtNS4xMTkgMS42MTEtNS4xMTkgNS44MTJ2MTYuNDM5YzAgMi4zMTUgMS4zOTkgMi4zMTUgMy4zNjUgMi4zMTVoMy45MjV2MS44MmMtMy44NTgtLjA3Mi02Ljc5My0uMTQtOS44MTItLjE0LTIuODc0IDAtNS44MjEuMDY4LTguMzQ1LjE0di0xLjgyem0yNi45OTUtNy45MTFjLjkxNCA0LjYxOCAzLjcxNiA4LjU0IDguODM4IDguNTQgNC4xMyAwIDUuNjcyLTIuNTE5IDUuNjcyLTQuOTY3IDAtOC4yNi0xNS4yODEtNS42MDMtMTUuMjgxLTE2Ljg2NyAwLTMuOTIyIDMuMTU5LTguOTYxIDEwLjg2OS04Ljk2MSAyLjI0MSAwIDUuMjU1LjYzMiA3Ljk4OCAyLjAzM2wuNDk1IDcuMTMyaC0xLjYxNGMtLjctNC40MDUtMy4xNTMtNi45MjQtNy42NDMtNi45MjQtMi44MDggMC01LjQ2OSAxLjYwOS01LjQ2OSA0LjYxOCAwIDguMTk0IDE2LjI2OCA1LjY2OSAxNi4yNjggMTYuNjU1IDAgNC42MTgtMy43MTYgOS41MjItMTIuMDYzIDkuNTIyLTIuODA0IDAtNi4xMDEtLjk4Mi04LjU1Mi0yLjM4bC0uNzc0LTguMDQ5IDEuMjY0LS4zNTN6bTgzLjQ0Mi0yNi40NTVoLTEuNzQ5Yy0xLjMzNS04LjE4Mi03LjE1Ni0xMS40NzUtMTUuMDA2LTExLjQ3NS04LjA2OCAwLTE5Ljc4MSA1LjM4Ny0xOS43ODEgMjIuMTgyIDAgMTQuMTQ0IDEwLjEwNSAyNC4yODggMjAuOSAyNC4yODggNi45MzkgMCAxMi42OTUtNC43NTggMTQuMDk5LTEyLjEwOWwxLjYwOS40MTktMS42MDkgMTAuMjE3Yy0yLjk0NiAxLjgyNS0xMC44NzEgMy43MTItMTUuNTAyIDMuNzEyLTE2LjQwMyAwLTI2Ljc3OS0xMC41NjgtMjYuNzc5LTI2LjMxNSAwLTE0LjM0NyAxMi44MjgtMjQuNjM4IDI2LjU3Mi0yNC42MzggNS42NzcgMCAxMS4xNDkgMS44MjUgMTYuNTQ2IDMuNzE2bC43IDEwLjAwM3ptMi41MjkgMzQuMzY2aDEuMzI2YzEuOTY5IDAgMy4zNzMgMCAzLjM3My0yLjMxNXYtMzguOTc0YzAtNC41NTMtMS4wNTItNC42OTMtMy43MTYtNS40NjF2LTEuMTJjMi44MDMtLjkwOSA1Ljc0OS0yLjE2OCA3LjIyMS0zLjAxMi43NjUtLjQxNiAxLjMzMS0uNzcyIDEuNTM3LS43NzIuNDI3IDAgLjU2OC40MjQuNTY4Ljk4NXY0OC4zNTRjMCAyLjMxNSAxLjU0MSAyLjMxNSAzLjUwNiAyLjMxNWgxLjE4NHYxLjgyYy0yLjM3NiAwLTQuODMyLS4xNC03LjM1Ni0uMTQtMi41MjMgMC01LjA0Ny4wNjgtNy42NDMuMTR2LTEuODJ6bTQ1LjAyMi0yLjAzM2MwIDEuMjY1Ljc2OSAxLjMzMSAxLjk1OSAxLjMzMWwyLjgwNi0uMDY3djEuNDczYy0zLjAxOS4yNzgtOC43NjcgMS43NDctMTAuMSAyLjE2N2wtLjM1My0uMjExdi01LjY2NmMtNC4yIDMuNDI4LTcuNDMxIDUuODc3LTEyLjQxNSA1Ljg3Ny0zLjc4MyAwLTcuNzEtMi40NDktNy43MS04LjMyNXYtMTcuOTJjMC0xLjgyLS4yNzgtMy41NzEtNC4yMDItMy45MTl2LTEuMzMxYzIuNTI4LS4wNjggOC4xMjgtLjQ4OCA5LjA0My0uNDg4Ljc3NyAwIC43NzcuNDg4Ljc3NyAyLjAyOHYxOC4wNTJjMCAyLjEwMyAwIDguMTIgNi4wOTYgOC4xMiAyLjM4NCAwIDUuNTM5LTEuODE5IDguNDgtNC4yNjN2LTE4LjgzM2MwLTEuMzk2LTMuMzYzLTIuMTYzLTUuODgyLTIuODY0di0xLjI2YzYuMzA0LS40MjMgMTAuMjM3LS45OCAxMC45MzQtLjk4LjU2NyAwIC41NjcuNDg4LjU2NyAxLjI2MXYyNS44MTh6bTEzLjk1Mi0yMy4wOTJjMi44MDEtMi4zOCA2LjU4OS01LjA0IDEwLjQ0OS01LjA0IDguMTM1IDAgMTMuMDM3IDcuMDc0IDEzLjAzNyAxNC42OTggMCA5LjE2Ny02LjcyOCAxOC4zMzgtMTYuNzYxIDE4LjMzOC01LjE4NCAwLTcuOTE4LTEuNjgyLTkuNzQ0LTIuNDQ5bC0yLjEwMSAxLjYwNi0xLjQ2Ny0uNzY3Yy42Mi00LjEyOS45NzktOC4xODkuOTc5LTEyLjQ1N3YtMzAuMDkxYzAtNC41NTMtMS4wNTctNC42OTMtMy43Mi01LjQ2MXYtMS4xMmMyLjgxMS0uOTA5IDUuNzQ5LTIuMTY4IDcuMjI0LTMuMDEyLjc3LS40MTYgMS4zMjctLjc3MiAxLjU0Ni0uNzcyLjQyIDAgLjU1OS40MjQuNTU5Ljk4NXYyNS41NDN6bTAgMTkuMDMzYzAgMi42NTkgMi41MjMgNy4xNDQgNy4yMjEgNy4xNDQgNy41MDQgMCAxMC42NTctNy4zNTIgMTAuNjU3LTEzLjU4MyAwLTcuNTU2LTUuNzQ0LTEzLjg1Mi0xMS4yMTYtMTMuODUyLTIuNjAxIDAtNC43NyAxLjY4MS02LjY2MyAzLjI5MXYxN3ptLTMwMi41MTggNDguNjAxaC41MzdjMS4zNzEgMCAyLjgyMS0uMTg1IDIuODIxLTIuMTY4di0xOS45NDhjMC0xLjk4Ni0xLjQ0OS0yLjE3NS0yLjgyMS0yLjE3NWgtLjUzN3YtMS4xNDNjMS40ODkgMCAzLjc3OC4xNSA1LjY1My4xNSAxLjkwNSAwIDQuMTkyLS4xNSA1Ljk4NS0uMTV2MS4xNDNoLS41MzZjLTEuMzY4IDAtMi44MjEuMTg5LTIuODIxIDIuMTc1djE5Ljk0OGMwIDEuOTgzIDEuNDUzIDIuMTY4IDIuODIxIDIuMTY4aC41MzZ2MS4xNDhjLTEuODMxIDAtNC4xMjUtLjE1LTYuMDI2LS4xNS0xLjg3MSAwLTQuMTI0LjE1LTUuNjEyLjE1di0xLjE0OHptMzcuODUxLTYuMzU5bC4wNzctLjA3NXYtMTQuMjc3YzAtMy4xMjQtMi4xNzctMy41ODEtMy4zMjEtMy41ODFoLS44NHYtMS4xNDNsNS4zNDIuMTUxIDQuNjk0LS4xNTF2MS4xNDNoLS41NjhjLTEuNjA3IDAtMy40LjMwNi0zLjQgNC44MzZ2MTcuMzNjMCAxLjMzMS4wMzkgMi42NjIuMjI2IDMuODQyaC0xLjQ0OWwtMTkuNjQ3LTIxLjg2djE1LjY5MmMwIDMuMzEzLjY0MyA0LjQ1MiAzLjU4NSA0LjQ1MmguNjQ3djEuMTQ4bC00LjkyLS4xNS01LjE4Ny4xNXYtMS4xNDhoLjUzNGMyLjYzMiAwIDMuNDMxLTEuNzg2IDMuNDMxLTQuODI5di0xNi4wMzljMC0yLjEyOS0xLjc1OS0zLjQyMy0zLjQ2OS0zLjQyM2gtLjQ5N3YtMS4xNDNsNC4zODMuMTUxIDMuMzk5LS4xNTEgMTYuOTgzIDE5LjA3NnptMTEuNjY2LTE3LjE3MmMtMi44NjYgMC0yLjk3NC42ODYtMy41NDcgMy40NjJoLTEuMTQzYy4xNDgtMS4wNjUuMzQyLTIuMTI5LjQ1OC0zLjIzNi4xNTUtMS4wNjguMjI4LTIuMTI5LjIyOC0zLjIzM2guOTE1Yy4zMDggMS4xNDQgMS4yNjEgMS4xMDQgMi4yOTYgMS4xMDRoMTkuNjgxYzEuMDMzIDAgMS45ODQtLjAzNyAyLjA2My0xLjE4MmwuOTEuMTUzYy0uMTQ4IDEuMDI5LS4zMDMgMi4wNTUtLjQxOSAzLjA4NS0uMDcgMS4wMjktLjA3IDIuMDU4LS4wNyAzLjA4M2wtMS4xNDcuNDIzYy0uMDc4LTEuNDA4LS4yNy0zLjY1OS0yLjgyNC0zLjY1OWgtNi4yNTd2MjAuMjU5YzAgMi45MzcgMS4zMzcgMy4yNzIgMy4xNjQgMy4yNzJoLjcyNXYxLjE0OGMtMS40ODcgMC00LjE1OS0uMTUtNi4yMTYtLjE1LTIuMjkgMC00Ljk2Mi4xNS02LjQ1Mi4xNXYtMS4xNDhoLjcyNWMyLjEwNiAwIDMuMTY4LS4xODcgMy4xNjgtMy4xOTJ2LTIwLjMzOWgtNi4yNTl6bTIzLjA4MiAyMy41MzFoLjUzNmMxLjM3MyAwIDIuODI0LS4xODUgMi44MjQtMi4xNjh2LTE5Ljk0OGMwLTEuOTg2LTEuNDUxLTIuMTc1LTIuODI0LTIuMTc1aC0uNTM2di0xLjE0M2MyLjMyMiAwIDYuMjk5LjE1IDkuNDk4LjE1IDMuMjEgMCA3LjE3Mi0uMTUgOS43NjUtLjE1LS4wNjUgMS42MzUtLjAyOCA0LjE1My4wODMgNS44MjdsLTEuMTUuMzA2Yy0uMTg0LTIuNDc0LS42NC00LjQ1NC00LjY1LTQuNDU0aC01LjI5OHY5Ljk3M2g0LjUzNGMyLjI4OCAwIDIuNzg4LTEuMjkxIDMuMDE0LTMuMzUyaDEuMTQyYy0uMDc1IDEuNDg5LS4xMTQgMi45NzMtLjExNCA0LjQ1NSAwIDEuNDUxLjAzOSAyLjg5Ni4xMTQgNC4zNDNsLTEuMTQyLjIyNmMtLjIyNi0yLjI4Mi0uMzQyLTMuNzY4LTIuOTc5LTMuNzY4aC00LjU3djguODcxYzAgMi40NzUgMi4yMDMgMi40NzUgNC42NDYgMi40NzUgNC41ODEgMCA2LjYwMS0uMzA3IDcuNzQ3LTQuNjQybDEuMDY3LjI2MmMtLjQ5OCAyLjAyNC0uOTU0IDQuMDM2LTEuMjkzIDYuMDU4LTIuNDQ2IDAtNi44MzQtLjE1LTEwLjI2My0uMTUtMy40MzggMC03Ljk3OC4xNS0xMC4xNTMuMTV2LTEuMTQ4em0yNi44NTktMjEuNGMwLTIuNzc4LTEuNTI2LTIuODkyLTIuNzEyLTIuODkyaC0uNjg3di0xLjE0NGMxLjIyMSAwIDMuNTg2LjE1MyA1LjkxNS4xNTMgMi4yODcgMCA0LjEyLS4xNTMgNi4xNDEtLjE1MyA0LjgwNCAwIDkuMDgzIDEuMjk0IDkuMDgzIDYuNzA2IDAgMy40MjEtMi4yODggNS41MTctNS4zMDMgNi43MDNsNi41MjIgOS43NDFjMS4wNyAxLjYxMSAxLjgyOSAyLjA2MyAzLjcwMiAyLjI4NHYxLjE0OWwtMy43MzktLjE1LTMuNTg0LjE1Yy0yLjkzOC0zLjg0Ni01LjQ2Mi03Ljk1OC03LjkzOS0xMi4zNDNoLTIuNTEzdjguMTUzYzAgMi45MzUgMS4zNyAzLjA0MSAzLjEyMiAzLjA0MWguNjg5djEuMTQ5bC02LjU2Mi0uMTVjLTEuODM0IDAtMy42MjcuMTUtNS41MzQuMTV2LTEuMTQ5aC42ODdjMS40MTcgMCAyLjcxMi0uNjM5IDIuNzEyLTIuMDV2LTE5LjM0OXptNC44ODYgOC44MzJoMS44NjNjMy44MTkgMCA1Ljg3NC0xLjQ0MyA1Ljg3NC01LjkzOSAwLTMuMzg0LTIuMTczLTUuNTU2LTUuNTcxLTUuNTU2LTEuMTQ3IDAtMS42MzUuMTE3LTIuMTY2LjE1MXYxMS4zNDR6bTQzLjY4IDYuMjA5bC4wNjgtLjA3NXYtMTQuMjc3YzAtMy4xMjQtMi4xNzEtMy41ODEtMy4zMTQtMy41ODFoLS44Mzd2LTEuMTQzbDUuMzQuMTUxIDQuNy0uMTUxdjEuMTQzaC0uNTc3Yy0xLjYwMSAwLTMuMzk2LjMwNi0zLjM5NiA0LjgzNnYxNy4zM2MwIDEuMzMxLjAzNiAyLjY2Mi4yMjUgMy44NDJoLTEuNDQ2bC0xOS42NDktMjEuODZ2MTUuNjkyYzAgMy4zMTMuNjQ3IDQuNDUyIDMuNTg0IDQuNDUyaC42NDh2MS4xNDhsLTQuOTE4LS4xNS01LjE5Mi4xNXYtMS4xNDhoLjUyOWMyLjYzNyAwIDMuNDM4LTEuNzg2IDMuNDM4LTQuODI5di0xNi4wMzljMC0yLjEyOS0xLjc1Ni0zLjQyMy0zLjQ3LTMuNDIzaC0uNDk3di0xLjE0M2w0LjM4OS4xNTEgMy4zOTQtLjE1MSAxNi45OCAxOS4wNzZ6bTEyLjA5MiAyLjA2MWMtLjM4OCAxLjI5Mi0uODQ3IDIuMjg5LS44NDcgMi45NjggMCAxLjE0NCAxLjYwNCAxLjMzIDIuODYgMS4zM2guNDI3djEuMTQ4Yy0xLjUyOS0uMDgzLTMuMDg4LS4xNDgtNC42MjUtLjE0OC0xLjM3MSAwLTIuNzM2LjA2NS00LjExNS4xNDh2LTEuMTQ4aC4yMzFjMS40ODcgMCAyLjc0OS0uODc0IDMuMzEzLTIuNDc3bDYuMTEyLTE3LjQ3MWMuNDktMS40MDkgMS4xODQtMy4zMTQgMS40MTQtNC43MjggMS4yMTUtLjQxMyAyLjc0NC0xLjE3NCAzLjQ2OS0xLjYzMi4xMTctLjA0MS4xODQtLjA4LjMwNS0uMDguMTE0IDAgLjE4NCAwIC4yNy4xMTcuMTE0LjMwNC4yMjEuNjQ3LjM0NS45NTFsNy4wMTkgMTkuOTE4Yy40NTYgMS4zMzEuOTEgMi43MzkgMS40MDQgMy44ODYuNDYzIDEuMDY2IDEuMjY0IDEuNTE2IDIuNTI0IDEuNTE2aC4yMjh2MS4xNDhjLTEuNzE3LS4wODMtMy40MzYtLjE0OC01LjI2NC0uMTQ4LTEuODY4IDAtMy43ODIuMDY1LTUuNzI4LjE0OHYtMS4xNDhoLjQyM2MuODczIDAgMi4zNjYtLjE0OCAyLjM2Ni0xLjEwMiAwLS40OTItLjM0NC0xLjUyLS43Ny0yLjc0MmwtMS40ODQtNC40MTZoLTguNjYxbC0xLjIxNyAzLjk2M3ptNS41NjgtMTYuODcyaC0uMDc4bC0zLjU0OSAxMC43NzhoNy4xM2wtMy41MDMtMTAuNzc4em0xNi40NDQtMi4zNjJjLTIuODYzIDAtMi45NzcuNjg2LTMuNTUgMy40NjJoLTEuMTQ3Yy4xNS0xLjA2NS4zNDQtMi4xMjkuNDYzLTMuMjM2LjE1MS0xLjA2OC4yMjMtMi4xMjkuMjIzLTMuMjMzaC45MmMuMzAzIDEuMTQ0IDEuMjYxIDEuMTA0IDIuMjg3IDEuMTA0aDE5LjY5MWMxLjAyNiAwIDEuOTc5LS4wMzcgMi4wNTctMS4xODJsLjkxNC4xNTNjLS4xNDcgMS4wMjktLjMgMi4wNTUtLjQxNCAzLjA4NS0uMDg1IDEuMDI5LS4wODUgMi4wNTgtLjA4NSAzLjA4M2wtMS4xNDIuNDIzYy0uMDctMS40MDgtLjI2Mi0zLjY1OS0yLjgxOS0zLjY1OWgtNi4yNTl2MjAuMjU5YzAgMi45MzcgMS4zMzkgMy4yNzIgMy4xNjYgMy4yNzJoLjcyNnYxLjE0OGMtMS40ODkgMC00LjE1OC0uMTUtNi4yMi0uMTUtMi4yODUgMC00Ljk2Mi4xNS02LjQ0OS4xNXYtMS4xNDhoLjcyNWMyLjEwMiAwIDMuMTY5LS4xODcgMy4xNjktMy4xOTJ2LTIwLjMzOWgtNi4yNTd6bTIzLjI2NCAyMy41MzFoLjUzNGMxLjM3OCAwIDIuODIxLS4xODUgMi44MjEtMi4xNjh2LTE5Ljk0OGMwLTEuOTg2LTEuNDQzLTIuMTc1LTIuODIxLTIuMTc1aC0uNTM0di0xLjE0M2MxLjQ5MiAwIDMuNzc3LjE1IDUuNjQzLjE1IDEuOTE0IDAgNC4yMDItLjE1IDUuOTk4LS4xNXYxLjE0M2gtLjUzNGMtMS4zNzYgMC0yLjgyOS4xODktMi44MjkgMi4xNzV2MTkuOTQ4YzAgMS45ODMgMS40NTMgMi4xNjggMi44MjkgMi4xNjhoLjUzNHYxLjE0OGMtMS44MzQgMC00LjEyNC0uMTUtNi4wMjktLjE1LTEuODczIDAtNC4xMi4xNS01LjYxMi4xNXYtMS4xNDh6bTI2Ljg1Ny0yNi4wMDNjOC4xMzUgMCAxNC42MTYgNS4wMjkgMTQuNjE2IDEzLjE0IDAgOC43NTktNi4yOTYgMTQuNTgxLTE0LjQxOSAxNC41ODEtOC4wOTYgMC0xNC4yNzMtNS40ODItMTQuMjczLTEzLjY3IDAtNy45MTkgNi4xNDEtMTQuMDUyIDE0LjA3Ni0xNC4wNTJ6bS41NzcgMjYuMDQ1YzcuNDA0IDAgOC42OTItNi41MTYgOC42OTItMTIuMDY3IDAtNS41NjktMy4wMDUtMTIuMzA2LTkuMzQyLTEyLjMwNi02LjY3OSAwLTguNjYxIDUuOTQyLTguNjYxIDExLjA0IDAgNi44MTcgMy4xMjggMTMuMzMzIDkuMzExIDEzLjMzM3ptMzkuNzUtNi40MDFsLjA3OC0uMDc1di0xNC4yNzdjMC0zLjEyNC0yLjE4MS0zLjU4MS0zLjMyNi0zLjU4MWgtLjgyN3YtMS4xNDNsNS4zMy4xNTEgNC43MDItLjE1MXYxLjE0M2gtLjU3N2MtMS41OTkgMC0zLjM5Ni4zMDYtMy4zOTYgNC44MzZ2MTcuMzNjMCAxLjMzMS4wMzYgMi42NjIuMjMgMy44NDJoLTEuNDQ4bC0xOS42NTQtMjEuODZ2MTUuNjkyYzAgMy4zMTMuNjUgNC40NTIgMy41ODQgNC40NTJoLjY1MXYxLjE0OGwtNC45Mi0uMTUtNS4xOTUuMTV2LTEuMTQ4aC41MzljMi42MzcgMCAzLjQzLTEuNzg2IDMuNDMtNC44Mjl2LTE2LjAzOWMwLTIuMTI5LTEuNzQ2LTMuNDIzLTMuNDctMy40MjNoLS40OTh2LTEuMTQzbDQuMzg5LjE1MSAzLjM5Ni0uMTUxIDE2Ljk4MSAxOS4wNzZ6bTEyLjA4NyAyLjA2MWMtLjM3NSAxLjI5Mi0uODM3IDIuMjg5LS44MzcgMi45NjggMCAxLjE0NCAxLjYwNyAxLjMzIDIuODU4IDEuMzNoLjQyN3YxLjE0OGMtMS41MjgtLjA4My0zLjA5NC0uMTQ4LTQuNjItLjE0OC0xLjM3OCAwLTIuNzQ2LjA2NS00LjExNC4xNDh2LTEuMTQ4aC4yMTdjMS40OTMgMCAyLjc1Ny0uODc0IDMuMzIxLTIuNDc3bDYuMTE0LTE3LjQ3MWMuNDkzLTEuNDA5IDEuMTg0LTMuMzE0IDEuNDA1LTQuNzI4IDEuMjIzLS40MTMgMi43NDctMS4xNzQgMy40NzktMS42MzIuMTA5LS4wNDEuMTg2LS4wOC4zMDEtLjA4LjExNCAwIC4xODcgMCAuMjY0LjExN2wuMzQ5Ljk1MSA3LjAxNiAxOS45MThjLjQ1OCAxLjMzMS45MTQgMi43MzkgMS40MTUgMy44ODYuNDU4IDEuMDY2IDEuMjYyIDEuNTE2IDIuNTE4IDEuNTE2aC4yMzN2MS4xNDhjLTEuNzItLjA4My0zLjQzOC0uMTQ4LTUuMjcyLS4xNDgtMS44NjUgMC0zLjc3Ny4wNjUtNS43MjMuMTQ4di0xLjE0OGguNDIyYy44NzEgMCAyLjM3LS4xNDggMi4zNy0xLjEwMiAwLS40OTItLjM0Ny0xLjUyLS43NzItMi43NDJsLTEuNDgyLTQuNDE2aC04LjY2MmwtMS4yMjUgMy45NjN6bTUuNTc2LTE2Ljg3MmgtLjA3N2wtMy41NTQgMTAuNzc4aDcuMTQxbC0zLjUxMS0xMC43Nzh6bTI0LjM4MSAxOC41ODNjMCAxLjUyNiAxLjA2IDEuOTggMi4yODIgMi4xMzYgMS41NjUuMTE1IDMuMjgyLjExNSA1LjA0Mi0uMDc4IDEuNTk5LS4xOTIgMi45NzItMS4xMDQgMy42NTgtMi4wNTguNjA5LS44MzkuOTUxLTEuOTAzIDEuMTg0LTIuNzQyaDEuMTA2Yy0uNDE5IDIuMTctLjk1NCA0LjMwNy0xLjQxNSA2LjQ3NmwtMTAuMDY2LS4xNDgtMTAuMDc0LjE0OHYtMS4xNDhoLjUyNmMxLjM3OSAwIDIuODcxLS4xODUgMi44NzEtMi41NDl2LTE5LjU3YzAtMS45ODUtMS40OTItMi4xNzMtMi44NzEtMi4xNzNoLS41MjZ2LTEuMTQzbDYuMDI0LjE1MSA1LjgwNC0uMTUxdjEuMTQzaC0uOTU5Yy0xLjQ0NiAwLTIuNTg1LjA0Mi0yLjU4NSAyLjA1NnYxOS42NDl6IiBmaWxsPSIjMUExOTE4Ii8+PC9zdmc+");
}

.rccs__card--discover > div {
  color: #555;
}

.rccs__card--discover .rccs__card__background {
  background: linear-gradient(25deg, #fff, #eee);
}

.rccs__card--discover .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9Ijg2IiB2aWV3Qm94PSIwIDAgNTEyIDg2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIyMC40NDIlIiB5MT0iMTAuNTk5JSIgeDI9Ijg5LjI0NSUiIHkyPSI4My41MyUiIGlkPSJhIj48c3RvcCBzdG9wLWNvbG9yPSIjRTI1NDI5IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Y5OUQzRSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBkPSJNMjcwLjM1Ni4zNjVjLTIzLjk4MiAwLTQzLjQ0IDE4LjczNS00My40NCA0MS44NTggMCAyNC41ODMgMTguNjEyIDQyLjk2IDQzLjQ0IDQyLjk2IDI0LjIwOCAwIDQzLjMyMS0xOC42MiA0My4zMjEtNDIuNDc4IDAtMjMuNzE2LTE4Ljk4Ni00Mi4zNC00My4zMjEtNDIuMzR6IiBpZD0iYiIvPjxmaWx0ZXIgeD0iLTUwJSIgeT0iLTUwJSIgd2lkdGg9IjIwMCUiIGhlaWdodD0iMjAwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYyI+PGZlTW9ycGhvbG9neSByYWRpdXM9IjIiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dTcHJlYWRJbm5lcjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyLjUiIGluPSJzaGFkb3dTcHJlYWRJbm5lcjEiIHJlc3VsdD0ic2hhZG93Qmx1cklubmVyMSIvPjxmZU9mZnNldCBkeD0iMiIgZHk9IjIiIGluPSJzaGFkb3dCbHVySW5uZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0SW5uZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIgcmVzdWx0PSJzaGFkb3dJbm5lcklubmVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4zMDE2NTg3NDEgMCIgaW49InNoYWRvd0lubmVySW5uZXIxIi8+PC9maWx0ZXI+PC9kZWZzPjx1c2UgZmlsbD0idXJsKCNhKSIgZmlsbC1ydWxlPSJldmVub2RkIiB4bGluazpocmVmPSIjYiIvPjx1c2UgZmlsdGVyPSJ1cmwoI2MpIiB4bGluazpocmVmPSIjYiIvPjxwYXRoIGQ9Ik0yMy43NDYgMS44OTFoLTIzLjM1M3Y4MS40NTRoMjMuMjMyYzEyLjMyNSAwIDIxLjI0LTIuOTIxIDI5LjA1OS05LjM5OCA5LjI3OC03LjY5NSAxNC43ODEtMTkuMjk4IDE0Ljc4MS0zMS4yODkgMC0yNC4wNDgtMTcuOTY1LTQwLjc2Ni00My43MTktNDAuNzY2em0xOC41NzMgNjEuMTc2Yy01LjAyMiA0LjUzMS0xMS40ODYgNi40ODgtMjEuNzYgNi40ODhoLTQuMjY4di01My44NzNoNC4yNjhjMTAuMjc0IDAgMTYuNDkxIDEuODM0IDIxLjc2IDYuNTkzIDUuNDk1IDQuODg2IDguNzcyIDEyLjQ1MiA4Ljc3MiAyMC4yNjUgMCA3LjgyOS0zLjI3NyAxNS42Ni04Ljc3MiAyMC41Mjd6bTMyLjQ4IDIwLjI3OGgxNS44NzF2LTgxLjQ1NGgtMTUuODcxdjgxLjQ1NHptNTQuNzI3LTUwLjIwOWMtOS41MzktMy41MzQtMTIuMzQ2LTUuODY1LTEyLjM0Ni0xMC4yNDcgMC01LjEzNCA0Ljk5OC05LjAzOSAxMS44NDktOS4wMzkgNC43NjMgMCA4LjY3MSAxLjk1MyAxMi44MzYgNi41OGw4LjI5NC0xMC44NTJjLTYuODM5LTUuOTk4LTE1LjAyMS05LjA0Ny0yMy45NDYtOS4wNDctMTQuMzk4IDAtMjUuMzk5IDEwLjAyLTI1LjM5OSAyMy4zMiAwIDExLjI0NyA1LjEyNiAxNi45ODEgMjAuMDMxIDIyLjM2OSA2LjIzMyAyLjE4OCA5LjQwMSAzLjY0NiAxMC45OTMgNC42NDMgMy4xNzUgMi4wNzcgNC43NjkgNC45OTggNC43NjkgOC40MTYgMCA2LjYwNS01LjI1NyAxMS40ODMtMTIuMzUxIDExLjQ4My03LjU3NCAwLTEzLjY3NC0zLjc4Mi0xNy4zNDEtMTAuODY1bC0xMC4yNDcgOS45MDVjNy4zMTMgMTAuNzMzIDE2LjEwOSAxNS41MTEgMjguMjE0IDE1LjUxMSAxNi40ODggMCAyOC4wODQtMTEuMDA3IDI4LjA4NC0yNi43NTggMC0xMi45NDgtNS4zNjEtMTguODE1LTIzLjQ0My0yNS40MTl6bTI4LjQ0OSA5LjUyMWMwIDIzLjk2NSAxOC44MTUgNDIuNTI1IDQzLjAwNiA0Mi41MjUgNi44MzkgMCAxMi43MDEtMS4zNTIgMTkuOTE1LTQuNzU4di0xOC42OTdjLTYuMzYxIDYuMzU4LTExLjk4IDguOTE2LTE5LjE4OSA4LjkxNi0xNS45OTcgMC0yNy4zNjQtMTEuNjA2LTI3LjM2NC0yOC4xMDIgMC0xNS42MjYgMTEuNzIxLTI3Ljk2NSAyNi42MzgtMjcuOTY1IDcuNTYxIDAgMTMuMzExIDIuNjg2IDE5LjkxNSA5LjE1OXYtMTguNjk2Yy02Ljk2Mi0zLjUzMS0xMi43MTItNC45ODUtMTkuNTUyLTQuOTg1LTI0LjA2NyAwLTQzLjM2OSAxOC45MzUtNDMuMzY5IDQyLjYwNHptMTkxLjY1MSAxMy45NDhsLTIxLjc0My01NC43MTVoLTE3LjM0NmwzNC41NzkgODMuNTM0aDguNTQzbDM1LjE4My04My41MzRoLTE3LjIxOGwtMjIgNTQuNzE1em00Ni40MzkgMjYuNzM5aDQ1LjA2NnYtMTMuNzg5aC0yOS4xODh2LTIyLjAwMWgyOC4wNzJ2LTEzLjc5MmgtMjguMDcydi0xOC4wNzloMjkuMTg4di0xMy43OTJoLTQ1LjA2NnY4MS40NTR6bTEwNy45NTUtNTcuNDE1YzAtMTUuMjU5LTEwLjQ5LTI0LjAzOS0yOC44MjMtMjQuMDM5aC0yMy41Nzd2ODEuNDU0aDE1Ljg5NXYtMzIuNzM3aDIuMDhsMjEuOTc1IDMyLjczN2gxOS41NDRsLTI1LjY2Ny0zNC4zMTFjMTEuOTg4LTIuNDUxIDE4LjU3My0xMC42MzggMTguNTczLTIzLjEwNHptLTMxLjg4MiAxMy40NTJoLTQuNjIzdi0yNC42ODNoNC44NzdjOS45MTYgMCAxNS4yODcgNC4xNjUgMTUuMjg3IDEyLjA5MiAwIDguMTc4LTUuMzcyIDEyLjU5LTE1LjU0MSAxMi41OXoiIGZpbGw9IiMwQjEwMTUiLz48L3N2Zz4=");
}

.rccs__card--elo .rccs__card__background {
  background: linear-gradient(25deg, #211c18, #aaa7a2);
}

.rccs__card--elo .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjU2IDBjMTQxLjM4NSAwIDI1NiAxMTQuNjE1IDI1NiAyNTYgMCAxNDEuMzg2LTExNC42MTUgMjU2LTI1NiAyNTZzLTI1Ni0xMTQuNjE0LTI1Ni0yNTZjMC0xNDEuMzg1IDExNC42MTUtMjU2IDI1Ni0yNTYiIGZpbGw9IiMwRTBFMTEiLz48cGF0aCBkPSJNMTgwLjA0MiAyMzcuNTgzbC03OC41MjQgMzMuODM3Yy0uMTIyLTEuMzUzLS4xODktMi43MjEtLjE4OS00LjEwNiAwLTI0LjgzOSAyMC4xMzUtNDQuOTc0IDQ0Ljk3NC00NC45NzQgMTMuNDM4IDAgMjUuNDk5IDUuODk4IDMzLjczOSAxNS4yNDN6bS0zMy43MzktNDguODc2YzM3LjA1MyAwIDY4LjExMiAyNS42MzggNzYuNDIgNjAuMTQzbC0zMS42ODIgMTMuODUzLS4wMDctLjA2Ni0zMi40MTMgMTQuMjQxLTc3Ljc1NSAzMy45OTdjLTguMzE4LTEyLjQ3LTEzLjE3LTI3LjQ0OC0xMy4xNy00My41NjEgMC00My40MTQgMzUuMTkzLTc4LjYwNyA3OC42MDctNzguNjA3em01NC45MjggMTM0LjgzOGMtMjguMTQ1IDI2LjcxMy02NS4zNzkgMjkuMzM1LTk4LjA5NiA5LjQ3M2wxOC40ODUtMjguMTA0YzE4LjYxNyAxMS4xMjggMzcuMzE5IDkuMzIzIDU2LjEwNy01LjQyOGwyMy41MDQgMjQuMDZ6bTMyLjAwNy0xOS40NTdsLS4xOTgtMTQ4LjY1MmgyOC4xNjN2MTQ0LjYzOGMwIDEuMzg4LjE3MiAyLjYxIDEuOTkyIDMuMzE3bDI0LjUgOS41MjgtMTEuMDM4IDI4LjctMjguNy0xMi4xNDNjLTEwLjg4My00LjYwNS0xNC43LTExLjI3Ny0xNC43MTktMjUuMzg5eiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0zMzkuMjggMzAxLjU4N2MtMTAuNTU3LTguMjA4LTE3LjM1NC0yMS4wMTgtMTcuMzU0LTM1LjQyNiAwLTEyLjgwOSA1LjM3Ny0yNC4zNTQgMTMuOTg1LTMyLjUyOWwtMTguMTktMjkuNDhjLTE4LjI4NSAxNC40ODctMzAuMDI4IDM2Ljg3LTMwLjAyOCA2Mi4wMDkgMCAyNy4wOTYgMTMuNjMyIDUxLjAwMiAzNC40MDcgNjUuMjU0bDE3LjE3OS0yOS44MjgiIGZpbGw9IiMyMDkxQzMiLz48cGF0aCBkPSJNMzUxLjYxIDIyMy45MzhjNC43NC0xLjcwNSA5Ljg1LTIuNjM5IDE1LjE3OC0yLjYzOSAxOS4yMDggMCAzNS41ODggMTIuMDc3IDQxLjk4NSAyOS4wNDhsMzQuODU2LTIuOTEyYy04LjQxNC0zNC42NC0zOS42MTMtNjAuMzY2LTc2Ljg0MS02MC4zNjYtMTAuNTE5IDAtMjAuNTQ5IDIuMDcxLTI5LjczIDUuNzk5bDE0LjU1MiAzMS4wNzEiIGZpbGw9IiNGQUVDMzIiLz48cGF0aCBkPSJNNDExLjU5NSAyNjguMzM1Yy0xLjEzNSAyMy43NjYtMjAuNzYgNDIuNjg4LTQ0LjgwNyA0Mi42ODgtMy43NyAwLTcuNDI4LS40NzItMTAuOTI1LTEuMzQ3bC0xMy42NzMgMzEuNjU3YzcuNzQ1IDIuNTMxIDE2LjAwNyAzLjkyIDI0LjU5OCAzLjkyIDQyLjU5MSAwIDc3LjMwMi0zMy42NyA3OS4wMDktNzUuODQybC0zNC4yMDMtMS4wNzciIGZpbGw9IiNEMDM1MkEiLz48L2c+PC9zdmc+");
}

.rccs__card--hipercard .rccs__card__background {
  background: linear-gradient(25deg, #8b181b, #de1f27);
}

.rccs__card--hipercard .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjEyMyIgdmlld0JveD0iMCAwIDUxMiAxMjMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0zNzQuMTE4IDgwLjg0MmMtNi45NDMgNi43OTctMjYuNDM0IDguNzI4LTI0LjQ0LTcuNTIgMS42NTYtMTMuNDk1IDE2LjM0OC0xNi4zNjMgMzIuMjczLTE0LjQxNC0xLjE4NCA3LjM4MS0yLjU0MiAxNi43NTUtNy44MzMgMjEuOTM0em0tMjEuOTM0LTUyLjY0MWMtLjY2MyAzLjcyMy0xLjY4MSA3LjA5Mi0yLjUwNiAxMC42NTMgNy45NTEtMS45OTMgMzIuNzA5LTguMTA1IDM1LjA5NSAyLjUwNi43OTIgMy41MjYtLjU3NCA3LjI3Mi0xLjU2NyAxMC4wMjgtMjIuMzg5LTIuMTIxLTQwLjYzNiAxLjU5OS00NS40MzUgMTcuNTQ3LTMuMjE0IDEwLjY4Mi4zNiAyMS4xOTQgNy4yMDcgMjQuMTI5IDEzLjE4NyA1LjY0OSAyOS4yMjgtLjgyMiAzNC43ODEtOS43MTQtLjU3NyAzLjA3OC0xLjEyMyA2LjE4Ny0uOTQgMTAuMDI2aDExLjU5NGMuMTIzLTExLjEwMyAxLjczOS0yMC4wOTEgMy40NDctMzAuMDgyIDEuNDU2LTguNTA4IDQuMTk1LTE2LjkzMSAzLjc1OS0yNC40NC0uOTk1LTE3LjE5Ny0yOS40ODYtMTEuMTE0LTQ1LjQzNC0xMC42NTN6bTExNi4yNDkgNTcuOTY4Yy05LjA3LjE5NS0xMy41OC01LjQxOS0xMy43ODctMTQuNzI2LS4zNjEtMTYuMzAxIDYuNzg5LTM0LjQxMSAyMS4zMDctMzYuMDM1IDYuNzYtLjc1NiAxMS42NTQuODE2IDE2LjYwNyAyLjUwOC00LjU0NyAxOC4zMS0yLjkwNSA0Ny43OTktMjQuMTI4IDQ4LjI1NHptMzAuMDgxLTg2LjE2OWMtMS4xNTUgMTAuMTI1LTIuNjk5IDE5Ljg2Mi00LjY5OSAyOS4xNC0zMy4wNTEtMTAuNDYxLTUzLjMyIDEzLjg1NS01Mi45NTYgNDMuODY4LjA3MiA1LjgwNSAxLjA3MSAxMS41NjEgNC43MDEgMTUuNjY3IDYuMjU2IDcuMDc2IDI0LjE3IDguNzY4IDMzLjIxNCAyLjgyMSAxLjc1Mi0xLjE1MSAzLjU0LTMuMjQ2IDQuNzAxLTQuNy44NzEtMS4wOTUgMi4yNTYtMy45NTkgMi41MDUtMy4xMzUtLjQ3NCAzLjE4Mi0xLjE4NSA2LjEyNy0xLjI1MiA5LjcxNWgxMi4yMmMyLjM1NC0zMy43ODQgOS42MzctNjIuNjQxIDE1LjA0LTkzLjM3NmgtMTMuNDc1em0tMzQ0Ljk4OSA4MS4xNTZjLTcuMjA5IDcuNjM1LTI0LjkzMSA3LjUxOC0yNi4zMi01LjMyOC0uNjA2LTUuNTg5IDEuNDc3LTExLjQ1IDIuNTA2LTE3LjIzMyAxLjA0MS01Ljg1MyAxLjc5MS0xMS40NjkgMi44MTktMTYuNjA5IDcuMS04LjY3IDI3Ljk2NS05LjcxNiAzMC4wODIgNC43MDEgMS44MzcgMTIuNTE3LTMuMTE3IDI4LjE0NS05LjA4NyAzNC40Njh6bTEwLjY1NC01Mi45NTVjLTExLjQwNC00LjI4NC0yNS4zMDMuODMtMzEuMzI4IDUuNjk0LjAyMS4yMTQtLjE0NC4yNDMtLjMyMS4yNTlsLjMyMS0uMjU5LS4wMDctLjA1NC45NC01LjY0aC0xMS41OTRjLTQuODMxIDMyLjE0My0xMC41NjEgNjMuMzg3LTE2LjYwNyA5NC4zMTZoMTMuNDczYzEuOTUtMTIuMDQ2IDMuMjM5LTI0Ljc1MyA1Ljk1NC0zNi4wMzQgMy4wNzcgMTEuODY1IDIzLjE2OSA5LjU5NyAzMS42NDcgNS4wMTQgMTcuNDk0LTkuNDYgMzAuOTg3LTU0LjQ4MSA3LjUyMS02My4yOTZ6bTYzLjkyMSAyMi41NjFoLTMxLjY0N2MxLjAwMS03LjI3NiA3LjU0Ny0xNS4yNzMgMTcuODU5LTE1LjY2NyA5LjcwNy0uMzcxIDE2LjY1NiAzLjU2NCAxMy43ODcgMTUuNjY3em0tMTIuODQ3LTIzLjgxNGMtOS43MzYuNzQ5LTE3Ljk2NSAzLjU1MS0yMy44MTQgOS43MTMtNy4xNzMgNy41NTgtMTIuOTgzIDI0LjI2Ni0xMS4yODEgMzkuNDgyIDIuNDI4IDIxLjcwOCAyOS40NTcgMjAuOTI5IDUxLjA3NSAxNS42NjcuMzY3LTMuODA5IDEuMjktNy4wNjYgMS44OC0xMC42NTMtOC45MDYgMy4zMzItMjQuMzY4IDcuOTg0LTMzLjUyOCAyLjE5NC02LjkxNS00LjM3My02Ljk1Ni0xNS40NDYtNC43LTI1LjA2OCAxNC41MjktLjQ2MiAyOS42MzEtLjM3NCA0NC4xODEgMCAuOTIzLTYuODIxIDMuNTY1LTE0LjI1NyAxLjI1My0yMC45OTMtMy4wNDktOC44OTQtMTMuOTYxLTExLjE5Ni0yNS4wNjctMTAuMzR6bS0xMTguNDQzIDEuMjUzYy0uMzY1LjA1Mi0uMzQxLjQ5NS0uMzE0LjkzOS0yLjk2OSAyMi4yMDMtNi45ODYgNDMuMzU4LTExLjI4IDY0LjIzNmgxMy40NzNjMy4yMzgtMjIuMzUyIDYuOTQ2LTQ0LjIzMyAxMS41OTQtNjUuMTc1aC0xMy40NzN6bTM1MS41Ny4zMTNjLTExLjkwOS01Ljk1My0yMS44MjIgNC4wMzctMjUuNjkzIDEwLjAyNyAxLjEwMi0zLjA3MyAxLjE2Ni03LjE4OCAyLjE5Mi0xMC4zMzloLTExLjkwN2MtMy4yMSAyMi4zNzktNy4wODEgNDQuMDk4LTExLjU5NCA2NS4xNzVoMTMuNzg3Yy4wODgtOC42MzggMS43ODQtMTUuMDI4IDMuMTMzLTIzLjUwMSAyLjg4Mi0xOC4wODggNy4xMTEtMzcuOTI2IDI4LjIwMi0zMS45Ni43LTMuMDYuOTktNi41MyAxLjg4LTkuNDAxem0tMTUxLjM0NSA0OS41MDhjLTEuMjQxLTMuMjA4LTEuNTYzLTguNTA3LTEuMjUzLTEyLjUzNC42OTctOS4wNTQgMy45OTYtMjAuMDc3IDkuMDg3LTI1LjA2NyA3LjAyNi02Ljg4OCAyMC44OTctNS43NDggMzEuOTYtMS44ODEuMzQzLTMuNzI5IDEuMDkzLTcuMDU0IDEuNTY3LTEwLjY1Mi0xOC4xNDUtMi45NjQtMzUuMzY1LTEuMTIxLTQ0LjQ5NCA4LjQ1OS04LjkzNiA5LjM3OC0xNC43OTYgMzAuOTMyLTEwLjY1NCA0NC40OTQgNC44NDggMTUuODcgMjYuNTgzIDE2LjczMyA0NC4xODMgMTAuNjU0Ljc3Ny0zLjE5IDEuMTktNi43NDYgMS44OC0xMC4wMjgtOS42MTYgNC45OTctMjguMDAxIDcuNTkzLTMyLjI3Ni0zLjQ0N3ptLTcuNTE5LTQ5LjgyMWMtMTEuOTQ4LTQuODI1LTIxLjMzOSAzLjMyOS0yNS42OTMgMTAuOTY3Ljk4Ny0zLjM5OCAxLjM5NC03LjM3OCAyLjE5Mi0xMC45NjdoLTExLjkwN2MtMi45MSAyMi41NzUtNy4yMDEgNDMuNzY5LTExLjI4IDY1LjE3NWgxMy40NzVjMS44ODgtMTIuNzA3IDIuNzAzLTI5LjgzNCA2Ljg5Mi00MS45ODggMy4zNDgtOS43MTMgMTIuMTExLTE3Ljk4NyAyNC43NTQtMTMuNDczLjE3OC0zLjU4MyAxLjIwMy02LjMxOCAxLjU2Ny05LjcxNHptLTIxNy4xNDYtMjYuMzIxYy0xLjkyNSAxMi40ODktNC4wOTMgMjQuNzM1LTYuMjY3IDM2Ljk3NC0xMy45NTkuMTQ3LTI4LjIxMS42OS00MS42NzQtLjMxNCAyLjU0My0xMS45NzMgNC4zNjctMjQuNjY4IDYuODkyLTM2LjY2aC0xNS4wMzljLTUuMzg1IDMwLjU0Ny0xMC4yODIgNjEuNTc5LTE2LjI5NCA5MS40OTdoMTUuMzUzYzIuNDA5LTE1LjM0OCA0LjY2MS0zMC44NTIgNy44MzMtNDUuNDM1IDEzLjA5MS0uMzIyIDI4Ljc4MS0uODg1IDQxLjM2Mi4zMTQtMi41OTQgMTUuMTYyLTUuNzI4IDI5Ljc4My04LjE0NyA0NS4xMjFoMTUuMzU0YzQuOTMyLTMwLjk5NyAxMC4xMzEtNjEuNzI4IDE2LjI5NC05MS40OTdoLTE1LjY2N3ptMzguMjI3IDEzLjc4N2MyLjY4Ni0xLjg0OSA2LjE0NS0xMC4yNzggMi4xOTQtMTMuNzg3LTEuMjUyLTEuMTExLTMuMzQ3LTEuNDMzLTYuMjY3LS45MzktMi43MS40NTctNC4yNjggMS4zNzctNS4zMjcgMi44MTktMS43MDMgMi4zMTktMy4yNjMgOS4zMS0uNjI4IDExLjkwNyAyLjU2NyAyLjUyOSA4LjMxOCAxLjE3NyAxMC4wMjggMHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
}

.rccs__card--jcb .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NSIgdmlld0JveD0iMCAwIDUxMiAzOTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCB4MT0iLTU3LjUyNyUiIHkxPSI1MC4xMjQlIiB4Mj0iMjMyLjM5MSUiIHkyPSI1MC4xMjQlIiBpZD0iYSI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNzk0MCIgb2Zmc2V0PSIwJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDg3M0YiIG9mZnNldD0iMjIuODUlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzQwQTczNyIgb2Zmc2V0PSI3NC4zMyUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNUNCNTMxIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iLjE4MyUiIHkxPSI0OS45NiUiIHgyPSIxMDAuMjczJSIgeTI9IjQ5Ljk2JSIgaWQ9ImIiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDc5NDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA4NzNGIiBvZmZzZXQ9IjIyLjg1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiM0MEE3MzciIG9mZnNldD0iNzQuMzMlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzVDQjUzMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii02Mi44MDIlIiB5MT0iNDkuODU4JSIgeDI9IjI1My42NzElIiB5Mj0iNDkuODU4JSIgaWQ9ImMiPjxzdG9wIHN0b3AtY29sb3I9IiMwMDc5NDAiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA4NzNGIiBvZmZzZXQ9IjIyLjg1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiM0MEE3MzciIG9mZnNldD0iNzQuMzMlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzVDQjUzMSIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii4xNzYlIiB5MT0iNTAuMDA2JSIgeDI9IjEwMS44MDglIiB5Mj0iNTAuMDA2JSIgaWQ9ImQiPjxzdG9wIHN0b3AtY29sb3I9IiMxRjI4NkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDA0RTk0IiBvZmZzZXQ9IjQ3LjUxJSIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDY2QjEiIG9mZnNldD0iODIuNjElIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNkZCQyIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgeDE9Ii0uNTc2JSIgeTE9IjQ5LjkxNCUiIHgyPSI5OC4xMzMlIiB5Mj0iNDkuOTE0JSIgaWQ9ImUiPjxzdG9wIHN0b3AtY29sb3I9IiM2QzJDMkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjODgyNzMwIiBvZmZzZXQ9IjE3LjM1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiNCRTE4MzMiIG9mZnNldD0iNTcuMzElIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RDMDQzNiIgb2Zmc2V0PSI4NS44NSUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTYwMDM5IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNNTEyIDMxNC44MzZjMCA0My44MTQtMzUuNjc3IDc5LjQ5MS03OS40OTEgNzkuNDkxaC00MzIuNTA5di0zMTQuODM2YzAtNDMuODE0IDM1LjY3Ny03OS40OTEgNzkuNDkxLTc5LjQ5MWg0MzIuNTA5djMxNC44MzZ6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTM3MS4xNjkgMjM0LjA5M2gzMi44NjFsNC4wNjgtLjMxM2M2LjI1OS0xLjI1MiAxMS41NzktNi44ODUgMTEuNTc5LTE0LjcwOSAwLTcuNTExLTUuMzItMTMuMTQ0LTExLjU3OS0xNC43MDktLjkzOS0uMzEzLTIuODE3LS4zMTMtNC4wNjgtLjMxM2gtMzIuODYxdjMwLjA0NHoiIGZpbGw9InVybCgjYSkiLz48cGF0aCBkPSJNNDAwLjI3NCAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djU5LjE0OWg4MC40M2MxLjg3OCAwIDQuMDY4IDAgNS42MzMuMzEzIDE4LjE1Mi45MzkgMzEuNjA5IDEwLjMyOCAzMS42MDkgMjYuNjAxIDAgMTIuODMxLTkuMDc2IDIzLjc4NS0yNS45NzYgMjUuOTc2di42MjZjMTguNDY1IDEuMjUyIDMyLjU0OCAxMS41NzkgMzIuNTQ4IDI3LjU0IDAgMTcuMjEzLTE1LjY0OCAyOC40NzktMzYuMzAzIDI4LjQ3OWgtODguMjU0djExNS43OTVoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC40NzloLTgzLjI0N3oiIGZpbGw9InVybCgjYikiLz48cGF0aCBkPSJNNDE1LjYwOSAxNzMuMzc5YzAtNy41MTEtNS4zMi0xMi41MTgtMTEuNTc5LTEzLjQ1Ny0uNjI2IDAtMi4xOTEtLjMxMy0zLjEzLS4zMTNoLTI5LjczMXYyNy41NGgyOS43MzFjLjkzOSAwIDIuODE3IDAgMy4xMy0uMzEzIDYuMjU5LS45MzkgMTEuNTc5LTUuOTQ2IDExLjU3OS0xMy40NTd6IiBmaWxsPSJ1cmwoI2MpIi8+PHBhdGggZD0iTTg1LjQzOCAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djE0MC41MThjMTUuOTYxIDcuODI0IDMyLjU0OCAxMi44MzEgNDkuMTM0IDEyLjgzMSAxOS43MTYgMCAzMC4zNTctMTEuODkyIDMwLjM1Ny0yOC4xNjZ2LTY2LjM0N2g0OC44MjJ2NjYuMDM0YzAgMjUuNjYzLTE1Ljk2MSA0Ni42MzEtNzAuMTAzIDQ2LjYzMS0zMi44NjEgMC01OC41MjMtNy4xOTgtNTguNTIzLTcuMTk4djExOS44NjNoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC4xNjZoLTgzLjI0N3oiIGZpbGw9InVybCgjZCkiLz48cGF0aCBkPSJNMjQyLjg1NiAyNi42MDFjLTMxLjI5NiAwLTU2Ljk1OCAyNS4zNS01Ni45NTggNTYuOTU4djc0LjQ4NGMxNC4zOTYtMTIuMjA1IDM5LjQzMy0yMC4wMjkgNzkuODA0LTE4LjE1MiAyMS41OTQuOTM5IDQ0Ljc1MyA2Ljg4NSA0NC43NTMgNi44ODV2MjQuMDk4Yy0xMS41NzktNS45NDYtMjUuMzUtMTEuMjY3LTQzLjE4OC0xMi41MTgtMzAuNjctMi4xOTEtNDkuMTM0IDEyLjgzMS00OS4xMzQgMzkuMTIgMCAyNi42MDEgMTguNDY1IDQxLjYyMyA0OS4xMzQgMzkuMTIgMTcuODM5LTEuMjUyIDMxLjYwOS02Ljg4NSA0My4xODgtMTIuNTE4djI0LjA5OHMtMjIuODQ2IDUuOTQ2LTQ0Ljc1MyA2Ljg4NWMtNDAuMzcyIDEuODc4LTY1LjQwOC01Ljk0Ni03OS44MDQtMTguMTUydjEzMS40NDNoODMuNTZjMzEuMjk2IDAgNTYuOTU4LTI1LjM1IDU2Ljk1OC01Ni45NTh2LTI4NC43OTJoLTgzLjU2eiIgZmlsbD0idXJsKCNlKSIvPjwvc3ZnPg==");
}

.rccs__card--laser .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM2OCIgdmlld0JveD0iMCAwIDUxMiAzNjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGZpbGw9IiMyODM0N0QiIGQ9Ik0wIDM2Ny4yMTJoNTEydi0zNjcuMjExaC01MTJ6Ii8+PHBhdGggZD0iTTI1My45MSAyOTEuMDQzaC0yNTMuOTF2Mi4wOTZoMjUyLjY5bC4xMTYgNy42MjIgNC43NjQtNy42MjJoMjU0LjQzdi0yLjA5NmgtMjUzLjI3MWwzLjY2My02LjExMi04LjQ4MiA2LjExMnptMi41NTYtMjAuMDg0aC0yNTYuNDY2djIuMDk2aDI1NS40Mmw5LjE0NyA4LjM5OCA1LjExMi04LjM5OGgyNDIuMzIxdi0yLjA5NmgtMjQxLjA0NWw0LjY3Ny03LjY4NC0xOS4xNjYgNy42ODR6bTIuMTUtMjAuMDgzaC0yNTguNjE2djIuMDk2aDI1NS45OTlsMjAuODgyIDguMjUyIDUuMDIyLTguMjUyaDIzMC4wOTd2LTIuMDk2aC0yMjguODJsNC4xMS02Ljc1Mi0yOC42NzQgNi43NTJ6bS02Ljk3Mi0yMC4wODNoLTI1MS42NDR2Mi4wOTZoMjUwLjAxN2wzOS4zNDIgNy44MzYgNC43Ny03LjgzNmgyMTcuODcxdi0yLjA5NmgtMjE2LjU5NGw0LjEzNC03LjI1Mi00Ny44OTYgNy4yNTJ6bS0yMi43NzUtMTcuMDU3aC0yMjguODY4djIuMDk2aDIzNy43bDYzLjEgNS45OTYgMy43MTEtNS45OTZoMjA3LjQ4OXYtMi4wOTZoLTIwNi4yMTRsNS4xMy04LjMyNC04Mi4wNDggOC4zMjR6bS0zLjMxLTIwLjA4M2gtMjI1LjU1OHYyLjA5NmgyMjYuMDgxbDg2Ljg4OSA2LjExMiAzLjc2Ni02LjExMmgxOTUuMjY0di0yLjA5NmgtMTkzLjk4OGw0LjUzNS03LjQ1MS05Ni45ODkgNy40NTF6bS0zLjEzOC0yMC4wODNoLTIyMi40MnYyLjA5NmgyMjEuOTU1bDEwMy4xMjEgNi4zNDQgMy44ODYtNi4zNDRoMTgzLjAzOHYtMi4wOTZoLTE4MS43NjNsNC40MzQtNy4yMTgtMTEyLjI1MSA3LjIxOHptLTguNzcyLTIwLjA4M2gtMjEzLjY0N3YyLjA5NWgyMTMuMjk4bDEyMy40ODIgNy42NjcgNC42MDUtNy42NjdoMTcwLjYxNXYtMi4wOTVoLTE2OS4zNTZsNC4wNzgtNi43ODgtMTMzLjA3NSA2Ljc4OHptLTE5LjA1Ny0xNy4yODloLTE5NC41OTF2Mi4wOTZoMTk0LjQxNmwxNTMuNjY3IDYuMTM4IDMuNjg5LTYuMTM4aDE2MC4yMjh2LTIuMDk2aC0xNTguOTdsNC42MzEtNy43MDktMTYzLjA3IDcuNzA5em00Ljc2NS0yMC4wODRoLTE5OS4zNTV2Mi4wOTZoMTk4LjMwOGwxNjEuNDQzIDYuODEgNC4wODQtNi44MWgxNDguMTY1di0yLjA5NmgtMTQ2LjkwNmw0LjAxNS02LjY4NC0xNjkuNzU0IDYuNjg0em0tMTEuMzMtMjAuMDgzaC0xODguMDI1djIuMDk2aDE4Ni45NzlsMTg0LjY3NiA3LjEwMiA0LjI0NC03LjEwMmgxMzYuMTAxdi0yLjA5NmgtMTM0Ljg0MmwzLjY3Ny02LjE3MS0xOTIuODEgNi4xNzF6bS04Ljg4OS0yMC4wODNoLTE3OS4xMzZ2Mi4wOTZoMTY0Ljg0NGwyMTkuMDg2IDYuNzEzIDQuMDMzLTYuNzEzaDEyNC4wMzd2LTIuMDk2aC0xMjIuNzc4bDMuNjc4LTYuMTIxLTIxMy43NjQgNi4xMjF6bS0xLjIyLTIwLjA4M2gtMTc3LjkxNnYyLjA5NmgxNzUuNjVsMjE5Ljc0OCA3LjcwNiA0LjYzLTcuNzA2aDExMS45NzJ2LTIuMDk2aC0xMTAuNzE0bDMuOTIyLTYuNTItMjI3LjI5MiA2LjUyem0tMTIuMzc1LTIwLjA4M2gtMTY1LjU0MXYyLjA5NWgxMzIuNTQybDI3NS4yOTkgNy4wNzggNC4yNTEtNy4wNzhoOTkuOTA4di0yLjA5NWgtOTguNjQ5bDMuODE3LTYuMzU2LTI1MS42MjcgNi4zNTZ6bS04Mi4yMjctMTYuNjQ5aC04My4zMTR2Mi4wOTZoMjAwLjA1MmwyMTkuNTU0IDQuMTM4IDIuNDg3LTQuMTM4aDg5LjkwN3YtMi4wOTZoLTg4LjY0OGw1LjU4OC05LjMwMy0zNDUuNjI1IDkuMzAzeiIgZmlsbD0iI0VCMEQ3RiIvPjxwYXRoIGQ9Ik0xMzQuNzEgMzQ5LjE0MXYtMzcuNjE4aDcuNjQzdjMxLjIyN2gxOS4wMDV2Ni4zOTFoLTI2LjY0OHptODMuMTU1IDBoLTguMzE0bC0zLjMwNi04LjYxNWgtMTUuMTMybC0zLjEyNCA4LjYxNWgtOC4xMDhsMTQuNzQ0LTM3LjkyOWg4LjA4MmwxNS4xNTcgMzcuOTI5em0tMTQuMDczLTE1LjAwNmwtNS4yMTYtMTQuMDc1LTUuMTEzIDE0LjA3NWgxMC4zMjl6bTMzLjExMiAyLjY2NWw3LjQzNi0uNzI1Yy40NDcgMi41MDIgMS4zNTYgNC4zMzkgMi43MjUgNS41MTEgMS4zNjggMS4xNzQgMy4yMTUgMS43NTkgNS41MzkgMS43NTkgMi40NiAwIDQuMzE3LS41MjEgNS41NjQtMS41NjYgMS4yNDgtMS4wNDIgMS44NzItMi4yNjMgMS44NzItMy42NiAwLS44OTYtLjI2My0xLjY2LS43ODctMi4yOS0uNTI1LS42MjktMS40NDQtMS4xNzYtMi43NTItMS42NDItLjg5NC0uMzExLTIuOTM1LS44NjItNi4xMTktMS42NTYtNC4wOTctMS4wMTctNi45NzEtMi4yNjctOC42MjQtMy43NTItMi4zMjMtMi4wODYtMy40ODUtNC42MzEtMy40ODUtNy42MzIgMC0xLjkzMS41NDYtMy43MzkgMS42MzktNS40MTkgMS4wOTMtMS42ODMgMi42NjgtMi45NjQgNC43MjYtMy44NDMgMi4wNTctLjg4IDQuNTM5LTEuMzE5IDcuNDUtMS4zMTkgNC43NTEgMCA4LjMyOCAxLjA0NCAxMC43MjggMy4xMyAyLjQwMyAyLjA4NyAzLjY2MSA0Ljg3NCAzLjc4NCA4LjM1NmwtNy42NDMuMzM3Yy0uMzI5LTEuOTQ4LTEuMDMxLTMuMzUtMi4xMDQtNC4yMDUtMS4wNzctLjg1Mi0yLjY5MS0xLjI4LTQuODQ0LTEuMjgtMi4yMjEgMC0zLjk1OS40NTgtNS4yMTYgMS4zNzEtLjgwOS41ODctMS4yMTQgMS4zNzItMS4yMTQgMi4zNTUgMCAuODk3LjM3OCAxLjY2NSAxLjEzNyAyLjMwMi45NjMuODEyIDMuMzA1IDEuNjU2IDcuMDI0IDIuNTM2IDMuNzE4Ljg3OSA2LjQ2OCAxLjc4OSA4LjI0OSAyLjczIDEuNzgzLjkzOSAzLjE3OCAyLjIyNSA0LjE4MyAzLjg1MyAxLjAwOCAxLjYzMiAxLjUxMSAzLjY0NiAxLjUxMSA2LjA0MiAwIDIuMTc0LS42MDMgNC4yMDktMS44MDcgNi4xMDYtMS4yMDcgMS44OTgtMi45MSAzLjMwOC01LjExMiA0LjIzMS0yLjIwNS45MjItNC45NSAxLjM4NC04LjIzOSAxLjM4NC00Ljc4NiAwLTguNDYtMS4xMDktMTEuMDI1LTMuMzI2LTIuNTY1LTIuMjE1LTQuMDk3LTUuNDQ1LTQuNTk2LTkuNjg4em01NC4xMzIgMTIuMzQxdi0zNy45MjloMjguMDY5djYuNDE3aC0yMC40MjZ2OC40MDhoMTkuMDA1djYuMzkxaC0xOS4wMDV2MTAuMzIyaDIxLjE0OXY2LjM5MWgtMjguNzkyem01Mi4yMiAwdi0zNy45MjloMTYuMDg3YzQuMDQ1IDAgNi45ODQuMzQgOC44MTkgMS4wMjEgMS44MzIuNjgzIDMuMzAxIDEuODk1IDQuNDAyIDMuNjM2IDEuMTAxIDEuNzQzIDEuNjUzIDMuNzM1IDEuNjUzIDUuOTc3IDAgMi44NDUtLjgzNiA1LjE5Ni0yLjUwNSA3LjA0OS0xLjY3IDEuODU1LTQuMTY3IDMuMDI1LTcuNDg4IDMuNTA2IDEuNjUzLjk2NyAzLjAxNyAyLjAyOCA0LjA5NCAzLjE4MyAxLjA3NSAxLjE1NiAyLjUyNCAzLjIwOCA0LjM1MSA2LjE1N2w0LjYyMSA3LjRoLTkuMTRsLTUuNTI2LTguMjU0Yy0xLjk2Mi0yLjk0OS0zLjMwNS00LjgwOC00LjAyOC01LjU3Ni0uNzIzLS43NjYtMS40ODktMS4yOTMtMi4yOTktMS41NzctLjgwOS0uMjg2LTIuMDkxLS40MjctMy44NDYtLjQyN2gtMS41NXYxNS44MzRoLTcuNjQzem03LjY0My0yMS44ODhoNS42NTVjMy42NjcgMCA1Ljk1NS0uMTU1IDYuODY5LS40NjYuOTEyLS4zMSAxLjYyNy0uODQ0IDIuMTQ0LTEuNjA0LjUxNi0uNzU5Ljc3NC0xLjcwNy43NzQtMi44NDYgMC0xLjI3Ni0uMzQtMi4zMDctMS4wMTktMy4wOTEtLjY4Mi0uNzg1LTEuNjQxLTEuMjgxLTIuODgtMS40ODgtLjYyLS4wODYtMi40NzgtLjEzLTUuNTc3LS4xM2gtNS45NjV2OS42MjV6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
}

.rccs__card--maestro .rccs__card__background, .rccs__card--mastercard .rccs__card__background {
  background: linear-gradient(25deg, #f37b26, #fdb731);
}

.rccs__card--maestro .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5OCIgdmlld0JveD0iMCAwIDUxMiAzOTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGZpbGw9IiM2QzZCQkQiIGQ9Ik0zMjUuMjIzIDI4Mi42MjloLTEzOC40NDV2LTI0OC44MDNoMTM4LjQ0NXoiLz48cGF0aCBkPSJNMTk1LjU2NSAxNTguMjMzYzAtNTAuNDcxIDIzLjYzMS05NS40MjkgNjAuNDMtMTI0LjQwMS0yNi45MS0yMS4xODYtNjAuODczLTMzLjgzMi05Ny43ODMtMzMuODMyLTg3LjM4MSAwLTE1OC4yMTMgNzAuODQyLTE1OC4yMTMgMTU4LjIzM3M3MC44MzIgMTU4LjIzMyAxNTguMjEzIDE1OC4yMzNjMzYuOTEgMCA3MC44NzItMTIuNjQ1IDk3Ljc4My0zMy44MzItMzYuNzk5LTI4Ljk3My02MC40My03My45MzEtNjAuNDMtMTI0LjQwMSIgZmlsbD0iI0QzMjAxMSIvPjxwYXRoIGQ9Ik01MTIgMTU4LjIzM2MwIDg3LjM5MS03MC44MzIgMTU4LjIzMy0xNTguMjEzIDE1OC4yMzMtMzYuOTEgMC03MC44NzItMTIuNjQ1LTk3Ljc5My0zMy44MzIgMzYuODA5LTI4Ljk3MyA2MC40NC03My45MzEgNjAuNDQtMTI0LjQwMSAwLTUwLjQ3MS0yMy42MzEtOTUuNDI5LTYwLjQ0LTEyNC40MDEgMjYuOTItMjEuMTg2IDYwLjg4My0zMy44MzIgOTcuNzkzLTMzLjgzMiA4Ny4zODEgMCAxNTguMjEzIDcwLjg0MiAxNTguMjEzIDE1OC4yMzMiIGZpbGw9IiMwMDk5REYiLz48cGF0aCBkPSJNMzcyLjA2NSAzNTIuOTM0YzEuODQxIDAgNC40ODcuMzUyIDYuNTA5IDEuMTQ3bC0yLjgxNyA4LjYxMWMtMS45MzItLjc5NS0zLjg2My0xLjA1Ni01LjcxNC0xLjA1Ni01Ljk3NiAwLTguOTYzIDMuODYzLTguOTYzIDEwLjgwNHYyMy41NmgtOS4xNDR2LTQyLjAxaDkuMDU0djUuMWMyLjM3NC0zLjY5MiA1LjgwNS02LjE1NyAxMS4wNzYtNi4xNTd6bS0zMy43ODEgOS40MDZoLTE0LjkzOXYxOC45ODNjMCA0LjIxNSAxLjQ4OSA3LjAzMiA2LjA2NiA3LjAzMiAyLjM3NCAwIDUuMzYyLS43OTUgOC4wNzgtMi4zNzRsMi42MzYgNy44MTdjLTIuODk3IDIuMDIyLTcuNDY0IDMuMjU5LTExLjQxOCAzLjI1OS0xMC44MTQgMC0xNC41ODctNS44MDUtMTQuNTg3LTE1LjU2M3YtMTkuMTU0aC04LjUzMXYtOC4zNWg4LjUzMXYtMTIuNzQ2aDkuMjI1djEyLjc0NmgxNC45Mzl2OC4zNXptLTExNi45ODcgOC45NjNjLjk3Ni02LjA2NiA0LjY1OC0xMC4yMDEgMTEuMTY3LTEwLjIwMSA1Ljg4NSAwIDkuNjY4IDMuNjkyIDEwLjYzMyAxMC4yMDFoLTIxLjh6bTMxLjI5NyAzLjY5MmMtLjA5MS0xMy4wOTgtOC4xNzktMjIuMDYxLTE5Ljk1OS0yMi4wNjEtMTIuMzAzIDAtMjAuOTE1IDguOTYzLTIwLjkxNSAyMi4wNjEgMCAxMy4zNSA4Ljk2MyAyMi4wNTEgMjEuNTM4IDIyLjA1MSA2LjMyOCAwIDEyLjEyMi0xLjU3OSAxNy4yMjMtNS44ODVsLTQuNDg3LTYuNzdjLTMuNTExIDIuODE3LTcuOTk4IDQuMzk2LTEyLjIxMyA0LjM5Ni01Ljg4NSAwLTExLjI0Ny0yLjcyNi0xMi41NjUtMTAuMjgxaDMxLjE5NmMuMDkxLTEuMTQ3LjE4MS0yLjI4NC4xODEtMy41MTF6bTQwLjE1OS0xMC4yODFjLTIuNTQ1LTEuNTg5LTcuNzI2LTMuNjEyLTEzLjA4OC0zLjYxMi01LjAxIDAtNy45OTggMS44NTEtNy45OTggNC45MjkgMCAyLjgwNyAzLjE1OSAzLjYwMSA3LjExMiA0LjEyNWw0LjMwNi42MTRjOS4xNDQgMS4zMjggMTQuNjc3IDUuMTkxIDE0LjY3NyAxMi41NzUgMCA3Ljk5OC03LjAzMiAxMy43MTItMTkuMTU0IDEzLjcxMi02Ljg2MSAwLTEzLjE4OS0xLjc2LTE4LjE5OC01LjQ1Mmw0LjMwNi03LjEyMmMzLjA3OCAyLjM3NCA3LjY1NiA0LjM5NiAxMy45ODMgNC4zOTYgNi4yMzcgMCA5LjU3Ny0xLjg0MSA5LjU3Ny01LjEgMC0yLjM2NC0yLjM3NC0zLjY5Mi03LjM4NC00LjM4NmwtNC4zMDYtLjYxNGMtOS40MDYtMS4zMjgtMTQuNTA2LTUuNTQzLTE0LjUwNi0xMi4zOTQgMC04LjM1IDYuODYxLTEzLjQ1IDE3LjQ5NC0xMy40NSA2LjY4IDAgMTIuNzQ2IDEuNDk5IDE3LjEzMiA0LjM5NmwtMy45NTQgNy4zODR6bTExMi43MjItMy4wOThjLTEuODgxIDAtMy42MjIuMzMyLTUuMjQxLjk4Ni0xLjYxLjY2NC0zLjAwOCAxLjU4OS00LjE4NSAyLjc3Ny0xLjE3NyAxLjE4Ny0yLjEwMyAyLjYxNi0yLjc3NyA0LjI3NS0uNjc0IDEuNjYtMS4wMDYgMy40OTEtMS4wMDYgNS40ODMgMCAyLjAwMi4zMzIgMy44MjMgMS4wMDYgNS40ODMuNjc0IDEuNjYgMS42IDMuMDg4IDIuNzc3IDQuMjc1IDEuMTc3IDEuMTg3IDIuNTc1IDIuMTEzIDQuMTg1IDIuNzc3IDEuNjIuNjY0IDMuMzYuOTg2IDUuMjQxLjk4NiAxLjg4MSAwIDMuNjMyLS4zMjIgNS4yNDEtLjk4NiAxLjYyLS42NjQgMy4wMjgtMS41ODkgNC4yMDUtMi43NzcgMS4xOTctMS4xODcgMi4xMjMtMi42MTYgMi44MDctNC4yNzUuNjc0LTEuNjYgMS4wMDYtMy40ODEgMS4wMDYtNS40ODMgMC0xLjk5Mi0uMzMyLTMuODIzLTEuMDA2LTUuNDgzLS42ODQtMS42Ni0xLjYxLTMuMDg4LTIuODA3LTQuMjc1LTEuMTc3LTEuMTg3LTIuNTg1LTIuMTEzLTQuMjA1LTIuNzc3LTEuNjEtLjY1NC0zLjM2LS45ODYtNS4yNDEtLjk4NnptMC04LjY4MmMzLjI1OSAwIDYuMjc3LjU2MyA5LjA1NCAxLjcgMi43NzcgMS4xMjcgNS4xODEgMi42ODYgNy4yMDMgNC42NjggMi4wMzIgMS45ODIgMy42MTIgNC4zMjYgNC43NTggNy4wMjIgMS4xNDcgMi43MDYgMS43MiA1LjY0NCAxLjcyIDguODEzIDAgMy4xNjktLjU3MyA2LjEwNi0xLjcyIDguODEzLTEuMTQ3IDIuNjk2LTIuNzI2IDUuMDUtNC43NTggNy4wMzItMi4wMjIgMS45ODItNC40MjYgMy41MzEtNy4yMDMgNC42NjgtMi43NzcgMS4xMjctNS43OTUgMS42OS05LjA1NCAxLjY5LTMuMjU5IDAtNi4yNzctLjU2My05LjA1NC0xLjY5LTIuNzc3LTEuMTM3LTUuMTYxLTIuNjg2LTcuMTczLTQuNjY4LTIuMDEyLTEuOTgyLTMuNTkxLTQuMzM2LTQuNzM4LTcuMDMyLTEuMTQ3LTIuNzA2LTEuNzItNS42NDQtMS43Mi04LjgxMyAwLTMuMTY5LjU3My02LjEwNiAxLjcyLTguODEzIDEuMTQ3LTIuNjk2IDIuNzI2LTUuMDQgNC43MzgtNy4wMjIgMi4wMTItMS45ODIgNC4zOTYtMy41NDEgNy4xNzMtNC42NjggMi43NzctMS4xMzcgNS43OTUtMS43IDkuMDU0LTEuN3ptLTIzNy41NzYgMjIuMDYxYzAtNy4zODQgNC44MzktMTMuNDUgMTIuNzQ2LTEzLjQ1IDcuNTU1IDAgMTIuNjU1IDUuODA1IDEyLjY1NSAxMy40NSAwIDcuNjQ2LTUuMSAxMy40NC0xMi42NTUgMTMuNDQtNy45MDcgMC0xMi43NDYtNi4wNTYtMTIuNzQ2LTEzLjQ0em0zNC4wMTMgMHYtMjEuMDA1aC05LjEzNHY1LjFjLTIuOTA3LTMuNzgzLTcuMjkzLTYuMTU3LTEzLjI2OS02LjE1Ny0xMS43OCAwLTIxLjAwNSA5LjIyNS0yMS4wMDUgMjIuMDYxIDAgMTIuODI2IDkuMjI1IDIyLjA2MSAyMS4wMDUgMjIuMDYxIDUuOTc2IDAgMTAuMzYyLTIuMzc0IDEzLjI2OS02LjE1N3Y1LjFoOS4xMzR2LTIxLjAwNXptLTUxLjQ5NyAyMS4wMDV2LTI2LjM2N2MwLTkuOTI5LTYuMzI4LTE2LjYwOS0xNi41MTgtMTYuNy01LjM2Mi0uMDkxLTEwLjkwNSAxLjU3OS0xNC43NjggNy40NzUtMi44OTctNC42NTgtNy40NzUtNy40NzUtMTMuODkzLTcuNDc1LTQuNDc3IDAtOC44NzMgMS4zMTgtMTIuMzAzIDYuMjM3di01LjE4MWgtOS4xMzR2NDIuMDFoOS4yMjV2LTIzLjI4OWMwLTcuMjkzIDQuMDQ0LTExLjE2NyAxMC4yODEtMTEuMTY3IDYuMDY2IDAgOS4xNDQgMy45NTQgOS4xNDQgMTEuMDc2djIzLjM3OWg5LjIyNXYtMjMuMjg5YzAtNy4yOTMgNC4yMjUtMTEuMTY3IDEwLjI4MS0xMS4xNjcgNi4yNDcgMCA5LjIzNSAzLjk1NCA5LjIzNSAxMS4wNzZ2MjMuMzc5aDkuMjI1eiIgZmlsbD0iIzExMEYwRCIvPjwvc3ZnPg==");
}

.rccs__card--mastercard .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjM5NyIgdmlld0JveD0iMCAwIDUxMiAzOTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik05My4wNzkgMzk2LjAyM3YtMjYuMzQzYzAtMTAuMDk4LTYuMTQ3LTE2LjY4NC0xNi42ODQtMTYuNjg0LTUuMjY5IDAtMTAuOTc2IDEuNzU2LTE0LjkyOCA3LjQ2NC0zLjA3My00LjgzLTcuNDY0LTcuNDY0LTE0LjA1LTcuNDY0LTQuMzkgMC04Ljc4MSAxLjMxNy0xMi4yOTMgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy4yN2MwLTcuNDY0IDMuOTUxLTEwLjk3NiAxMC4wOTgtMTAuOTc2czkuMjIgMy45NTEgOS4yMiAxMC45NzZ2MjMuMjdoOS4yMnYtMjMuMjdjMC03LjQ2NCA0LjM5LTEwLjk3NiAxMC4wOTgtMTAuOTc2IDYuMTQ3IDAgOS4yMiAzLjk1MSA5LjIyIDEwLjk3NnYyMy4yN2gxMC4wOTh6bTEzNi41NDQtNDIuMTQ5aC0xNC45Mjh2LTEyLjczMmgtOS4yMnYxMi43MzJoLTguMzQydjguMzQyaDguMzQydjE5LjMxOGMwIDkuNjU5IDMuOTUxIDE1LjM2NyAxNC40ODkgMTUuMzY3IDMuOTUxIDAgOC4zNDItMS4zMTcgMTEuNDE1LTMuMDczbC0yLjYzNC03LjkwM2MtMi42MzQgMS43NTYtNS43MDggMi4xOTUtNy45MDMgMi4xOTUtNC4zOSAwLTYuMTQ3LTIuNjM0LTYuMTQ3LTcuMDI1di0xOC44NzloMTQuOTI4di04LjM0MnptNzguMTUxLS44NzhjLTUuMjY5IDAtOC43ODEgMi42MzQtMTAuOTc2IDYuMTQ3di01LjI2OWgtOS4yMnY0Mi4xNDloOS4yMnYtMjMuNzA5YzAtNy4wMjUgMy4wNzMtMTAuOTc2IDguNzgxLTEwLjk3NiAxLjc1NiAwIDMuOTUxLjQzOSA1LjcwOC44NzhsMi42MzQtOC43ODFjLTEuNzU2LS40MzktNC4zOS0uNDM5LTYuMTQ3LS40Mzl6bS0xMTguMTA0IDQuMzljLTQuMzktMy4wNzMtMTAuNTM3LTQuMzktMTcuMTIzLTQuMzktMTAuNTM3IDAtMTcuNTYyIDUuMjY5LTE3LjU2MiAxMy42MTEgMCA3LjAyNSA1LjI2OSAxMC45NzYgMTQuNDg5IDEyLjI5M2w0LjM5LjQzOWM0LjgzLjg3OCA3LjQ2NCAyLjE5NSA3LjQ2NCA0LjM5IDAgMy4wNzMtMy41MTIgNS4yNjktOS42NTkgNS4yNjlzLTEwLjk3Ni0yLjE5NS0xNC4wNS00LjM5bC00LjM5IDcuMDI1YzQuODMgMy41MTIgMTEuNDE1IDUuMjY5IDE4LjAwMSA1LjI2OSAxMi4yOTMgMCAxOS4zMTgtNS43MDggMTkuMzE4LTEzLjYxMSAwLTcuNDY0LTUuNzA4LTExLjQxNS0xNC40ODktMTIuNzMybC00LjM5LS40MzljLTMuOTUxLS40MzktNy4wMjUtMS4zMTctNy4wMjUtMy45NTEgMC0zLjA3MyAzLjA3My00LjgzIDcuOTAzLTQuODMgNS4yNjkgMCAxMC41MzcgMi4xOTUgMTMuMTcxIDMuNTEybDMuOTUxLTcuNDY0em0yNDQuOTktNC4zOWMtNS4yNjkgMC04Ljc4MSAyLjYzNC0xMC45NzYgNi4xNDd2LTUuMjY5aC05LjIydjQyLjE0OWg5LjIydi0yMy43MDljMC03LjAyNSAzLjA3My0xMC45NzYgOC43ODEtMTAuOTc2IDEuNzU2IDAgMy45NTEuNDM5IDUuNzA4Ljg3OGwyLjYzNC04Ljc4MWMtMS43NTYtLjQzOS00LjM5LS40MzktNi4xNDctLjQzOXptLTExNy42NjUgMjEuOTUyYzAgMTIuNzMyIDguNzgxIDIxLjk1MiAyMi4zOTIgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTEuMzE3IDE0LjkyOC00LjgzbC00LjM5LTcuNDY0Yy0zLjUxMiAyLjYzNC03LjAyNSAzLjk1MS0xMC45NzYgMy45NTEtNy40NjQgMC0xMi43MzItNS4yNjktMTIuNzMyLTEzLjYxMSAwLTcuOTAzIDUuMjY5LTEzLjE3MSAxMi43MzItMTMuNjExIDMuOTUxIDAgNy40NjQgMS4zMTcgMTAuOTc2IDMuOTUxbDQuMzktNy40NjRjLTQuMzktMy41MTItOC43ODEtNC44My0xNC45MjgtNC44My0xMy42MTEgMC0yMi4zOTIgOS4yMi0yMi4zOTIgMjEuOTUyem04NS4xNzYgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zMy44MDcgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6bS0xMTAuMjAxLTIxLjk1MmMtMTIuMjkzIDAtMjEuMDc0IDguNzgxLTIxLjA3NCAyMS45NTIgMCAxMy4xNzEgOC43ODEgMjEuOTUyIDIxLjUxMyAyMS45NTIgNi4xNDcgMCAxMi4yOTMtMS43NTYgMTcuMTIzLTUuNzA4bC00LjM5LTYuNTg2Yy0zLjUxMiAyLjYzNC03LjkwMyA0LjM5LTEyLjI5MyA0LjM5LTUuNzA4IDAtMTEuNDE1LTIuNjM0LTEyLjczMi0xMC4wOThoMzEuMTczdi0zLjUxMmMuNDM5LTEzLjYxMS03LjQ2NC0yMi4zOTItMTkuMzE4LTIyLjM5MnptMCA3LjkwM2M1LjcwOCAwIDkuNjU5IDMuNTEyIDEwLjUzNyAxMC4wOThoLTIxLjk1MmMuODc4LTUuNzA4IDQuODMtMTAuMDk4IDExLjQxNS0xMC4wOTh6bTIyOC43NDUgMTQuMDV2LTM3Ljc1OGgtOS4yMnYyMS45NTJjLTMuMDczLTMuOTUxLTcuNDY0LTYuMTQ3LTEzLjE3MS02LjE0Ny0xMS44NTQgMC0yMS4wNzQgOS4yMi0yMS4wNzQgMjEuOTUyIDAgMTIuNzMyIDkuMjIgMjEuOTUyIDIxLjA3NCAyMS45NTIgNi4xNDcgMCAxMC41MzctMi4xOTUgMTMuMTcxLTYuMTQ3djUuMjY5aDkuMjJ2LTIxLjA3NHptLTMzLjgwNyAwYzAtNy40NjQgNC44My0xMy42MTEgMTIuNzMyLTEzLjYxMSA3LjQ2NCAwIDEyLjczMiA1LjcwOCAxMi43MzIgMTMuNjExIDAgNy40NjQtNS4yNjkgMTMuNjExLTEyLjczMiAxMy42MTEtNy45MDMtLjQzOS0xMi43MzItNi4xNDctMTIuNzMyLTEzLjYxMXptLTMwOC4yMTMgMHYtMjEuMDc0aC05LjIydjUuMjY5Yy0zLjA3My0zLjk1MS03LjQ2NC02LjE0Ny0xMy4xNzEtNi4xNDctMTEuODU0IDAtMjEuMDc0IDkuMjItMjEuMDc0IDIxLjk1MiAwIDEyLjczMiA5LjIyIDIxLjk1MiAyMS4wNzQgMjEuOTUyIDYuMTQ3IDAgMTAuNTM3LTIuMTk1IDEzLjE3MS02LjE0N3Y1LjI2OWg5LjIydi0yMS4wNzR6bS0zNC4yNDYgMGMwLTcuNDY0IDQuODMtMTMuNjExIDEyLjczMi0xMy42MTEgNy40NjQgMCAxMi43MzIgNS43MDggMTIuNzMyIDEzLjYxMSAwIDcuNDY0LTUuMjY5IDEzLjYxMS0xMi43MzIgMTMuNjExLTcuOTAzLS40MzktMTIuNzMyLTYuMTQ3LTEyLjczMi0xMy42MTF6Ii8+PHBhdGggZmlsbD0iI0ZGNUYwMCIgZD0iTTE4Ni41OTYgMzMuODA3aDEzOC4zMDF2MjQ4LjUwMmgtMTM4LjMwMXoiLz48cGF0aCBkPSJNMTk1LjM3NyAxNTguMDU4YzAtNTAuNDkxIDIzLjcwOS05NS4yNzQgNjAuMTUtMTI0LjI1MS0yNi43ODItMjEuMDc0LTYwLjU4OS0zMy44MDctOTcuNDY5LTMzLjgwNy04Ny4zNzEgMC0xNTguMDU4IDcwLjY4Ny0xNTguMDU4IDE1OC4wNThzNzAuNjg3IDE1OC4wNTggMTU4LjA1OCAxNTguMDU4YzM2Ljg4IDAgNzAuNjg3LTEyLjczMiA5Ny40NjktMzMuODA3LTM2LjQ0MS0yOC41MzgtNjAuMTUtNzMuNzYtNjAuMTUtMTI0LjI1MXoiIGZpbGw9IiNFQjAwMUIiLz48cGF0aCBkPSJNNTExLjQ5MyAxNTguMDU4YzAgODcuMzcxLTcwLjY4NyAxNTguMDU4LTE1OC4wNTggMTU4LjA1OC0zNi44OCAwLTcwLjY4Ny0xMi43MzItOTcuNDY5LTMzLjgwNyAzNi44OC0yOC45NzcgNjAuMTUtNzMuNzYgNjAuMTUtMTI0LjI1MXMtMjMuNzA5LTk1LjI3NC02MC4xNS0xMjQuMjUxYzI2Ljc4Mi0yMS4wNzQgNjAuNTg5LTMzLjgwNyA5Ny40NjktMzMuODA3IDg3LjM3MSAwIDE1OC4wNTggNzEuMTI2IDE1OC4wNTggMTU4LjA1OHoiIGZpbGw9IiNGNzlFMUIiLz48L3N2Zz4=");
}

.rccs__card--unionpay .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjMyMCIgdmlld0JveD0iMCAwIDUxMiAzMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPjxwYXRoIGQ9Ik0xMDAuMDgzLjAwMWgxMjcuNTU3YzE3LjgwNiAwIDI4Ljg4IDE0LjUxMyAyNC43MjcgMzIuMzc4bC01OS4zODcgMjU0Ljk3MWMtNC4xOTEgMTcuODAzLTIyLjAxOSAzMi4zMjgtMzkuODM3IDMyLjMyOGgtMTI3LjU0NWMtMTcuNzgxIDAtMjguODgtMTQuNTI2LTI0LjcyNy0zMi4zMjhsNTkuNDEyLTI1NC45NzFjNC4xNTQtMTcuODY1IDIxLjk3Mi0zMi4zNzggMzkuOC0zMi4zNzgiIGZpbGw9IiNFMjE4MzYiLz48cGF0aCBkPSJNMjE3LjAyNy4wMDFoMTQ2LjY4N2MxNy44MDMgMCA5Ljc3NSAxNC41MTMgNS41ODcgMzIuMzc4bC01OS4zNzggMjU0Ljk3MWMtNC4xNjYgMTcuODAzLTIuODY3IDMyLjMyOC0yMC43MDcgMzIuMzI4aC0xNDYuNjg3Yy0xNy44NCAwLTI4Ljg4LTE0LjUyNi0yNC42ODktMzIuMzI4bDU5LjM3NS0yNTQuOTcxYzQuMjE2LTE3Ljg2NSAyMS45OTctMzIuMzc4IDM5LjgxMi0zMi4zNzgiIGZpbGw9IiMwMDQ0N0MiLz48cGF0aCBkPSJNMzU3Ljg5Ni4wMDFoMTI3LjU1N2MxNy44MzEgMCAyOC45MDUgMTQuNTEzIDI0LjcxNyAzMi4zNzhsLTU5LjM3OCAyNTQuOTcxYy00LjE5MSAxNy44MDMtMjIuMDMxIDMyLjMyOC0zOS44NTkgMzIuMzI4aC0xMjcuNDk4Yy0xNy44NCAwLTI4LjkwNS0xNC41MjYtMjQuNzI3LTMyLjMyOGw1OS4zODctMjU0Ljk3MWM0LjE1NC0xNy44NjUgMjEuOTYtMzIuMzc4IDM5LjgtMzIuMzc4IiBmaWxsPSIjMDA3Qjg0Ii8+PHBhdGggZD0iTTEzMy4zOTcgODEuNzEyYy0xMy4xMTcuMTM0LTE2Ljk5MSAwLTE4LjIyOS0uMjkyLS40NzYgMi4yNi05LjMyNyA0My4wOTItOS4zNTIgNDMuMTI2LTEuOTA2IDguMjYxLTMuMjkzIDE0LjE1LTguMDAzIDE3Ljk1Mi0yLjY3NCAyLjIxMS01Ljc5NSAzLjI3Ny05LjQxNCAzLjI3Ny01LjgxNyAwLTkuMjA2LTIuODg4LTkuNzc1LTguMzY3bC0uMTA5LTEuODgxczEuNzcyLTExLjA2NSAxLjc3Mi0xMS4xMjdjMCAwIDkuMjktMzcuMjEgMTAuOTUzLTQyLjEyOC4wODctLjI4LjExMi0uNDI2LjEzNC0uNTYtMTguMDgzLjE1OS0yMS4yODggMC0yMS41MDktLjI5Mi0uMTIxLjQwMS0uNTY5IDIuNzA4LS41NjkgMi43MDhsLTkuNDg2IDQxLjkzOS0uODE1IDMuNTU3LTEuNTc2IDExLjYzNGMwIDMuNDUxLjY3OCA2LjI2OCAyLjAyNyA4LjY1IDQuMzIyIDcuNTUyIDE2LjY0OSA4LjY4NCAyMy42MjMgOC42ODQgOC45ODUgMCAxNy40MTQtMS45MDkgMjMuMTEtNS4zOTQgOS44ODctNS44NDIgMTIuNDc0LTE0Ljk3MyAxNC43ODEtMjMuMDg4bDEuMDctNC4xNjNzOS41Ny0zOC42NDYgMTEuMTk2LTQzLjY3NGMuMDYyLS4yOC4wODctLjQyNi4xNzEtLjU2em0zMi41NjEgMzEuMTc2Yy0yLjMwNyAwLTYuNTIzLjU2LTEwLjMxIDIuNDE2LTEuMzc0LjcwNi0yLjY3NCAxLjUyLTQuMDQ1IDIuMzMybDEuMjM3LTQuNDY4LS42NzgtLjc1MmMtOC4wMzEgMS42MjYtOS44MjggMS44NDQtMTcuMjQ2IDIuODg4bC0uNjIyLjQxNGMtLjg2MSA3LjE0Mi0xLjYyNiAxMi41MTEtNC44MTkgMjYuNTQ5LTEuMjE2IDUuMTc0LTIuNDc4IDEwLjM5Ny0zLjc0MyAxNS41NThsLjM0Mi42NTZjNy42MDItLjQwMSA5LjkwOS0uNDAxIDE2LjUxNi0uMjkybC41MzUtLjU4MWMuODM5LTQuMy45NDgtNS4zMDcgMi44MDgtMTQuMDE2Ljg3NC00LjEyOSAyLjY5Ni0xMy4yMDEgMy41OTQtMTYuNDMyIDEuNjUxLS43NjUgMy4yOC0xLjUxNyA0LjgzNS0xLjUxNyAzLjcwMyAwIDMuMjUyIDMuMjMgMy4xMDkgNC41MTgtLjE1OSAyLjE2MS0xLjUwOCA5LjIxOC0yLjg5MSAxNS4yNzhsLS45MjMgMy45MTFjLS42NDQgMi44ODgtMS4zNDkgNS42OTYtMS45OTMgOC41NTlsLjI4LjU3MmM3LjQ5My0uNDAxIDkuNzc4LS40MDEgMTYuMTc3LS4yOTJsLjc1Mi0uNTgxYzEuMTU3LTYuNzE2IDEuNDk1LTguNTEzIDMuNTQ3LTE4LjI5MWwxLjAzMi00LjQ5M2MyLjAwNS04Ljc5MyAzLjAxMy0xMy4yNTEgMS40OTUtMTYuODgyLTEuNjA0LTQuMDctNS40NTMtNS4wNTItOC45ODgtNS4wNTJ6bTM2LjM3NCA5LjIwNmMtMy45ODMuNzY1LTYuNTIzIDEuMjc1LTkuMDQ3IDEuNjA0LTIuNTAzLjQwMS00Ljk0My43NjUtOC43OTMgMS4zbC0uMzA1LjI3Ny0uMjguMjIxYy0uNDAxIDIuODY3LS42ODEgNS4zNDUtMS4yMTMgOC4yNTgtLjQ1MSAzLjAxMy0xLjE0NCA2LjQzNi0yLjI3MyAxMS4zNTQtLjg3NCAzLjc2NS0xLjMyNCA1LjA3Ny0xLjgyMiA2LjQwMi0uNDg1IDEuMzI0LTEuMDIgMi42MTItMi4wMDIgNi4zMTVsLjIzLjM0Mi4xOTMuMzE0YzMuNTk3LS4xNzEgNS45NTEtLjI5MiA4LjM3LS4zMTQgMi40MTYtLjA4NyA0LjkxOSAwIDguNzkzLjAyMmwuMzM5LS4yNzcuMzY0LS4zMDVjLjU2LTMuMzM5LjY0NC00LjIzOC45ODYtNS44NjcuMzM5LTEuNzQ3LjkyMy00LjE2NiAyLjM1Ny0xMC42MjcuNjc4LTMuMDM0IDEuNDMzLTYuMDYgMi4xMzYtOS4xNTYuNzMxLTMuMDg0IDEuNDk1LTYuMTIyIDIuMjIzLTkuMTU2bC0uMTA5LS4zNjctLjE0Ni0uMzM5em0uMDg1LTEyLjQxMmMtMy42MTktMi4xMzYtOS45NzEtMS40NTgtMTQuMjQ2IDEuNDkyLTQuMjYzIDIuODkxLTQuNzQ4IDYuOTk1LTEuMTQxIDkuMTU5IDMuNTU3IDIuMDc3IDkuOTM0IDEuNDU4IDE0LjE3MS0xLjUxNyA0LjI1My0yLjk1NCA0Ljc4NS03LjAyIDEuMjE2LTkuMTM1em0yMS44ODcgNDkuNDY3YzcuMzIyIDAgMTQuODI3LTIuMDE4IDIwLjQ3Ny04LjAwNiA0LjM0Ny00Ljg1NiA2LjMzOS0xMi4wODIgNy4wMy0xNS4wNTcgMi4yNDgtOS44NjIuNDk3LTE0LjQ2Ny0xLjcwMS0xNy4yNzEtMy4zMzktNC4yNzUtOS4yNC01LjY0Ni0xNS4zNjItNS42NDYtMy42ODEgMC0xMi40NDkuMzY0LTE5LjI5OCA2LjY3OC00LjkxOSA0LjU1NS03LjE5MSAxMC43MzYtOC41NjIgMTYuNjYyLTEuMzg0IDYuMDM4LTIuOTc1IDE2LjkwNyA3LjAyIDIwLjk1MiAzLjA4NCAxLjMyNCA3LjUzIDEuNjg4IDEwLjM5NyAxLjY4OHptLS41NzItMjIuMTljMS42ODgtNy40NjggMy42ODEtMTMuNzM2IDguNzY4LTEzLjczNiAzLjk4NiAwIDQuMjc1IDQuNjY0IDIuNTAzIDEyLjE1Ny0uMzE3IDEuNjYzLTEuNzcyIDcuODQ3LTMuNzQgMTAuNDgxLTEuMzc0IDEuOTQzLTMgMy4xMjItNC43OTcgMy4xMjItLjUzNSAwLTMuNzE1IDAtMy43NjUtNC43MjMtLjAyNS0yLjMzMi40NTEtNC43MTMgMS4wMzItNy4zem00Ni4zODIgMjEuMjI5bC41NzItLjU4MWMuODExLTQuMy45NDUtNS4zMSAyLjc0Mi0xNC4wMTYuODk5LTQuMTI5IDIuNzU4LTEzLjIwMSAzLjYzMS0xNi40MzIgMS42NTQtLjc2OCAzLjI1NS0xLjUyIDQuODYtMS41MiAzLjY3OCAwIDMuMjMgMy4yMyAzLjA4NCA0LjUxOC0uMTM0IDIuMTY0LTEuNDgzIDkuMjE4LTIuODkxIDE1LjI3OGwtLjg3NCAzLjkxMWMtLjY2OCAyLjg5MS0xLjM5NiA1LjY5Ni0yLjA0IDguNTYybC4yOC41NzJjNy41MTgtLjQwMSA5LjcxNi0uNDAxIDE2LjE1Mi0uMjkybC43NzctLjU4MWMxLjEyOS02LjcxOSAxLjQzMy04LjUxNiAzLjU0Ny0xOC4yOTFsMS4wMDctNC40OTZjMi4wMTUtOC43OTMgMy4wMzQtMTMuMjQ4IDEuNTQyLTE2Ljg3OS0xLjY1MS00LjA3LTUuNTI1LTUuMDUyLTkuMDEtNS4wNTItMi4zMSAwLTYuNTQ4LjU1Ny0xMC4zMTMgMi40MTYtMS4zNDYuNzA2LTIuNjk2IDEuNTE3LTQuMDIgMi4zMzJsMS4xNTMtNC40NjgtLjYxOS0uNzU2Yy04LjAyOCAxLjYyOS05Ljg2MiAxLjg0Ny0xNy4yNzEgMi44OTFsLS41NjkuNDE0Yy0uODk5IDcuMTQyLTEuNjI5IDEyLjUwOC00LjgyMiAyNi41NDktMS4yMTYgNS4xNzQtMi40NzggMTAuMzk3LTMuNzQgMTUuNTU4bC4zMzkuNjU2YzcuNjE0LS40MDEgOS44ODctLjQwMSAxNi40ODEtLjI5MnptNTUuMjM1LjI5MWMuNDczLTIuMzA3IDMuMjgtMTUuOTgxIDMuMzA1LTE1Ljk4MSAwIDAgMi4zOTEtMTAuMDMzIDIuNTM3LTEwLjM5NyAwIDAgLjc1Mi0xLjA0NSAxLjUwNS0xLjQ1OGgxLjEwN2MxMC40NDMgMCAyMi4yMzYgMCAzMS40OC02LjggNi4yOS00LjY2NCAxMC41OS0xMS41NSAxMi41MDgtMTkuOTIuNDk3LTIuMDUyLjg2NC00LjQ5My44NjQtNi45MzMgMC0zLjIwNS0uNjQ0LTYuMzc3LTIuNTAzLTguODU1LTQuNzEzLTYuNTk0LTE0LjEtNi43MTYtMjQuOTM1LTYuNzY1bC01LjM0MS4wNWMtMTMuODcuMTcxLTE5LjQzMi4xMjEtMjEuNzE3LS4xNTktLjE5MyAxLjAxLS41NTcgMi44MDgtLjU1NyAyLjgwOHMtNC45NjggMjMuMDI2LTQuOTY4IDIzLjA2M2MwIDAtMTEuODg5IDQ4Ljk1Ni0xMi40NDkgNTEuMjYzIDEyLjExLS4xNDYgMTcuMDc1LS4xNDYgMTkuMTY1LjA4NHptOS4yMDYtNDAuOTAzczUuMjgyLTIyLjk3OSA1LjI1Ny0yMi44OTJsLjE3MS0xLjE3OC4wNzUtLjg5OSAyLjExMS4yMThzMTAuODk0LjkzNiAxMS4xNDkuOTYxYzQuMyAxLjY2MyA2LjA3MiA1Ljk1MSA0LjgzNSAxMS41NDctMS4xMjkgNS4xMTQtNC40NDYgOS40MTQtOC43MDkgMTEuNDkxLTMuNTEgMS43Ni03LjgxIDEuOTA2LTEyLjI0MSAxLjkwNmgtMi44NjdsLjIxOC0xLjE1M3ptMzIuODg5IDE5LjgwOWMtMS4zOTYgNS45NTEtMyAxNi44MiA2Ljk0NiAyMC42OTQgMy4xNzEgMS4zNDkgNi4wMTMgMS43NSA4LjkwMSAxLjYwNCAzLjA1LS4xNjUgNS44NzYtMS42OTQgOC40OTQtMy44OTZsLS43MDkgMi43MTcuNDUxLjU4MWM3LjE1NC0uMzAyIDkuMzc0LS4zMDIgMTcuMTI1LS4yNDNsLjcwMy0uNTM1YzEuMTMyLTYuNjUzIDIuMTk4LTEzLjExNCA1LjEzOS0yNS44NDMgMS40MzMtNi4wOTcgMi44NjMtMTIuMTM1IDQuMzM0LTE4LjIwN2wtLjIzLS42NjhjLTguMDAzIDEuNDgzLTEwLjE0MiAxLjgtMTcuODQgMi44OTFsLS41ODUuNDc2LS4yMzMgMS44MDZjLTEuMTk3LTEuOTM0LTIuOTMyLTMuNTg1LTUuNjA5LTQuNjE0LTMuNDIzLTEuMzQ2LTExLjQ2My4zODktMTguMzc1IDYuNjgxLTQuODU2IDQuNDkzLTcuMTg4IDEwLjY0OS04LjUxMyAxNi41NTN6bTE2LjgwOC4zNjRjMS43MTMtNy4zMzQgMy42ODEtMTMuNTQgOC43OC0xMy41NCAzLjIyNCAwIDQuOTIyIDIuOTc1IDQuNTc3IDguMDQ5LS4yNzQgMS4yNjUtLjU2OSAyLjU5OS0uOTIgNC4xMDctLjUxIDIuMTc5LTEuMDYzIDQuMzQtMS42MDEgNi41MDQtLjU0NyAxLjQ4LTEuMTg1IDIuODc2LTEuODg0IDMuODA2LTEuMzEyIDEuODU5LTQuNDM0IDMuMDEzLTYuMjMxIDMuMDEzLS41MSAwLTMuNjU2IDAtMy43NjUtNC42MzktLjAyNS0yLjMxLjQ1MS00LjY4OSAxLjA0NS03LjN6bTg3Ljc3Mi0yNC4yMTdsLS42MTktLjcwNmMtNy45MTkgMS42MDQtOS4zNTIgMS44NTktMTYuNjI3IDIuODQybC0uNTM1LjUzNS0uMDg0LjM0Mi0uMDI1LS4xMjFjLTUuNDE2IDEyLjQ5NS01LjI1NyA5LjgtOS42NjYgMTkuNjM3bC0uMDUtMS4yMDMtMS4xMDQtMjEuMzI1LS42OTMtLjcwNmMtOC4yOTUgMS42MDQtOC40OTEgMS44NTktMTYuMTUyIDIuODQybC0uNTk3LjUzNWMtLjA4NC4yNTUtLjA4NC41MzUtLjEzNC44MzlsLjA1LjEwOWMuOTU4IDQuODk0LjcyOCAzLjgwMiAxLjY4OCAxMS41MjUuNDQ4IDMuNzkgMS4wNDUgNy42MDIgMS40OTIgMTEuMzQ1Ljc1NiA2LjI2NSAxLjE3OCA5LjM0OSAyLjEwMiAxOC45MS01LjE3NCA4LjUzOC02LjM5OSAxMS43NjgtMTEuMzc5IDE5LjI2MWwuMDM0LjA3NS0zLjUwNyA1LjU0N2MtLjQwMS41ODUtLjc2NS45ODYtMS4yNzUgMS4xNTctLjU2LjI3Ny0xLjI4Ny4zMjYtMi4yOTguMzI2aC0xLjk0M2wtMi44ODggOS42MDcgOS45MDkuMTcxYzUuODE3LS4wMjUgOS40NzMtMi43NDUgMTEuNDQxLTYuNDAybDYuMjMxLTEwLjY3N2gtLjA5OWwuNjU2LS43NTJjNC4xOTEtOS4wMjMgMzYuMDcyLTYzLjcxMiAzNi4wNzItNjMuNzEyem0tMTA0LjU4IDEyNi4xNzVoLTQuMjA0bDE1LjU1OC01MS40NTloNS4xNjFsMS42MzgtNS4zMDEuMTU5IDUuODk1Yy0uMTkzIDMuNjQ0IDIuNjc0IDYuODc0IDEwLjIwNCA2LjMzOWg4LjcwOWwyLjk5Ny05LjkwOWgtMy4yNzdjLTEuODg0IDAtMi43NTgtLjQ3Ni0yLjY0OS0xLjQ5NWwtLjE1OS01Ljk5N2gtMTYuMTI3di4wMzFjLTUuMjE0LjEwOS0yMC43ODQuNTAxLTIzLjkzNyAxLjM0LTMuODE1Ljk4Mi03LjgzNSAzLjg3NC03LjgzNSAzLjg3NGwxLjU3OS01LjMwN2gtMTUuMDg1bC0zLjE0MyAxMC41MzEtMTUuNzY2IDUyLjI0NWgtMy4wNTlsLTMgOS44MzdoMzAuMDQ2bC0xLjAwNyAzLjI4aDE0LjgwNmwuOTgyLTMuMjhoNC4xNTRsMy4yNTUtMTAuNjI0em0tMTIuMzI4LTQxLjAwM2MtMi40MTYuNjY4LTYuOTEyIDIuNjk2LTYuOTEyIDIuNjk2bDMuOTk4LTEzLjE1MmgxMS45ODZsLTIuODkxIDkuNTgycy0zLjcwMy4yMTgtNi4xODEuODc0em0uMjMgMTguNzg4cy0zLjc2NS40NzMtNi4yNDMgMS4wMzJjLTIuNDQxLjc0LTcuMDE3IDMuMDcyLTcuMDE3IDMuMDcybDQuMTI5LTEzLjY4NmgxMi4wNDhsLTIuOTE2IDkuNTgyem0tNi43MTYgMjIuMzM2aC0xMi4wMjNsMy40ODUtMTEuNTVoMTEuOTg2bC0zLjQ0OCAxMS41NXptMjguOTU0LTMxLjkxOGgxNy4zM2wtMi40OSA4LjA2NWgtMTcuNTZsLTIuNjM3IDguODE3aDE1LjM2NWwtMTEuNjM0IDE2LjM4MmMtLjgxNSAxLjIwMy0xLjU0NSAxLjYyOS0yLjM1NyAxLjk2OC0uODE1LjQxNC0xLjg4NC44OTktMy4xMjIuODk5aC00LjI2M2wtMi45MjkgOS42NTdoMTEuMTQ5YzUuNzk1IDAgOS4yMTgtMi42MzcgMTEuNzQ2LTYuMDk3bDcuOTc4LTEwLjkxOSAxLjcxMyAxMS4wODdjLjM2NCAyLjA3NyAxLjg1NiAzLjI5MyAyLjg2NyAzLjc2NSAxLjExNi41NiAyLjI3IDEuNTIgMy44OTkgMS42NjMgMS43NDcuMDc1IDMuMDEuMTM0IDMuODQ5LjEzNGg1LjQ3OGwzLjI4OS0xMC44MDdoLTIuMTYxYy0xLjI0MSAwLTMuMzc2LS4yMDgtMy43NC0uNTk3LS4zNjQtLjQ3My0uMzY0LTEuMi0uNTYtMi4zMDdsLTEuNzM4LTExLjExMmgtNy4xMTdsMy4xMjItMy43MTVoMTcuNTI2bDIuNjk2LTguODE3aC0xNi4yMjZsMi41MjgtOC4wNjVoMTYuMTc3bDMtOS45NDZoLTQ4LjIyOGwtMi45NTEgOS45NDZ6bS0xNDYuMzcxIDM0LjE2NGw0LjA0NS0xMy40NTZoMTYuNjI0bDMuMDM4LTEwLjAwOGgtMTYuNjRsMi41NC04LjI4M2gxNi4yNjFsMy4wMTMtOS42OTFoLTQwLjY4NmwtMi45NTEgOS42OTFoOS4yNDNsLTIuNDY2IDguMjgzaC05LjI2OGwtMy4wNzIgMTAuMTc5aDkuMjRsLTUuMzkxIDE3LjgwM2MtLjcyOCAyLjM1Ny4zNDIgMy4yNTUgMS4wMiA0LjM1LjY5MyAxLjA2NiAxLjM5NiAxLjc3MiAyLjk3NSAyLjE3MyAxLjYyOS4zNjQgMi43NDUuNTgxIDQuMjYzLjU4MWgxOC43NDJsMy4zMzktMTEuMDg3LTguMzA4IDEuMTQxYy0xLjYwNCAwLTYuMDQ3LS4xOTMtNS41NjItMS42NzZ6bTEuOTA3LTY0LjQxN2wtNC4yMTMgNy42MTRjLS45MDIgMS42NjMtMS43MTMgMi42OTYtMi40NDQgMy4xNzEtLjY0NC40MDEtMS45MTguNTY5LTMuNzY1LjU2OWgtMi4xOThsLTIuOTM4IDkuNzQxaDcuM2MzLjUxIDAgNi4yMDYtMS4yODcgNy40OTMtMS45MzEgMS4zODQtLjc0IDEuNzQ3LS4zMTcgMi44MTctMS4zNDlsMi40NjYtMi4xMzZoMjIuNzk2bDMuMDI1LTEwLjE0MmgtMTYuNjg3bDIuOTEzLTUuNTM3aC0xNi41NjV6bTMzLjY1NCA2NC42MTJjLS4zODktLjU2LS4xMDktMS41NDUuNDg1LTMuNTk3bDYuMjMxLTIwLjYyM2gyMi4xNjVjMy4yMy0uMDQ3IDUuNTYyLS4wODQgNy4wNzktLjE5MyAxLjYyOS0uMTcxIDMuNDAxLS43NTIgNS4zMzItMS43OTcgMS45OTMtMS4wOTQgMy4wMTMtMi4yNDggMy44NzQtMy41NzIuOTYxLTEuMzIxIDIuNTAzLTQuMjEzIDMuODI3LTguNjcxbDcuODMyLTI2LjA5OC0yMy4wMDEuMTM0cy03LjA4MyAxLjA0NS0xMC4yMDEgMi4xOThjLTMuMTQ2IDEuMjg3LTcuNjQyIDQuODgxLTcuNjQyIDQuODgxbDIuMDc3LTcuMTU0aC0xNC4yMDlsLTE5Ljg5MiA2NS45NzJjLS43MDYgMi41NjItMS4xNzggNC40MjEtMS4yODcgNS41MzctLjAzNyAxLjIwMyAxLjUxNyAyLjM5NCAyLjUyNSAzLjI5MyAxLjE5MS44OTkgMi45NTEuNzUyIDQuNjM5Ljg5OSAxLjc3NS4xMzQgNC4zLjIxOCA3Ljc4NS4yMThoMTAuOTE5bDMuMzUyLTExLjMxNy05Ljc3NS45MjNjLTEuMDQ1IDAtMS44LS41Ni0yLjExNC0xLjAzMnptMTAuNzM2LTM4LjE0OWgyMy4yODFsLTEuNDggNC42MzljLS4yMDguMTA5LS43MDYtLjIzLTMuMDc1LjA1aC0yMC4xNTlsMS40MzMtNC42ODl6bTQuNjY0LTE1LjU1OGgyMy40NzdsLTEuNjg4IDUuNTg3cy0xMS4wNjUtLjEwOS0xMi44MzcuMjE4Yy03Ljc5OCAxLjM0OS0xMi4zNTIgNS41MTYtMTIuMzUyIDUuNTE2bDMuNDAxLTExLjMyem0xNy42NTggMzUuNzMxYy0uMTkzLjY5My0uNDk3IDEuMTE2LS45MjMgMS40MzMtLjQ3My4zMDUtMS4yMzcuNDE0LTIuMzc4LjQxNGgtMy4zMTdsLjE5Ni01LjY0OWgtMTMuNzk4bC0uNTYgMjcuNjE4Yy0uMDIyIDEuOTkzLjE3MSAzLjE0NiAxLjYyOSA0LjA3IDEuNDU4IDEuMTUzIDUuOTUxIDEuMyAxMS45OTggMS4zaDguNjQ2bDMuMTIyLTEwLjMzOC03LjUyNy40MTQtMi41MDMuMTQ2Yy0uMzQyLS4xNDYtLjY2OC0uMjgtMS4wMzItLjY0NC0uMzE3LS4zMTQtLjg1Mi0uMTIxLS43NjUtMi4xMTRsLjA1OS03LjA3OSA3Ljg5NC0uMzI2YzQuMjYzIDAgNi4wODUtMS4zODcgNy42MzktMi43MDggMS40ODMtMS4yNjUgMS45NjgtMi43MiAyLjUyOC00LjY4OWwxLjMyNC02LjI2OGgtMTAuODQ4bC0xLjM4NCA0LjQyMXoiIGZpbGw9IiNGRUZFRkUiLz48L3N2Zz4=");
}

.rccs__card--visa .rccs__card__background, .rccs__card--visaelectron .rccs__card__background {
  background: linear-gradient(25deg, #0f509e, #1399cd);
}

.rccs__card--visa .rccs__issuer, .rccs__card--visaelectron .rccs__issuer {
  background-size: 75%;
}

.rccs__card--visa .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIxNjZweCIgdmlld0JveD0iMCAwIDUxMiAxNjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgICA8Zz4gICAgICAgIDxwYXRoIGQ9Ik0yNjQuNzk0MTg3LDExMi40Nzk0OTEgQzI2NC41MDIwNzIsODkuNDQ4NTYxNiAyODUuMzE5MDgsNzYuNTk1NTE5OCAzMDEuMDAxMDIxLDY4Ljk1NDQxNzIgQzMxNy4xMTM0NDcsNjEuMTEzNDQ2NiAzMjIuNTI1MjU0LDU2LjA4NjAwMDggMzIyLjQ2Mzc1Niw0OS4wNzUyNTA3IEMzMjIuMzQwNzYsMzguMzQzODgzMyAzMDkuNjEwNzE0LDMzLjYwODU1MiAyOTcuNjk1NTE0LDMzLjQyNDA1ODYgQzI3Ni45MDkyNTUsMzMuMTAxMTk1MSAyNjQuODI0OTM1LDM5LjAzNTczMzYgMjU1LjIxNTkwMyw0My41MjUwNzM2IEwyNDcuNzI4NTQ1LDguNDg2Njk3NSBDMjU3LjM2ODMyNiw0LjA0MzQ4MDg3IDI3NS4yMTgwNjUsMC4xNjkxMTg5NzIgMjkzLjcyODkwNSwtMS40MjEwODU0N2UtMTQgQzMzNy4xNzcxMDYsLTEuNDIxMDg1NDdlLTE0IDM2NS42MDQ0NjgsMjEuNDQ3MzYwNSAzNjUuNzU4MjEzLDU0LjcwMjMwMDIgQzM2NS45MjczMzIsOTYuOTA1MTcwOSAzMDcuMzgxNDE5LDk5LjI0MjA4NzYgMzA3Ljc4MTE1NCwxMTguMTA2NTQgQzMwNy45MTk1MjQsMTIzLjgyNTgzNiAzMTMuMzc3NDU1LDEyOS45Mjk0OTQgMzI1LjMzODc3OCwxMzEuNDgyMzEzIEMzMzEuMjU3OTQyLDEzMi4yNjY0MSAzNDcuNjAwOTg1LDEzMi44NjYwMTQgMzY2LjEyNzIsMTI0LjMzMzE5MyBMMzczLjM5OTMxNSwxNTguMjMzODYgQzM2My40MzY2NywxNjEuODYyMjMgMzUwLjYyOTc1MiwxNjUuMzM2ODU3IDMzNC42ODY0NDUsMTY1LjMzNjg1NyBDMjkzLjc5MDQwMywxNjUuMzM2ODU3IDI2NS4wMjQ4MDMsMTQzLjU5NzM4MiAyNjQuNzk0MTg3LDExMi40Nzk0OTEgTTQ0My4yNzYyLDE2Mi40MTU3MTEgQzQzNS4zNDI5ODIsMTYyLjQxNTcxMSA0MjguNjU1MDk2LDE1Ny43ODgwMDEgNDI1LjY3MjQ1MiwxNTAuNjg1MDA0IEwzNjMuNjA1Nzg5LDIuNDkwNjYxMjIgTDQwNy4wMjMyNDIsMi40OTA2NjEyMiBMNDE1LjY2MzY4NCwyNi4zNjcxODUyIEw0NjguNzIwOTE4LDI2LjM2NzE4NTIgTDQ3My43MzI5ODksMi40OTA2NjEyMiBMNTEyLDIuNDkwNjYxMjIgTDQ3OC42MDY2OSwxNjIuNDE1NzExIEw0NDMuMjc2MiwxNjIuNDE1NzExIE00NDkuMzQ5MTA4LDExOS4yMTM1MDEgTDQ2MS44NzkyODcsNTkuMTYwODkxMiBMNDI3LjU2MzUxLDU5LjE2MDg5MTIgTDQ0OS4zNDkxMDgsMTE5LjIxMzUwMSBNMjEyLjE1MjA2MywxNjIuNDE1NzExIEwxNzcuOTI4NTMzLDIuNDkwNjYxMjIgTDIxOS4zMDExODMsMi40OTA2NjEyMiBMMjUzLjUwOTMzOSwxNjIuNDE1NzExIEwyMTIuMTUyMDYzLDE2Mi40MTU3MTEgTTE1MC45NDYzNywxNjIuNDE1NzExIEwxMDcuODgyNTMsNTMuNTY0NTkwNyBMOTAuNDYzMjc1NSwxNDYuMTE4NzkyIEM4OC40MTg0NzM0LDE1Ni40NTA0MjMgODAuMzQ2ODg2MSwxNjIuNDE1NzExIDcxLjM4MzU4MDYsMTYyLjQxNTcxMSBMMC45ODM5NjQ5MjcsMTYyLjQxNTcxMSBMMCwxNTcuNzcyNjI2IEMxNC40NTE5ODQ5LDE1NC42MzYyMzggMzAuODcxODk5NiwxNDkuNTc4MDQzIDQwLjgxOTE3LDE0NC4xNjYyMzYgQzQ2LjkwNzQ1MywxNDAuODYwNzI5IDQ4LjY0NDc2NjEsMTM3Ljk3MDMzMiA1MC42NDM0NDQ4LDEzMC4xMTM5ODcgTDgzLjYzNzAxODgsMi40OTA2NjEyMiBMMTI3LjM2MTk2LDIuNDkwNjYxMjIgTDE5NC4zOTQ1NzEsMTYyLjQxNTcxMSBMMTUwLjk0NjM3LDE2Mi40MTU3MTEiIGZpbGw9IiNGRkZGRkYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1Ni4wMDAwMDAsIDgyLjY2ODQyOCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTgyLjY2ODQyOCkgIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=");
}

.rccs__card--visaelectron .rccs__issuer {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSIyMjhweCIgdmlld0JveD0iMCAwIDUxMiAyMjgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiAgICA8Zz4gICAgICAgIDxwYXRoIGQ9Ik0xOTQuMzkzMDEyLDIuOTE5MzQ0MTMgTDEyNy4zNjI1MTcsMTYyLjgzNTk4MSBMODMuNjI3OTMwNywxNjIuODM1OTgxIEw1MC42MzkwMTUyLDM1LjIwODY2MzIgQzQ4LjY0MTU2OTIsMjcuMzY1OTkwNyA0Ni45MDIzODU1LDI0LjQ3OTMzOCA0MC44MTUyNDI0LDIxLjE2NDQyNzYgQzMwLjg2NzI0MjIsMTUuNzYwNTM1MyAxNC40Mzk4MDE4LDEwLjcwNjQ0MTIgMCw3LjU2MTUyNjI4IEwwLjk3NDIwNDQyNCwyLjkxOTM0NDEzIEw3MS4zODE3MjM1LDIuOTE5MzQ0MTMgQzgwLjM0MjQ0MjcsMi45MTkzNDQxMyA4OC40MTA2ODYsOC44ODU1Mjg5NCA5MC40NjA0MzgzLDE5LjIxNjAxODggTDEwNy44OTE1MDUsMTExLjc2MjE3IEwxNTAuOTIzMjI2LDIuOTE5MzQ0MTMgTDE5NC4zOTMwMTIsMi45MTkzNDQxMyBaIE0yNTMuNTE1NDUyLDIuOTE5MzQ0MTMgTDIxOS4zMDcxNDYsMTYyLjgzNTk4MSBMMTc3LjkzMjg4LDE2Mi44MzU5ODEgTDIxMi4xNDExODYsMi45MTkzNDQxMyBMMjUzLjUxNTQ1MiwyLjkxOTM0NDEzIFogTTMwNy43Nzk5NDYsNDcuMjI5Mjk5NyBDMzA3LjkyMDUxOSw0MS40OTg0OTMxIDMxMy4zNzk5ODcsMzUuMzk1MDA0MyAzMjUuMzMxOTcxLDMzLjgzNTYyMzQgQzMzMS4yNTIzODgsMzMuMDcwNjQ0MSAzNDcuNjA3OTA3LDMyLjQ1OTMxNDUgMzY2LjEzNDEzNyw0MC45OTUwNDUyIEwzNzMuMzgxODI2LDcuMDY0NjE2NjQgQzM2My40MjcyODcsMy40NjUyOTA5IDM1MC42MTg3ODcsMCAzMzQuNjg0OTg3LDAgQzI5My43ODQ3NDcsMCAyNjUuMDEzMDI1LDIxLjcyMzQ1MSAyNjQuNzg0MTg2LDUyLjg1NTQ5MzcgQzI2NC41MTYxMTYsNzUuODgzMzMyNSAyODUuMzM0MDE0LDg4LjcxNzk4NTQgMzAwLjk4OTkzNyw5Ni4zODczOTM0IEMzMTcuMTE2NjE2LDEwNC4yMjAyNTggMzIyLjUyMzc3OCwxMDkuMjU0NzM4IDMyMi40NDg1ODgsMTE2LjI1Mzk3MSBDMzIyLjMzNDE2OCwxMjYuOTgzMjk3IDMwOS41NzE0MzYsMTMxLjczMzM2MSAyOTcuNzA0NDQ5LDEzMS45MDk4OTQgQzI3Ni44OTYzNTgsMTMyLjI0MDA3OCAyNjQuODMzMjIzLDEyNi4yODY5NjkgMjU1LjIxMjEzNywxMjEuODA0OTc1IEwyNDcuNzAyOTE3LDE1Ni44NTk5ODkgQzI1Ny4zODI4NDcsMTYxLjI5NjIxNSAyNzUuMjIyNTU3LDE2NS4xNTA1MzQgMjkzLjY5OTc1LDE2NS4zNDY2ODIgQzMzNy4xNzkzNDMsMTY1LjM0NjY4MiAzNjUuNjE3NjEzLDE0My44NzE2ODYgMzY1Ljc0NTEwOSwxMTAuNjI0NTA4IEMzNjUuOTE4Mzc0LDY4LjQyNjQxODggMzA3LjM5NzQ1Niw2Ni4wODU3MTI4IDMwNy43Nzk5NDYsNDcuMjI5Mjk5NyBaIE00NzMuNzQ3NzY1LDE2Mi44MzU5ODEgTDUxMiwxNjIuODM1OTgxIEw0NzguNTc5NTU4LDIuOTE5MzQ0MTMgTDQ0My4yODU4OTcsMi45MTkzNDQxMyBDNDM1LjMyNTUzNSwyLjkxOTM0NDEzIDQyOC42MzY4Nyw3LjUzODY0MjI4IDQyNS42Njg0ODksMTQuNjQyNDg4NiBMMzYzLjU4NzQ3NSwxNjIuODM1OTgxIEw0MDcuMDM0Mzc3LDE2Mi44MzU5ODEgTDQxNS42NTE4MzYsMTM4Ljk0ODM1OCBMNDY4LjczMjkwMSwxMzguOTQ4MzU4IEw0NzMuNzQ3NzY1LDE2Mi44MzU5ODEgWiBNNDI3LjU2NDU5MSwxMDYuMTc4NDc1IEw0NDkuMzUwMTU2LDQ2LjEyNDMyOTYgTDQ2MS44NjQ0MzMsMTA2LjE3ODQ3NSBMNDI3LjU2NDU5MSwxMDYuMTc4NDc1IFogTTMwNi40NjQ3NywyMDYuODU0MzI5IEwyODkuNjU0ODQsMjA2Ljg1NDMyOSBMMjg5LjY1NDg0LDIyMi41MDA0NDQgTDMwOC40NTg5NDcsMjIyLjUwMDQ0NCBMMzA4LjQ1ODk0NywyMjcuMjA0NzQgTDI4My45ODk0MTYsMjI3LjIwNDc0IEwyODMuOTg5NDE2LDE4My43OTcwNjggTDMwNy40OTQ1NSwxODMuNzk3MDY4IEwzMDcuNDk0NTUsMTg4LjUwMTM2NCBMMjg5LjY1NDg0LDE4OC41MDEzNjQgTDI4OS42NTQ4NCwyMDIuMjE1NDE2IEwzMDYuNDY0NzcsMjAyLjIxNTQxNiBMMzA2LjQ2NDc3LDIwNi44NTQzMjkgWiBNMzE3LjE0MzQyMywxODEuNDgxMjA4IEwzMjIuODA4ODQ3LDE4MS40ODEyMDggTDMyMi44MDg4NDcsMjI3LjIwMzQzMyBMMzE3LjE0MzQyMywyMjcuMjAzNDMzIEwzMTcuMTQzNDIzLDE4MS40ODEyMDggWiBNMzQ3Ljc4NzM4MywyMjMuNDY5MDkxIEMzNTEuODQ3NjU4LDIyMy40NjkwOTEgMzU0LjM1ODM1OSwyMjIuNzU5Njg3IDM1Ni40MjExODgsMjIxLjg2MDY3MyBMMzU3LjQ1MDk2OCwyMjUuOTE3Njc5IEMzNTUuNDUzNTIyLDIyNi44MTY2OTMgMzUxLjk3ODQyNCwyMjcuOTExODU2IDM0Ny4wMTU4NjYsMjI3LjkxMTg1NiBDMzM3LjQyNDIwMiwyMjcuOTExODU2IDMzMS42OTMzOTUsMjIxLjUzNzAyOCAzMzEuNjkzMzk1LDIxMi4xMzQ5NzUgQzMzMS42OTMzOTUsMjAyLjczMjkyMSAzMzcuMjI4MDUzLDE5NS4zOTA0MjggMzQ2LjMwOTczMSwxOTUuMzkwNDI4IEMzNTYuNTQ4Njg1LDE5NS4zOTA0MjggMzU5LjE5MDE1MiwyMDQuMjc5MjI2IDM1OS4xOTAxNTIsMjEwLjAxMDAzMiBDMzU5LjE5MDE1MiwyMTEuMTY3MzA5IDM1OS4xMjQ3NjksMjEyLjAwNDIwOSAzNTguOTk0MDAzLDIxMi42NDgyMyBMMzM3LjEwMDU1NywyMTIuNjQ4MjMgQzMzNy4yMjgwNTMsMjIwLjMxNDM2OSAzNDIuMDU5ODQ2LDIyMy40NjkwOTEgMzQ3Ljc4NzM4MywyMjMuNDY5MDkxIFogTTM1My43MTQzMzgsMjA4LjU5MTIyNCBDMzUzLjc3OTcyMSwyMDUuMDUwNzQzIDM1Mi4yMzM0MTcsMTk5LjQ0NzQzMyAzNDUuODU4NTg5LDE5OS40NDc0MzMgQzM0MC4wNjI0LDE5OS40NDc0MzMgMzM3LjYxMzgxMiwyMDQuNjY0OTg0IDMzNy4xNjI2NywyMDguNTkxMjI0IEwzNTMuNzE0MzM4LDIwOC41OTEyMjQgWiBNMzkwLjAyMjc0MSwyMjYuMTA4NTk3IEMzODguNTQxODE5LDIyNi44MTgwMDEgMzg1LjI1NjMzMSwyMjcuOTEzMTYzIDM4MS4wNzE4MjksMjI3LjkxMzE2MyBDMzcxLjY2OTc3NiwyMjcuOTEzMTYzIDM2NS41NTMyMSwyMjEuNTM4MzM2IDM2NS41NTMyMSwyMTIuMDA1NTE3IEMzNjUuNTUzMjEsMjAyLjQxMDU4NCAzNzIuMTE3NjQ4LDE5NS4zOTE3MzUgMzgyLjI5NDQ4OCwxOTUuMzkxNzM1IEMzODUuNjQyMDksMTk1LjM5MTczNSAzODguNjAzOTMzLDE5Ni4yMjUzNjcgMzkwLjE1MDIzOCwxOTcuMDY1NTM2IEwzODguODY1NDY1LDIwMS4zODA4MDQgQzM4Ny41MDg3NywyMDAuNjcxNCAzODUuMzgzODI4LDE5OS44OTY2MTMgMzgyLjI5NDQ4OCwxOTkuODk2NjEzIEMzNzUuMTQ0ODc0LDE5OS44OTY2MTMgMzcxLjI4NDAxNywyMDUuMjQxNjYxIDM3MS4yODQwMTcsMjExLjY4NTE0MSBDMzcxLjI4NDAxNywyMTguODk2ODY5IDM3NS45MTk2NjEsMjIzLjMzOTYzMyAzODIuMTAxNjA5LDIyMy4zMzk2MzMgQzM4NS4zMjE3MTQsMjIzLjMzOTYzMyAzODcuNDQ2NjU3LDIyMi41NjgxMTYgMzg5LjA1NTA3NSwyMjEuODU4NzEyIEwzOTAuMDIyNzQxLDIyNi4xMDg1OTcgWiBNNDA1LjkxODI5MiwxODguNTY0NDU4IEw0MDUuOTE4MjkyLDE5Ni4wMzQ0NDkgTDQxNC4wMjkwMzQsMTk2LjAzNDQ0OSBMNDE0LjAyOTAzNCwyMDAuMzQ2NDQ3IEw0MDUuOTE4MjkyLDIwMC4zNDY0NDcgTDQwNS45MTgyOTIsMjE3LjE1NjM3NyBDNDA1LjkxODI5MiwyMjEuMDIzNzczIDQwNy4wMTM0NTUsMjIzLjIxMDgyOSA0MTAuMTY4MTc3LDIyMy4yMTA4MjkgQzQxMS43MTEyMTIsMjIzLjIxMDgyOSA0MTIuNjE2NzY1LDIyMy4wODMzMzIgNDEzLjQ1MzY2NSwyMjIuODIxODAxIEw0MTMuNzExOTI3LDIyNy4xNDAzMzggQzQxMi42MTY3NjUsMjI3LjUyNjA5NyA0MTAuODc3NTgxLDIyNy45MTE4NTYgNDA4LjY4NzI1NSwyMjcuOTExODU2IEM0MDYuMDQ1Nzg4LDIyNy45MTE4NTYgNDAzLjkyMDg0NiwyMjcuMDA5NTcyIDQwMi41NzA2OSwyMjUuNTMxOTIgQzQwMS4wMjQzODYsMjIzLjc4OTQ2NyA0MDAuMzgwMzY1LDIyMS4wMjM3NzMgNDAwLjM4MDM2NSwyMTcuMzUyNTI2IEw0MDAuMzgwMzY1LDIwMC4zNDY0NDcgTDM5NS41NDg1NzIsMjAwLjM0NjQ0NyBMMzk1LjU0ODU3MiwxOTYuMDM0NDQ5IEw0MDAuMzgwMzY1LDE5Ni4wMzQ0NDkgTDQwMC4zODAzNjUsMTkwLjIzODI1OSBMNDA1LjkxODI5MiwxODguNTY0NDU4IFogTTQyMS45NDQ5MzUsMjA1Ljc1OTQ5MyBDNDIxLjk0NDkzNSwyMDIuMDg4MjQ2IDQyMS44NzYyODMsMTk4LjkzMzUyNCA0MjEuNjg2NjczLDE5Ni4wMzM3OTUgTDQyNi42NDU5NjIsMTk2LjAzMzc5NSBMNDI2LjkwNDIyNCwyMDIuMjE1NzQzIEw0MjcuMDkzODM1LDIwMi4yMTU3NDMgQzQyOC41MTI2NDIsMTk4LjAzMTI0MSA0MzEuOTg3NzQxLDE5NS4zODk3NzQgNDM1Ljc4NjQ4NCwxOTUuMzg5Nzc0IEM0MzYuMzY4MzkxLDE5NS4zODk3NzQgNDM2LjgxOTUzMywxOTUuNDU1MTU3IDQzNy4zMzYwNTgsMTk1LjUxNzI3IEw0MzcuMzM2MDU4LDIwMC44NjU1ODcgQzQzNi43NTQxNSwyMDAuNzM0ODIxIDQzNi4xNzg3ODEsMjAwLjczNDgyMSA0MzUuNDAwNzI1LDIwMC43MzQ4MjEgQzQzMS40MTIzNzIsMjAwLjczNDgyMSA0MjguNTc0NzU2LDIwMy42OTY2NjQgNDI3LjgwMzIzOCwyMDcuOTQ5ODE5IEM0MjcuNjc1NzQyLDIwOC43MjEzMzYgNDI3LjYxMDM1OSwyMDkuNjg1NzMzIDQyNy42MTAzNTksMjEwLjU5MTI4NiBMNDI3LjYxMDM1OSwyMjcuMjA1MDY3IEw0MjEuOTQ0OTM1LDIyNy4yMDUwNjcgTDQyMS45NDQ5MzUsMjA1Ljc1OTQ5MyBaIE00NzIuMTY2NDgxLDIxMS4zNjExNjkgQzQ3Mi4xNjY0ODEsMjIyLjg4ODE2NSA0NjQuMTE0NTgzLDIyNy45MTI4MzYgNDU2LjY0NDU5MywyMjcuOTEyODM2IEM0NDguMjcyMzIsMjI3LjkxMjgzNiA0NDEuNzA3ODgyLDIyMS43Mjc2MTkgNDQxLjcwNzg4MiwyMTEuODc3NjkzIEM0NDEuNzA3ODgyLDIwMS41MDc5NzQgNDQ4LjU5NTk2NSwxOTUuMzkxNDA4IDQ1Ny4xNjExMTgsMTk1LjM5MTQwOCBDNDY2LjExMjAyOSwxOTUuMzkxNDA4IDQ3Mi4xNjY0ODEsMjAxLjg5MzczMiA0NzIuMTY2NDgxLDIxMS4zNjExNjkgWiBNNDQ3LjUwMDgwMiwyMTEuNjg0ODE0IEM0NDcuNTAwODAyLDIxOC41MTA3ODMgNDUxLjM2NDkyOCwyMjMuNjYyOTUxIDQ1Ni45MDI4NTUsMjIzLjY2Mjk1MSBDNDYyLjMxMzI4NiwyMjMuNjYyOTUxIDQ2Ni4zNjcwMjMsMjE4LjU3Mjg5NyA0NjYuMzY3MDIzLDIxMS41NTQwNDggQzQ2Ni4zNjcwMjMsMjA2LjI3NDM4MyA0NjMuNzI4ODI1LDE5OS42MzgwMjQgNDU3LjAzMDM1MiwxOTkuNjM4MDI0IEM0NTAuNDAwNTMxLDE5OS42MzgwMjQgNDQ3LjUwMDgwMiwyMDUuODIzMjQyIDQ0Ny41MDA4MDIsMjExLjY4NDgxNCBaIE00ODAuODQ5OTc3LDIwNC40Njk0OSBDNDgwLjg0OTk3NywyMDEuMTg3MjcxIDQ4MC43ODEzMjUsMTk4LjYxMTE4NyA0ODAuNTkxNzE1LDE5Ni4wMzUxMDIgTDQ4NS42MTMxMTcsMTk2LjAzNTEwMiBMNDg1LjkzNjc2MywyMDEuMTg3MjcxIEw0ODYuMDY0MjU5LDIwMS4xODcyNzEgQzQ4Ny42MTA1NjMsMTk4LjI4NzU0MiA0OTEuMjE2NDI3LDE5NS4zOTEwODEgNDk2LjM2ODU5NiwxOTUuMzkxMDgxIEM1MDAuNjgwNTk1LDE5NS4zOTEwODEgNTA3LjM3OTA2NywxOTcuOTY3MTY2IDUwNy4zNzkwNjcsMjA4LjY1Mzk5MiBMNTA3LjM3OTA2NywyMjcuMjAzMTA2IEw1MDEuNzEzNjQ0LDIyNy4yMDMxMDYgTDUwMS43MTM2NDQsMjA5LjIzNTg5OSBDNTAxLjcxMzY0NCwyMDQuMjE0NDk3IDQ5OS44NDY5NjMsMjAwLjAyNjcyNSA0OTQuNTAxOTE2LDIwMC4wMjY3MjUgQzQ5MC44MzA2NjksMjAwLjAyNjcyNSA0ODcuOTMwOTM5LDIwMi42NjgxOTIgNDg2LjkwNDQyOSwyMDUuODIyOTE1IEM0ODYuNjQyODk3LDIwNi41MzIzMTkgNDg2LjUxNTQwMSwyMDcuNDk2NzE2IDQ4Ni41MTU0MDEsMjA4LjQ2NDM4MiBMNDg2LjUxNTQwMSwyMjcuMjAzMTA2IEw0ODAuODQ5OTc3LDIyNy4yMDMxMDYgTDQ4MC44NDk5NzcsMjA0LjQ2OTQ5IFoiIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4gICAgPC9nPjwvc3ZnPg==");
}

.rccs__number {
  clear: both;
  font-family: Consolas, Courier, monospace;
  font-size: 20px;
  left: 10%;
  position: absolute;
  top: 45%;
}

.rccs__number.rccs__number--large {
  font-size: 17px;
}

.rccs__name {
  bottom: 15%;
  font-family: Consolas, Courier, monospace;
  font-size: 17px;
  left: 10%;
  line-height: 1;
  overflow: hidden;
  position: absolute;
  text-align: left;
  text-overflow: ellipsis;
  text-transform: uppercase;
  width: 60%;
}

.rccs__expiry {
  bottom: 15%;
  font-size: 0;
  line-height: 1;
  position: absolute;
  right: 10%;
}

.rccs__expiry > * {
  vertical-align: middle;
}

.rccs__expiry__valid {
  font-size: 10px;
  margin-bottom: 5px;
}

.rccs__expiry__value {
  font-family: Consolas, Courier, monospace;
  font-size: 16px;
}

.rccs__number, .rccs__name, .rccs__expiry, .rccs__cvc {
  opacity: 0.5;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.rccs__chip {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9Ijc2IiB2aWV3Qm94PSIwIDAgMTAwIDc2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48ZGVmcz48bGluZWFyR3JhZGllbnQgeDE9IjEwMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSIgaWQ9ImEiPjxzdG9wIHN0b3AtY29sb3I9IiNGM0QwOEYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkFENzY2IiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBkPSJNOTIuNzI3IDc1LjQ1NWgtODUuNDU1Yy00IDAtNy4yNzMtMy4yNzMtNy4yNzMtNy4yNzN2LTYwLjkwOWMwLTQgMy4yNzMtNy4yNzMgNy4yNzMtNy4yNzNoODUuNDU1YzQgMCA3LjI3MyAzLjI3MyA3LjI3MyA3LjI3M3Y2MC45MDljMCA0LTMuMjczIDcuMjczLTcuMjczIDcuMjczIiBmaWxsPSJ1cmwoI2EpIi8+PHBhdGggZD0iTTcyLjEyMyAyOC40ODVoMjcuODc4di0xLjgxOGgtMjkuNjQ4Yy0uOTY1IDAtMS44MzIuNjAxLTIuMTcyIDEuNTA0LTIuMjg3IDYuMDcyLTIuNDMzIDEyLjU5NC0uNDM4IDE5Ljg0Mi40NTUgMS42NTQuNDM1IDMuNC0uMSA1LjAzLTIuMDM2IDYuMTk1LTcuNzc5IDE5Ljk4OC0xOC41NTEgMTkuOTg4LTExLjAwOCAwLTE2LjA5Ni0xNS42OTktMTcuMzM0LTIxLjk1Mi0uMTU1LS43ODQtLjEyMi0xLjU5Mi4xMDctMi4zNTcgMS42OTUtNS42NDggMi4wOTQtMTAuNjQtLjAxNi0xOS41OS0uMjA1LS44Ny0uMTgyLTEuNzgzLjA0OC0yLjY0NiA0LjQ4LTE2Ljc1NSAxMi44ODItMjAuMTQ3IDEyLjk2NS0yMC4xNzkuMzU2LS4xMzIuNTkzLS40NzIuNTkzLS44NTJ2LTUuNDU1aC0xLjgxOHYzLjc3NmMwIC42NS0uMzMyIDEuMjUyLS44ODQgMS41OTYtMi44MDMgMS43NDItOC45MDQgNi45MzYtMTIuNTU3IDIwLjQ1Ni0uMTguNjY4LS43ODEgMS4xMzYtMS40NzMgMS4xMzNsLTI4LjcyMi0uMTM5djEuODE4bDI3LjQxNi4xMzNjMS40NjguMDA3IDIuNzM1IDEuMDQxIDMuMDM3IDIuNDc4IDEuNDE2IDYuNzQxIDEuMjE5IDExLjAzOS4wODIgMTUuNDU4LS4zMTYgMS4yMy0xLjQyIDIuMDk2LTIuNjkgMi4xMDlsLTI3Ljg0NC4yN3YxLjgxOWwyOC42MDUtLjI3OGMuNjkzLS4wMDcgMS4yOTYuNDczIDEuNDM1IDEuMTUyIDEuNDQyIDcuMDQxIDYuODg3IDIzLjA3IDE5LjA1IDIzLjA3IDYuMzY4IDAgMTIuMDYyLTQuMjUgMTYuNDY3LTEyLjI5IDIuNjQ0LTQuODI4IDQuMDY3LTkuNTkxIDQuNTQxLTExLjM0NmgyOS45MDF2LTEuODE4aC0yOC4wMTZjLTEuMTU4IDAtMi4xODMtLjc3Mi0yLjQ4OS0xLjg4OS0xLjY5Mi02LjE2NC0xLjc2MS0xMS43NTUtLjItMTYuOTU5LjM3MS0xLjIzNSAxLjUzOC0yLjA2MSAyLjgyNy0yLjA2MXptLTE3LjE1LTIxLjkxNGMuMDQ1LjAyMiA0LjUxOSAyLjMyMiA5LjI1MyAxMC4wNDEuMTcyLjI4LjQ3LjQzNC43NzYuNDM0LjE5OCAwIC4zOTktLjA2NC41NzEtLjIwMi4zNjUtLjI5Mi40MTYtLjgzNy4xNzItMS4yMzUtMy41Ny01LjgwNS03LjAyNC04LjcxLTguNzc1LTkuOTMxLS40My0uMjk5LS42OC0uNzkyLS42OC0xLjMxNXYtNC4zNjNoLTEuODE4djUuNzU4YzAgLjM0NS4xOTUuNjU5LjUwMi44MTN6IiBmaWxsPSIjMEMwMjAwIi8+PC9zdmc+");
  background-repeat: no-repeat;
  background-size: contain;
  height: 26.36363636px;
  left: 10%;
  position: absolute;
  top: 10%;
  width: 41.42857143px;
}

.rccs__issuer {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  height: 23%;
  position: absolute;
  right: 10%;
  top: 10%;
  width: 40%;
}

.rccs__stripe {
  background-color: #2a1d16;
  height: 22%;
  left: 0;
  position: absolute;
  top: 9%;
  width: 100%;
}

.rccs__signature {
  background: repeating-linear-gradient(0.1deg, #fff 20%, #fff 40%, #fea 40%, #fea 44%, #fff 44%);
  height: 18%;
  left: 5%;
  position: absolute;
  top: 35%;
  width: 75%;
}

.rccs__cvc {
  color: #222;
  font-family: Consolas, Courier, monospace;
  font-size: 14px;
  left: 67%;
  line-height: 1;
  position: absolute;
  top: 42%;
}

.rccs__cvc__front {
  font-family: Consolas, Courier, monospace;
  font-size: 11.9px;
  opacity: 0;
  position: absolute;
  right: 10%;
  top: 38%;
  visibility: hidden;
}

.rccs--filled {
  opacity: 0.8 !important;
}

.rccs--focused {
  font-weight: 700;
  opacity: 1 !important;
}

.account-image__image {
  display: block;
  height: auto;
  width: 100%;
}

.account-image__image-container {
  border-radius: 3px;
  margin-bottom: 16px;
  overflow: hidden;
}

@media screen and (max-width: 1100px) {
  .account-image__controls {
    text-align: center;
  }
}

@media screen and (max-width: 1100px) {
  .account-image {
    max-width: 240px;
    margin-bottom: 40px;
  }
}

.account-image-cropper__cropper {
  border-radius: 3px;
  margin: 0 auto 24px;
  overflow: hidden;
}

.account-image-cropper__saving-controls {
  text-align: center;
}

.account-image-cropper__saving-controls .button {
  margin-right: 8px;
}

.account-image-cropper__saving-controls .button:last-child {
  margin-right: 0;
}

.account-image-cropper__back-controls {
  text-align: center;
}

.account-image-cropper__new-controls {
  margin-bottom: 24px;
  text-align: center;
}

.account-image-cropper__dropzone {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px dashed #ADB5BD;
  border-radius: 8px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 160px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
  -webkit-transition-property: border, background-color, -webkit-box-shadow;
  transition-property: border, background-color, -webkit-box-shadow;
  transition-property: box-shadow, border, background-color;
  transition-property: box-shadow, border, background-color, -webkit-box-shadow;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.account-image-cropper__dropzone .icon-fill {
  fill: #363b40;
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.account-image-cropper__dropzone:hover {
  background-color: #CCEDFF;
  border: 2px solid #228AE6;
}

.account-image-cropper__dropzone:hover .account-image-cropper__dropzone-text {
  color: #228AE6;
}

.account-image-cropper__dropzone:hover .icon-fill {
  fill: #228AE6;
}

.account-image-cropper__dropzone--reject {
  border: 2px solid #E03131;
}

.account-image-cropper__dropzone--reject .account-image-cropper__dropzone-text {
  color: #E03131;
}

.account-image-cropper__dropzone--reject .icon-fill {
  fill: #E03131;
}

.account-image-cropper__dropzone--active {
  border: 2px solid #0CA678;
}

.account-image-cropper__dropzone--active .account-image-cropper__dropzone-text {
  color: #0CA678;
}

.account-image-cropper__dropzone--active .icon-fill {
  fill: #0CA678;
}

.account-image-cropper__dropzone-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.account-image-cropper__dropzone-inner svg {
  display: block;
  height: 48px;
  width: 48px;
  margin: 0 auto 8px;
}

.account-image-cropper__dropzone-text {
  max-width: 240px;
  text-align: center;
  line-height: 1.1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.accordion-list__item {
  border-bottom: 1px solid #ADB5BD;
  padding: 16px 0;
}

.accordion-list__item:last-child {
  border-bottom: 0 none;
}

.accordion-list__heading {
  cursor: pointer;
  font-family: "Karla", sans-serif;
  color: #273C89;
  letter-spacing: 0;
  font-size: 22px;
  margin-bottom: 0;
}

.accordion-list__heading--open {
  font-weight: 900;
}

.accordion-list__content {
  padding-top: 8px;
}

.accordion-list__content p:last-child {
  margin-bottom: 0;
}

.annotation {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
  color: #363b40;
  margin-left: 0;
  margin-bottom: 8px;
  width: 100%;
  position: relative;
  backface-visibility: hidden;
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
  z-index: 80;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.annotation .icon-bg-fill {
  fill: #273C89;
}

@media screen and (max-width: 1280px) {
  .annotation {
    margin-left: 0 !important;
    max-width: 100% !important;
  }
}

.annotation:last-child {
  margin-bottom: 0;
}

.annotation--expanded {
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.annotation * {
  text-align: left;
}

.annotation__content {
  word-wrap: break-word;
}

.annotation__content p:last-child {
  margin-bottom: 0;
}

.annotation__button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F8F9FA;
  border: 1px solid #EFA420;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding: 8px;
  position: relative;
  width: 100%;
  -webkit-transition-property: border-color, background-color, color;
  transition-property: border-color, background-color, color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.annotation__button:before {
  background-color: #EFA420;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -50px;
  -webkit-transform: skewX(-12deg);
          transform: skewX(-12deg);
  width: 100px;
  z-index: 1;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.annotation__button:hover {
  background-color: #F3F3F3;
  border-color: 1px #FD7E14;
}

.annotation__button:hover:before {
  background-color: #FD7E14;
}

.annotation__triangle {
  content: '';
  height: 4px;
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  -webkit-transform-origin: 50% 35%;
          transform-origin: 50% 35%;
  width: 8px;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.annotation__triangle .icon-fill {
  fill: #273C89;
}

.annotation--expanded .annotation__triangle {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.annotation__body {
  border: 1px solid #EFA420;
  border-top: 0 none;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: #F8F9FA;
  padding: 16px;
  position: relative;
  top: 100%;
  left: 0;
  right: 0;
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}

.annotation--hasImage .annotation__body {
  padding: 16px 16px 16px 96px;
}

.annotation__body > p:last-child {
  margin-bottom: 0;
}

.annotation__icon {
  display: block;
  height: auto;
  position: relative;
  width: 100%;
  z-index: 2;
}

.annotation__name {
  color: #273C89;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  font-size: 18px;
  font-family: "Gobold Italic", "Karla", sans-serif;
  letter-spacing: 0.01em;
  padding-top: 4px;
  padding-right: 24px;
  padding-bottom: 4px;
  position: relative;
  z-index: 2;
}

.annotation__expand {
  margin-right: 3px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
}

.annotation__icon {
  width: 32px;
  height: auto;
  margin-right: 24px;
}

.annotation__image-frame {
  border: 1px solid #EFA420;
  border-radius: 50%;
  overflow: hidden;
  height: 64px;
  width: 64px;
  position: absolute;
  top: 24px;
  left: 16px;
}

.annotation__image {
  display: block;
}

.app-heading__heading {
  color: #FFF;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 18px;
  max-width: 940px;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 2px;
}

.app-heading__heading--large {
  font-size: 22px;
}

@media screen and (max-width: 1800px) {
  .app-heading__heading {
    max-width: calc(100vw - 840px);
  }
}

@media screen and (max-width: 1600px) {
  .app-heading__heading {
    max-width: calc(100vw - 740px);
  }
}

@media screen and (max-width: 1280px) {
  .app-heading__heading {
    max-width: calc(100vw - 560px);
  }
}

@media screen and (max-width: 1100px) {
  .app-heading__heading {
    font-size: 16px;
    max-width: calc(100vw - 324px);
  }
  .app-heading__heading--large {
    font-size: 20px;
  }
}

@media screen and (max-width: 1100px) {
  .app-heading__heading {
    font-size: 14px;
  }
  .app-heading__heading--large {
    font-size: 16px;
  }
}

.app-heading__heading--with-dropdown {
  border-bottom: 1px solid;
  cursor: pointer;
  padding-right: 40px;
  padding-bottom: 8px;
  position: relative;
}

.app-heading__heading--with-dropdown:after {
  background-image: url("/res/images/icons/triangle-down--white.svg");
  background-size: cover;
  background-position: 50% 50%;
  content: '';
  height: 4px;
  position: absolute;
  width: 8px;
  top: calc(50% - 4px);
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.app-heading__heading--open-dropdown:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.app-heading__nav {
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
}

.app-heading__nav-inner {
  background-color: #294BA6;
  padding: 24px 16px;
}

.app-heading__nav-item {
  margin-bottom: 8px;
}

.app-heading__link {
  color: #FFF;
  font-family: "Gobold Italic", "Karla", sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
}

.app-heading__link:hover, .app-heading__link:focus {
  color: #FFF;
  text-decoration: underline;
}

.arrow-link {
  font-weight: 700;
}

.arrow-link--right .arrow-link__icon {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.arrow-link--right:hover .arrow-link__icon {
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}

.arrow-link--down .arrow-link__icon {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.arrow-link--down:hover .arrow-link__icon {
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

.arrow-link:hover .icon-fill {
  fill: #3D58BC;
}

.arrow-link:hover span {
  text-decoration: none;
}

.arrow-link span {
  text-decoration: underline;
}

.arrow-link__icon {
  height: 12px;
  margin-left: 8px;
  width: 12px;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.arrow-link__icon svg {
  height: auto;
  width: 100%;
}

.arrow-link .icon-fill {
  fill: #228AE6;
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.aside-nav {
  padding-left: 48px;
}

.aside-nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}

.aside-nav__text {
  display: block;
  position: relative;
}

.aside-nav__text--is-current {
  color: hotpink;
}

.aside-nav__text--is-current:before {
  background-image: url("/res/images/icons/arrow-right--green.svg");
  background-repeat: no-repeat;
  content: '';
  display: block;
  height: 8px;
  left: -16px;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  width: 4px;
}

.aside-nav__link {
  text-decoration: underline;
}

.aside-nav__alert-count {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-color: palette(red, dark);
  border-radius: 3px;
  color: hotpink;
  padding: 0 8px;
  margin-left: 8px;
}

.audio-player__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}

@media screen and (max-width: 480px) {
  .audio-player__meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .audio-player__meta > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}

.audio-player--half-width .audio-player__meta {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.audio-player--half-width .audio-player__meta > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.audio-player__heading {
  color: #273C89;
  font-family: "Karla", sans-serif;
  font-weight: 700;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  padding-right: 24px;
}

@media screen and (max-width: 480px) {
  .audio-player__heading {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}

.audio-player__embed-container {
  background-color: #000;
  padding: 8px 8px 2px;
}

.audio-player__cite {
  margin-left: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  max-width: calc(50% - 32px);
}

@media screen and (max-width: 480px) {
  .audio-player__cite {
    max-width: 100%;
  }
}

.audio-player--half-width .audio-player__cite {
  -ms-flex-item-align: end;
      align-self: flex-end;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  max-width: none;
}

@media screen and (max-width: 750px) {
  .audio-player--half-width .audio-player__cite {
    max-width: calc(50% - 32px);
    -ms-flex-item-align: center;
        align-self: center;
  }
}

@media screen and (max-width: 480px) {
  .audio-player--half-width .audio-player__cite {
    max-width: 100%;
  }
}

.autosave-indicator {
  background-color: #F9F9F9;
  border: 1px solid #363b40;
  position: fixed;
  top: 116px;
  right: 32px;
  opacity: 0;
  z-index: 9999;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.autosave-indicator--shown {
  opacity: 1;
}

.breadcrumbs {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
}

.breadcrumbs__item {
  margin-right: 40px;
  position: relative;
}

.breadcrumbs__item:after {
  background-image: url("/res/images/icons/breadcrumb-arrow.svg");
  background-size: cover;
  background-repeat: no-repeat;
  content: '';
  height: 14px;
  position: absolute;
  top: 50%;
  width: 9px;
  left: calc(100% + 16px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.breadcrumbs__item:last-child {
  margin-right: 0;
}

.breadcrumbs__item:last-child:after {
  display: none;
}

.breadcrumbs__link .icon-fill {
  fill: #228AE6;
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.breadcrumbs__link:hover .icon-fill {
  fill: #3D58BC;
}

.billing-info__field {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 600px) {
  .billing-info__field {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.billing-info__content {
  padding-bottom: 8px;
}

.billing-info__collapser:last-child .billing-info__content {
  padding-bottom: 0;
}

.billing-info__card-type {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #dde0e3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
  padding: 16px;
}

@media screen and (max-width: 600px) {
  .billing-info__card-type {
    border-right: 0 none;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}

.billing-info__card-type svg {
  display: block;
  margin-right: 8px;
}

.billing-info__card-type .icon-fill {
  fill: #363b40;
}

.billing-info__card-num {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #dde0e3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px;
}

@media screen and (max-width: 600px) {
  .billing-info__card-num {
    border-right: 0 none;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.billing-info__card-num-seg {
  font-family: monospace;
  font-weight: bold;
  margin-right: 16px;
}

@media screen and (max-width: 1280px) {
  .billing-info__card-num-seg {
    margin-right: 8px;
  }
}

.billing-info__card-num-seg--bullets {
  font-size: 14px;
}

@media screen and (max-width: 1280px) {
  .billing-info__card-num-seg--bullets {
    font-size: 12px;
  }
}

.billing-info__card-num-seg--nums {
  font-size: 17px;
  margin-right: 0;
}

@media screen and (max-width: 1280px) {
  .billing-info__card-num-seg--nums {
    font-size: 15px;
  }
}

.billing-info__controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  padding: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 600px) {
  .billing-info__controls {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 24px;
            flex: 1 0 24px;
  }
}

.billing-info__control {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 16px;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.billing-info__control:last-child {
  margin-right: 0;
}

.billing-info__control svg {
  display: block;
  height: 24px;
  width: 24px;
}

.billing-info__control .icon-fill {
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.billing-info__control--remove {
  color: #E03131;
}

.billing-info__control--remove .icon-fill {
  fill: #E03131;
}

.billing-info__control--remove:hover {
  color: #C92A2A;
}

.billing-info__control--remove:hover .icon-fill {
  fill: #C92A2A;
}

.add-billing {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: #E8F7FF;
  border: 1px solid #228AE6;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
}

@media screen and (max-width: 600px) {
  .add-billing {
    display: block;
  }
}

.add-billing__icon {
  margin-right: 16px;
  width: 32px;
}

.add-billing__icon svg {
  display: block;
  width: 100%;
}

.add-billing__icon .icon-fill {
  fill: #228AE6;
}

.add-billing__link {
  text-decoration: underline;
}

.add-billing__link:hover {
  text-decoration: none;
}

.billing-info-modal__card-container {
  background-color: #F9F9F9;
  border: 1px solid #dde0e3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  padding: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 600px) {
  .billing-info-modal__card-container {
    display: none;
  }
}

.blockquote {
  background-color: #F8F9FA;
  background-image: url("/res/images/misc/blockquote-bg.png");
  background-size: 64px auto;
  background-position: top left;
  background-repeat: no-repeat;
  background-color: #FFF;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 0;
  margin-right: 0;
  overflow: hidden;
  padding: 32px 32px 32px 104px;
  position: relative;
}

.blockquote:after {
  content: "";
  display: table;
  clear: both;
}

.blockquote--half-width {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
}

@media screen and (max-width: 750px) {
  .blockquote--half-width {
    background-image: url("/res/images/misc/blockquote-bg.png");
    padding: 32px 32px 32px 104px;
  }
}

.blockquote__quote-icon {
  height: 46px;
  left: 32px;
  position: absolute;
  top: 32px;
  width: 40px;
}

.blockquote__quote-icon .icon-fill {
  fill: #273C89;
}

.blockquote--half-width .blockquote__quote-icon {
  position: static;
  margin-bottom: 24px;
}

@media screen and (max-width: 750px) {
  .blockquote--half-width .blockquote__quote-icon {
    margin: 0;
    position: absolute;
  }
}

.blockquote__quote {
  color: #273C89;
  font-family: "Karla", sans-serif;
  font-style: italic;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.01em;
  margin-bottom: 16px;
}

@media screen and (max-width: 900px) {
  .blockquote__quote {
    font-size: 16px;
  }
}

.blockquote__cite {
  -ms-flex-item-align: end;
      align-self: flex-end;
  float: right;
  margin-left: auto;
  max-width: 100%;
}

@media screen and (max-width: 1280px) {
  .card-aside {
    border-top: 1px solid #E9ECEF;
    padding: 0;
  }
}

.card-aside__section {
  background-color: #FFF;
  margin-bottom: 40px;
  width: 100%;
}

.card-aside__section:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1600px) {
  .card-aside__section {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 1280px) {
  .card-aside__section {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 1100px) {
  .card-aside__section {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 900px) {
  .card-aside__section {
    max-width: 500px;
    margin: 0 auto 24px;
  }
}

.card-aside__heading {
  color: #273C89;
}

.card-aside__link {
  text-decoration: underline;
}

.card-aside__item {
  line-height: 1.4;
  margin-bottom: 16px;
}

.card-aside__item:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 1281px) {
  .card-aside__collapse {
    height: auto !important;
    overflow: visible !important;
  }
}

@media screen and (max-width: 1280px) {
  .card-aside__collapse-content {
    padding: 40px 40px;
  }
}

@media screen and (max-width: 900px) {
  .card-aside__collapse-content {
    padding: 24px;
  }
}

.card-aside--top-padded {
  padding-top: 32px;
}

.card-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
  position: relative;
}

@media screen and (max-width: 1600px) {
  .card-block {
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 1280px) {
  .card-block {
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 900px) {
  .card-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.card-block--fav-date {
  margin-bottom: 0;
}

@media screen and (max-width: 1600px) {
  .card-block--fav-date {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1280px) {
  .card-block--fav-date {
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1280px) {
  .card-block--no-shadow {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.card-block__card-column {
  width: calc(100% - 360px);
  max-width: calc(100% - 360px);
}

@media screen and (max-width: 1600px) {
  .card-block__card-column {
    width: calc(100% - 300px);
    max-width: calc(100% - 300px);
  }
}

@media screen and (max-width: 1280px) {
  .card-block__card-column {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}

.card-block__aside-column {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(360px);
          flex: 0 0 calc(360px);
  width: 360px;
  padding-left: 34px;
  padding-bottom: 80px;
}

.card-block--fav-date .card-block__aside-column {
  padding-bottom: 0;
}

@media screen and (max-width: 1600px) {
  .card-block__aside-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
    width: 300px;
    padding-left: 24px;
  }
}

@media screen and (max-width: 1280px) {
  .card-block__aside-column {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
    padding-left: 0;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 1280px) {
  .card-block__aside-column--center-mobile {
    text-align: center;
  }
}

@media screen and (max-width: 1280px) {
  .card-block--fav-date .card-block__aside-column {
    display: none;
  }
}

.card-image {
  display: block;
  height: auto;
  width: 100%;
}

.card {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  position: relative;
  width: 100%;
  -webkit-transition-property: border, -webkit-box-shadow, -webkit-transform;
  transition-property: border, -webkit-box-shadow, -webkit-transform;
  transition-property: border, box-shadow, transform;
  transition-property: border, box-shadow, transform, -webkit-box-shadow, -webkit-transform;
  -webkit-transition-duration: 2000ms;
          transition-duration: 2000ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.card.-is-draft:after {
  top: 9px;
}

.card--relative {
  position: relative;
}

@media screen and (max-width: 600px) {
  .card {
    border-left: 0 none;
    border-right: 0 none;
  }
}

@media screen and (max-width: 1280px) {
  .card {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.card__toggle-more {
  bottom: calc(100% + 8px);
  color: #FFF;
  display: none;
  font-family: "Gobold Italic", "Karla", sans-serif;
  right: 0px;
  letter-spacing: 0.01em;
  padding: 8px 16px;
  position: absolute;
}

.card__toggle-more:before {
  background-color: #EFA420;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: skewX(-12deg);
          transform: skewX(-12deg);
  z-index: -1;
}

@media screen and (max-width: 1280px) {
  .card__toggle-more {
    display: block;
  }
}

.card__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 56px;
}

@media screen and (max-width: 1600px) {
  .card__row {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 1280px) {
  .card__row {
    display: block;
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 1100px) {
  .card__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 900px) {
  .card__row {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 600px) {
  .card__row {
    display: block;
  }
}

.card__header {
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFF;
  border-top: 4px solid #273C89;
  border-bottom: 1px solid #273C89;
  overflow: hidden;
  padding: 16px 72px 16px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.card__header--journal {
  padding-right: 48px;
}

.card__header:before {
  background-color: #EFA420;
  content: '';
  position: absolute;
  top: -50px;
  bottom: -50px;
  left: -80px;
  width: 100px;
  -webkit-transform: skewX(-12deg);
          transform: skewX(-12deg);
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media screen and (max-width: 900px) {
  .card__header {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.card__header-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 180px;
          flex: 0 0 180px;
  margin-left: 40px;
}

@media screen and (max-width: 900px) {
  .card__header-controls {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-left: 0;
    padding-top: 8px;
  }
}

.card__header-controls .editable-block__toggle {
  margin-right: 8px;
}

.card__header-controls .editable-block__toggle:last-child {
  margin-right: 0;
}

.card__name {
  font-family: "Gobold Italic", "Karla", sans-serif;
  font-size: 20px;
  color: #273C89;
  margin-bottom: 0;
  position: relative;
  z-index: 5;
  width: 100%;
}

@media screen and (max-width: 900px) {
  .card__name {
    font-size: 18px;
  }
}

.card__title {
  color: #273C89;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-family: "Karla", sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0;
  margin-bottom: 0;
  margin-left: 16px;
  padding: 8px 0;
}

@media screen and (max-width: 1280px) {
  .card__title {
    font-size: 16px;
  }
}

.card__icon {
  background-image: url("/res/images/icons/book.svg");
  background-size: cover;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  border-radius: 50%;
  display: inline-block;
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 1280px) {
  .card__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
            flex: 0 0 32px;
    width: 32px;
    height: 32px;
  }
}

.card__body {
  padding-top: 40px;
  padding-right: 40px;
  padding-bottom: 0px;
  padding-left: 40px;
}

@media screen and (max-width: 1600px) {
  .card__body {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 8px;
    padding-left: 40px;
  }
}

@media screen and (max-width: 1280px) {
  .card__body {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 8px;
    padding-left: 40px;
  }
}

@media screen and (max-width: 1100px) {
  .card__body {
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 8px;
    padding-left: 40px;
  }
}

@media screen and (max-width: 900px) {
  .card__body {
    padding-top: 32px;
    padding-right: 40px;
    padding-bottom: 4px;
    padding-left: 40px;
  }
}

@media screen and (max-width: 600px) {
  .card__body {
    padding-right: 24px;
    padding-left: 24px;
  }
}

.card__inner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  width: 100%;
}

.card__inner-container--contained {
  max-width: 640px;
}

@media screen and (max-width: 750px) {
  .card__inner-container--contained {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}

.card__inner-container--full-bleed {
  margin-left: -40px;
  width: calc(100% + 80px);
}

.card__inner-container--full-bleed:first-child {
  margin-top: -40px;
}

@media screen and (max-width: 900px) {
  .card__inner-container--full-bleed:first-child {
    margin-top: -32px;
  }
}

@media screen and (max-width: 600px) {
  .card__inner-container--full-bleed {
    margin-left: -24px;
    width: calc(100% + 48px);
  }
}

.card__paragraph {
  margin-bottom: 40px;
}

@media screen and (max-width: 1600px) {
  .card__paragraph {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 1280px) {
  .card__paragraph {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 1100px) {
  .card__paragraph {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 900px) {
  .card__paragraph {
    margin-bottom: 24px;
  }
}

.card__heading, .card__subheading {
  color: #273C89;
  font-family: "Karla", sans-serif;
}

.card__heading {
  font-size: 24px;
  margin-bottom: 16px;
}

@media screen and (max-width: 900px) {
  .card__heading {
    font-size: 20px;
    margin-bottom: 12px;
  }
}

.card__subheading {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
}

@media screen and (max-width: 900px) {
  .card__subheading {
    margin-bottom: 12px;
  }
}

.card__footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #E9ECEF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 8px;
}

.card__footer > .card-action--print {
  margin-right: 8px;
}

.card__footer > .tooltip__element {
  margin-right: 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}

.card__footer > .tooltip__element .card-action {
  width: 100%;
}

.card__footer > .tooltip__element:last-child {
  margin-right: 0;
}

@media screen and (max-width: 900px) {
  .card__footer {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .card__footer .card-action {
    border-radius: 0;
    border-bottom: 0 none;
    height: auto;
    width: 100%;
  }
  .card__footer .card-action:hover {
    border-color: #ADB5BD;
  }
  .card__footer .tooltip__element {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 48px;
            flex: 1 1 48px;
  }
  .card__footer .tooltip__element:first-child .card-action {
    border-radius: 3px 3px 0 0;
  }
  .card__footer .tooltip__element:last-child .card-action {
    border-bottom: 1px solid #ADB5BD;
    border-radius: 0 0 3px 3px;
  }
}

.card__saved-meta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 8px;
}

.card__saved-icon {
  padding-right: 8px;
}

.card__favorite-icon {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  z-index: 1;
}

@media screen and (max-width: 900px) {
  .card__favorite-icon {
    height: 52px;
    width: 52px;
  }
}

.card__favorite-icon .icon-fill {
  fill: #EFA420;
}

.card__favorite-icon .icon-bg-fill {
  fill: #273C89;
}

.card--focus {
  border-color: #EFA420;
  -webkit-box-shadow: 0 10px 30px 5px rgba(239, 164, 32, 0.8);
          box-shadow: 0 10px 30px 5px rgba(239, 164, 32, 0.8);
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-transition-property: border, -webkit-box-shadow, -webkit-transform;
  transition-property: border, -webkit-box-shadow, -webkit-transform;
  transition-property: border, box-shadow, transform;
  transition-property: border, box-shadow, transform, -webkit-box-shadow, -webkit-transform;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.card-action--print {
  width: auto !important;
  min-width: 0px;
}

@media screen and (max-width: 1100px) {
  .card-action--print {
    display: none;
  }
}

.card-grid--full-width {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  overflow: hidden;
  width: 100%;
}

.card-grid--normal {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  width: 100%;
}

.card-grid--half-width {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(50% - 20px);
          flex: 0 1 calc(50% - 20px);
  width: calc(50% - 20px);
}

@media screen and (max-width: 750px) {
  .card-grid--half-width {
    display: block;
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}

.container-collapser {
  margin-left: -40px;
  padding-left: 40px;
  padding-right: 40px;
  width: calc(100% + 80px);
}

@media screen and (max-width: 750px) {
  .container-collapser {
    margin-left: -24px;
    padding-left: 24px;
    padding-right: 24px;
    width: calc(100% + 48px);
  }
}

.element-container {
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}

@media screen and (max-width: 1600px) {
  .element-container {
    padding-bottom: 32px;
  }
}

@media screen and (max-width: 1280px) {
  .element-container {
    padding-bottom: 32px;
  }
}

@media screen and (max-width: 1100px) {
  .element-container {
    padding-bottom: 32px;
  }
}

@media screen and (max-width: 900px) {
  .element-container {
    padding-bottom: 24px;
  }
}

.element {
  width: 100%;
}

.card-footer-section {
  border-top: 1px solid #E9ECEF;
  padding: 40px 40px;
}

@media screen and (max-width: 900px) {
  .card-footer-section {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (max-width: 600px) {
  .card-footer-section {
    padding: 16px;
  }
}

.card-footer-section__inner-container {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.card-footer-section__inner-container--scrollable {
  max-height: 500px;
  overflow: scroll;
}

.card-footer-section__controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  min-height: 40px;
}

.card-footer-section__loading-spinner-container {
  padding: 40px 0;
  position: relative;
}

.card-footer-section__control-item {
  cursor: pointer;
  margin-right: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.card-footer-section__control-item:last-child {
  margin-right: 0;
}

.corp-logo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.corp-logo__logo {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  display: block;
  max-height: 40px;
  width: auto;
}

.corp-logo__logo--corp {
  margin-right: 16px;
}

@media screen and (max-width: 600px) {
  .corp-logo__logo--corp {
    display: none;
  }
}

@media screen and (max-width: 1100px) {
  .body--feed .corp-logo__logo--corp {
    display: none;
  }
}

.corp-logo__logo--ogo {
  width: 110px;
  height: 28px;
}

@media screen and (max-width: 600px) {
  .corp-logo__logo--ogo {
    width: 90px;
    height: auto;
    max-height: none;
  }
}

.courses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 900px) {
  .courses {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.courses__item {
  background-color: #F8F9FA;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  border: 1px solid #dde0e3;
  overflow: hidden;
  margin-bottom: 24px;
  vertical-align: top;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 16px);
          flex: 0 0 calc(50% - 16px);
  width: calc(50% - 16px);
  margin-right: 16px;
}

@media screen and (max-width: 900px) {
  .courses__item {
    max-width: 500px;
    width: 100%;
    margin-right: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}

.courses--full-width .courses__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(33% - 16px);
          flex: 0 0 calc(33% - 16px);
  width: calc(33% - 16px);
}

@media screen and (max-width: 1100px) {
  .courses--full-width .courses__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 16px);
            flex: 0 0 calc(50% - 16px);
    width: calc(50% - 16px);
  }
}

@media screen and (max-width: 900px) {
  .courses--full-width .courses__item {
    max-width: 500px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    width: 100%;
  }
}

.courses__image {
  width: 100%;
  height: auto;
  display: block;
}

.courses__item-body {
  padding: 24px;
}

.courses__title {
  font-size: 18px;
}

.courses__controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 1280px) {
  .courses__controls {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .courses__controls .button {
    margin-bottom: 24px;
  }
  .courses__controls .button:last-child {
    margin-bottom: 0;
  }
}

.courses__num-notes {
  display: inline-block;
  background-color: #FFF;
  border: 1px solid #dde0e3;
  border-radius: 3px;
  padding: 4px 8px;
  margin-left: 32px;
}

@media screen and (max-width: 1280px) {
  .courses__num-notes {
    margin-left: 0;
  }
}

.cite {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: right;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  z-index: 50;
}

.cite__text {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 64px);
          flex: 0 0 calc(100% - 64px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 1.2;
  margin-right: 16px;
  width: calc(100% - 64px);
  padding: 8px 0;
}

.cite--no-img .cite__text {
  width: 100%;
  max-width: 100%;
}

.cite__image-frame {
  border-radius: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 56px;
          flex: 0 0 56px;
  overflow: hidden;
  width: 56px;
  height: 56px;
}

.cite__image {
  display: block;
  height: auto;
  width: 100%;
}

.cite__name, .cite__title {
  color: #273C89;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cite__name {
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

.cite__title {
  font-size: 14px;
  font-style: italic;
}

.element-container--normal .checkbox-prompt__list {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}

@media screen and (max-width: 750px) {
  .element-container--normal .checkbox-prompt__list {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }
}

.checkbox-prompt__response {
  border-radius: 3px;
  font-weight: 300;
  margin-bottom: 0;
  padding: 0 8px;
}

.checkbox-prompt__input:checked + .checkbox-prompt__response {
  background-color: #CCEDFF;
}

.checkbox-prompt__input:checked + .checkbox-prompt__response:before {
  background-color: #3D58BC;
  border-color: #3D58BC;
}

.checkbox-prompt__input:focus + .checkbox-prompt__response {
  background-color: #A3DAFF;
}

.checkbox-prompt__item {
  margin-bottom: 12px;
}

.checkbox-prompt__item:hover .checkbox-prompt__response {
  background-color: #E8F7FF;
}

.element--read-only .checkbox-prompt__item:hover .checkbox-prompt__response {
  background-color: transparent;
}

.signup-cta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #273C89;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 300px;
  text-align: center;
  padding: 0 40px;
}

.signup-cta__heading {
  font-size: 24px;
}

.element .SingleDatePicker_picker {
  z-index: 9999;
}

.element .SingleDatePicker_picker [role="button"] {
  display: table-cell;
}

.element .SingleDatePicker_picker td {
  border: 0 none;
  padding: 0;
}

.element .SingleDatePicker_picker table {
  width: auto;
  margin: 0;
}

.element .SingleDatePickerInput {
  border-radius: 3px;
}

.element .SingleDatePickerInput_clearDate {
  display: block;
  width: 32px;
  height: 32px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.element .SingleDatePickerInput_clearDate__default:hover {
  background-color: #F3F3F3;
}

.element .SingleDatePickerInput_calendarIcon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.element .SingleDatePickerInput__withBorder {
  border-color: #ADB5BD;
}

.element .DateInput_input::-webkit-input-placeholder {
  color: #ADB5BD;
}

.element .DateInput_input::-moz-placeholder {
  color: #ADB5BD;
}

.element .DateInput_input::-ms-input-placeholder {
  color: #ADB5BD;
}

.element .DateInput_input::placeholder {
  color: #ADB5BD;
}

.element .DateInput_input__focused {
  border-bottom-color: #EFA420;
}

.element .CalendarDay__selected {
  background-color: #EFA420;
}

.date-picker__wrapper {
  margin-bottom: 8px;
}

.date-picker__wrapper:last-child {
  margin-bottom: 0;
}

.discussion {
  margin-bottom: 24px;
}

.discussion__create-thread-header {
  margin-bottom: 8px;
}

.thread {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2px;
}

.thread__spine {
  background-color: #dadfe4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 36px;
          flex: 0 0 36px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px;
}

.thread__spine .icon-fill {
  fill: #294BA6;
}

.thread__body {
  background-color: #E9ECEF;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 8px;
}

.thread__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 16px 0px 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.comment {
  border: 1px solid transparent;
}

.comment--new-comment {
  -webkit-animation: newComment forwards 8s;
          animation: newComment forwards 8s;
}

.comment p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 900px) {
  .comment__heading {
    font-size: 16px;
  }
}

.comment__main {
  background-color: #FFF;
  -webkit-box-shadow: 0 1px 1px 0 #DEE2E6;
          box-shadow: 0 1px 1px 0 #DEE2E6;
  margin-bottom: 4px;
}

.comment__main--pinned {
  position: relative;
}

.comment__main--pinned:before {
  background-image: url("/res/images/icons/push-pin.svg");
  background-size: cover;
  content: '';
  position: absolute;
  top: 8px;
  right: 8px;
  height: 16px;
  width: 16px;
}

.comment__main--not-approved {
  position: relative;
}

.comment__main--not-approved .bug {
  border-radius: 3px;
  background-color: #273C89;
  content: 'Awaiting Approval';
  color: #FFF;
  font-size: 12px;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  padding: 4px 8px;
  position: absolute;
  right: 8px;
  text-transform: uppercase;
  top: 8px;
}

.comment__main--not-approved .comment__body {
  opacity: .2;
}

.comment__body {
  border-top: 0 none;
  border-bottom: 1px solid #E9ECEF;
}

.comment__panel {
  border-top: 1px solid #E9ECEF;
  padding: 16px;
}

.comment__footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
}

@media screen and (max-width: 900px) {
  .comment__footer {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.comment__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-style: italic;
}

@media screen and (max-width: 900px) {
  .comment__meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.comment__author {
  margin-right: 16px;
}

.comment__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.comment__controls button {
  margin-right: 16px;
}

.comment__controls button:last-child {
  margin-right: 0;
}

.comment__reply-label {
  display: block;
  margin-bottom: 8px;
}

.comment__reply-textarea {
  margin-bottom: 8px;
}

.comment__replies {
  padding-left: 16px;
}

.comment__reply-panel {
  position: relative;
}

@media screen and (max-width: 900px) {
  .discussion-button__count {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 8px;
  }
}

.draft-mode-indicator {
  background-color: #7048E8;
  border-radius: 500px;
  position: fixed;
  top: 120px;
  right: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px;
  z-index: 8000;
}

.draft-mode-indicator__header {
  padding: 0 8px;
}

.draft-mode-indicator__heading {
  font-family: "Karla", sans-serif;
  font-weight: 700;
  margin: 0;
  padding: 0;
  color: #FFF;
}

.draft-mode-indicator__icon {
  display: block;
  width: 16px;
  height: 16px;
}

.draft-mode-indicator__icon-container {
  border-right: 1px solid #FFF;
  padding-right: 8px;
  padding-left: 8px;
}

.draft-mode-indicator__action {
  color: #FFF;
  padding: 0 8px;
  text-decoration: underline;
}

.draft-mode-indicator__action:hover {
  color: #FFF;
  text-decoration: none;
}

.-is-draft {
  outline: 2px dashed #7048E8;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(112, 72, 232, 0.5);
          box-shadow: 0px 0px 5px 2px rgba(112, 72, 232, 0.5);
  position: relative;
}

.-is-draft:after {
  background-color: #7048E8;
  border-radius: 3px;
  background-image: url("/res/images/icons/draft.svg");
  background-size: 8px 8px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  width: 16px;
  height: 16px;
  z-index: 8000;
}

.ebook-list--two-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -16px;
}

.ebook-list__item {
  border-color: #228AE6;
  background-color: #F8F9FA;
  border-left: 4px solid;
  margin-bottom: 8px;
  padding: 16px;
  padding: 16px 24px;
  display: block;
  text-decoration: none;
}

.ebook-list__item:hover {
  border-color: #3D58BC;
  background-color: #F3F3F3;
}

.ebook-list--two-column .ebook-list__item-container {
  padding: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}

@media screen and (min-width: 601px) {
  .ebook-list--two-column .ebook-list__item-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
}

.ebook-list__title {
  margin-bottom: 8px;
}

.ebook-list__author {
  color: #363b40;
}

.ebook-list__external-link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ebook-list__external-link-icon {
  margin-right: 8px;
}

.ebook-list__external-link-text {
  font-size: 14px;
}

.editable-block {
  border: 1px solid transparent;
  -webkit-box-shadow: 0px 0px 0px transparent;
          box-shadow: 0px 0px 0px transparent;
  margin-bottom: 24px;
  position: relative;
  -webkit-transition-property: border, -webkit-box-shadow;
  transition-property: border, -webkit-box-shadow;
  transition-property: border, box-shadow;
  transition-property: border, box-shadow, -webkit-box-shadow;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.editable-block--editing {
  border-color: #273C89;
  -webkit-box-shadow: 0px 0px 5px #228AE6;
          box-shadow: 0px 0px 5px #228AE6;
}

.editable-block__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.editable-block--editing .editable-block__header {
  background-color: #228AE6;
}

.editable-block__header--with-controls {
  padding: 6px 12px !important;
}

.editable-block__header-controls {
  line-height: 1;
}

.editable-block__heading {
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.editable-block--editing .editable-block__heading {
  color: #FFF;
}

.editable-block__toggle {
  background-color: #FFF;
  border: 1px solid #dde0e3;
  border-radius: 3px;
  color: #228AE6;
  padding: 6px 8px;
  -webkit-transition-property: background-color, border, color, -webkit-box-shadow;
  transition-property: background-color, border, color, -webkit-box-shadow;
  transition-property: background-color, border, box-shadow, color;
  transition-property: background-color, border, box-shadow, color, -webkit-box-shadow;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.editable-block__toggle:hover {
  color: #3D58BC;
}

.editable-block__toggle:hover .icon-fill {
  fill: #3D58BC;
}

.editable-block__toggle .icon-fill {
  fill: #228AE6;
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.editable-block--editing .editable-block__toggle {
  background-color: #3D58BC;
  border-color: #294BA6;
  -webkit-box-shadow: inset 1px 1px 1px 0 #294BA6;
          box-shadow: inset 1px 1px 1px 0 #294BA6;
  color: #FFF;
}

.editable-block--editing .editable-block__toggle .icon-fill {
  fill: #FFF;
}

.editable-block--editing .editable-block__toggle:hover {
  background-color: #294BA6;
}

.editable-block__toggle-icon-container {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding-top: 2px;
}

.editable-block__toggle-icon-container svg {
  display: block;
  height: 16px;
  width: 16px;
}

.editable-block__toggle-text {
  display: inline-block;
  margin-right: 8px;
}

.editable-block__toggle-text:last-child {
  margin-right: 0;
}

.editable-block__fields {
  position: relative;
  -webkit-transition-property: background-color, border;
  transition-property: background-color, border;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.editable-block__fields--loading {
  min-height: 80px;
}

.editable-block--editing .editable-block__fields {
  background-color: #FFF;
}

.editable-block__field {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 6px 6px 6px 16px;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.editable-block__field:nth-child(odd) {
  background-color: transparent;
}

.editable-block__field:nth-child(even) {
  background-color: #FFF;
}

.editable-block--editing .editable-block__field:nth-child(even) {
  background-color: #FFF;
}

@media screen and (max-width: 1100px) {
  .editable-block__field:nth-child(even) {
    background-color: #FFF;
  }
}

@media screen and (max-width: 1100px) {
  .editable-block__field {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 4px 8px;
  }
}

.editable-block__label {
  display: block;
  margin-right: 24px;
  margin-bottom: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 2;
          flex: 1 2;
}

@media screen and (max-width: 1100px) {
  .editable-block__label {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}

.editable-block__control-wrap {
  -webkit-box-flex: 2;
      -ms-flex: 2 1;
          flex: 2 1;
}

@media screen and (max-width: 1100px) {
  .editable-block__control-wrap {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin-bottom: 4px;
  }
}

.editable-block__text-input {
  padding: 6px;
  -webkit-transition-property: background-color, border, padding, -webkit-box-shadow;
  transition-property: background-color, border, padding, -webkit-box-shadow;
  transition-property: box-shadow, background-color, border, padding;
  transition-property: box-shadow, background-color, border, padding, -webkit-box-shadow;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media screen and (max-width: 1100px) {
  .editable-block__text-input {
    color: #273C89;
    font-size: 20px;
  }
}

@media screen and (max-width: 600px) {
  .editable-block__text-input {
    font-size: 16px;
  }
}

.editable-block__text-input[disabled], .editable-block__text-input[disabled]:hover, .editable-block__text-input[disabled]:focus {
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
  background-color: transparent;
  border-color: transparent;
  cursor: default;
}

@media screen and (max-width: 1100px) {
  .editable-block__text-input[disabled], .editable-block__text-input[disabled]:hover, .editable-block__text-input[disabled]:focus {
    padding-left: 24px;
  }
}

.editable-block__text-input--error, .editable-block__text-input--error:hover, .editable-block__text-input--error:focus {
  background-color: #FFF5F5;
  border-color: #E03131;
  -webkit-box-shadow: 0 0 2px #E03131;
          box-shadow: 0 0 2px #E03131;
  color: #C92A2A;
}

.editable-block__select {
  padding: 6px;
  -webkit-transition-property: background-color, border, padding, -webkit-box-shadow;
  transition-property: background-color, border, padding, -webkit-box-shadow;
  transition-property: box-shadow, background-color, border, padding;
  transition-property: box-shadow, background-color, border, padding, -webkit-box-shadow;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media screen and (max-width: 1100px) {
  .editable-block__select {
    color: #273C89;
    font-size: 20px;
  }
}

@media screen and (max-width: 600px) {
  .editable-block__select {
    font-size: 16px;
  }
}

.editable-block__select[disabled], .editable-block__select[disabled]:hover, .editable-block__select[disabled]:focus {
  -webkit-box-shadow: 0 0 0 transparent;
          box-shadow: 0 0 0 transparent;
  background-image: none;
  background-color: transparent;
  border-color: transparent;
  cursor: default;
}

@media screen and (max-width: 1100px) {
  .editable-block__select[disabled], .editable-block__select[disabled]:hover, .editable-block__select[disabled]:focus {
    padding-left: 24px;
  }
}

.editable-block__select--error, .editable-block__select--error:hover, .editable-block__select--error:focus {
  background-color: #E03131;
  border-color: #C92A2A;
  -webkit-box-shadow: 0 0 5px #E03131;
          box-shadow: 0 0 5px #E03131;
  color: #C92A2A;
}

.editable-block__controls {
  padding: 16px 8px 8px;
  text-align: right;
}

.editable-block__controls .button {
  margin-right: 8px;
}

.editable-block__controls .button:last-child {
  margin-right: 0;
}

.editable-block__error {
  font-weight: 900;
  color: #E03131;
  font-size: 14px;
  font-style: italic;
}

.element {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: relative;
}

.element:after {
  content: "";
  display: table;
  clear: both;
}

.element--hid {
  display: none;
}

.element--read-only {
  background-color: #F9F9F9;
  border: 1px dashed #ADB5BD;
  cursor: not-allowed;
  padding: 8px;
}

.element--error:before {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-image: url("/res/images/icons/error-asterisk.svg");
  content: '';
  left: -24px;
  position: absolute;
  top: 4px;
  width: 14px;
  height: 15px;
}

@media screen and (max-width: 900px) {
  .element--error:before {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    left: -16px;
    top: 0px;
  }
}

.element__header {
  margin-bottom: 16px;
}

.element__heading {
  color: #273C89;
  display: block;
  line-height: 1.2;
  font-family: "Karla", sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}

.element__heading--large {
  font-size: 24px;
}

.element--error .element__heading {
  color: #E03131;
}

.element__heading:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 900px) {
  .element__heading {
    font-size: 16px;
  }
}

.element__desc {
  font-size: 18px;
  margin-bottom: 16px;
}

@media screen and (max-width: 900px) {
  .element__desc {
    font-size: 16px;
  }
}

.element__desc:last-child {
  margin-bottom: 0;
}

.element__breaking-frame {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  margin-left: -32px;
  padding: 32px;
  min-width: calc(100% + 64px);
}

@media screen and (max-width: 1100px) {
  .element__breaking-frame {
    padding: 24px;
    margin-left: -20px;
    min-width: calc(100% + 40px);
  }
}

@media screen and (max-width: 600px) {
  .element__breaking-frame {
    margin-left: -24px;
    min-width: calc(100% + 48px);
  }
}

.element__breaking-frame--half-width, .element__breaking-frame--full-width {
  min-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (max-width: 750px) {
  .element__breaking-frame--half-width {
    padding: 24px;
    margin-left: -20px;
    margin-right: auto;
    min-width: calc(100% + 40px);
  }
}

@media screen and (max-width: 600px) {
  .element__breaking-frame--half-width {
    margin-left: -24px;
    min-width: calc(100% + 48px);
  }
}

.element__breaking-frame--nopadding {
  padding: 0;
}

.element__footnote {
  color: #363b40;
  font-size: 14px;
  font-style: italic;
  line-height: 1.3;
}

.element__footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 16px;
}

@media screen and (max-width: 600px) {
  .element__footer {
    padding-top: 12px;
  }
}

@media screen and (max-width: 480px) {
  .element__footer {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 12px;
  }
}

.element__footer--overlaid {
  background-color: rgba(39, 60, 137, 0.7);
  bottom: 0;
  color: #FFF;
  left: 0;
  right: 0;
  padding: 24px;
  position: absolute;
}

@media screen and (max-width: 480px) {
  .element__footer--overlaid {
    background-color: transparent;
    display: block;
    position: static;
    color: #363b40;
    padding-top: 16px;
    padding-bottom: 0;
  }
}

.element__footer--side-padding {
  padding-left: 32px;
  padding-right: 32px;
  padding-bottom: 16px;
}

@media screen and (max-width: 1100px) {
  .element__footer--side-padding {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.element__caption {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  font-size: 16px;
  font-style: italic;
}

@media screen and (max-width: 600px) {
  .element__caption {
    font-size: 14px;
  }
}

.element__footer-controls {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-left: auto;
  padding-left: 32px;
}

.element__footer-button {
  display: block;
}

.element__footer-button img {
  display: block;
  width: 100%;
  height: auto;
}

.element__footer-button--text-link {
  color: #228AE6;
  text-decoration: underline;
}

.element__prompt-body {
  margin-bottom: 16px;
}

.element__prompt-body:last-child {
  margin-bottom: 0;
}

.element--read-only .element__prompt-body {
  margin-bottom: 0;
}

.element__validation-message {
  color: #E03131;
  font-size: 14px;
  font-style: italic;
  padding-top: 8px;
}

.feed-nav {
  background-color: #F3F3F3;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  bottom: 0;
  position: fixed;
  top: 64px;
  overflow-y: scroll;
  width: 379px;
  z-index: 100;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  -webkit-transition-property: width, 750ms;
  transition-property: width, 750ms;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.feed-nav .special-character {
  display: none;
}

.aside--closed .feed-nav {
  width: 50px;
  pointer-events: none;
}

@media screen and (max-width: 1100px) {
  .aside--closed .feed-nav {
    pointer-events: auto;
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px);
    width: auto;
  }
}

@media screen and (max-width: 480px) {
  .aside--closed .feed-nav {
    -webkit-transform: translateX(-268px);
            transform: translateX(-268px);
  }
}

@media screen and (max-width: 1800px) {
  .feed-nav {
    left: 0;
    width: 411px;
  }
}

@media screen and (max-width: 1600px) {
  .feed-nav {
    width: 339px;
  }
}

@media screen and (max-width: 1280px) {
  .feed-nav {
    width: 299px;
  }
  .aside--closed .feed-nav {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

@media screen and (max-width: 1100px) {
  .feed-nav {
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
    right: 100%;
    top: 56px;
  }
}

.feed-nav::-webkit-scrollbar {
  width: 0px;
}

.feed-nav__inner-container {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
  min-height: 100%;
  width: 379px;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.aside--closed .feed-nav__inner-container {
  background-color: #F8F9FA;
  -webkit-transform: translateX(-330px);
          transform: translateX(-330px);
}

@media screen and (max-width: 1800px) {
  .aside--closed .feed-nav__inner-container {
    -webkit-transform: translateX(-361px);
            transform: translateX(-361px);
  }
}

@media screen and (max-width: 1600px) {
  .aside--closed .feed-nav__inner-container {
    -webkit-transform: translateX(-290px);
            transform: translateX(-290px);
  }
}

@media screen and (max-width: 1280px) {
  .aside--closed .feed-nav__inner-container {
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px);
  }
}

@media screen and (max-width: 1100px) {
  .aside--closed .feed-nav__inner-container {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@media screen and (max-width: 1800px) {
  .feed-nav__inner-container {
    left: 0;
    width: 411px;
  }
}

@media screen and (max-width: 1600px) {
  .feed-nav__inner-container {
    width: 339px;
  }
}

@media screen and (max-width: 1280px) {
  .feed-nav__inner-container {
    width: 299px;
  }
}

@media screen and (max-width: 1100px) {
  .feed-nav__inner-container {
    background-color: #FFF;
  }
}

.feed-nav__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #294BA6;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 60px;
  padding: 12px 16px;
  -webkit-transition-property: background-color, padding;
  transition-property: background-color, padding;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.aside--closed .feed-nav__header {
  background-color: #E9ECEF;
  padding-right: 3px;
}

@media screen and (max-width: 1600px) {
  .feed-nav__header {
    padding: 8px 12px 8px 24px;
  }
}

@media screen and (max-width: 1280px) {
  .feed-nav__header {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
  }
}

@media screen and (max-width: 1100px) {
  .feed-nav__header {
    min-height: 0;
    padding-top: 12px;
    padding-right: 8px;
    padding-bottom: 12px;
  }
  .aside--closed .feed-nav__header {
    background-color: #294BA6;
  }
}

.feed-nav__header--feed {
  padding: 38px 16px 12px;
}

@media screen and (max-width: 1600px) {
  .feed-nav__header--feed {
    padding-top: 36px;
  }
}

.feed-nav__module-name {
  color: #FFF;
  font-size: 18px;
  margin: 0;
}

@media screen and (max-width: 1600px) {
  .feed-nav__module-name {
    font-size: 16px;
  }
}

@media screen and (max-width: 1280px) {
  .feed-nav__module-name {
    font-size: 14px;
    position: relative;
    top: 2px;
    text-transform: uppercase;
  }
}

.feed-nav__header-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.feed-nav__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  display: block;
}

.feed-nav__mobile-toggle {
  background-color: #228AE6;
  border-radius: 50%;
  border: 2px solid #FFF;
  color: #FFF;
  display: none;
  height: 64px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 64px;
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 900;
}

.feed-nav__mobile-toggle:active, .feed-nav__mobile-toggle:focus, .feed-nav__mobile-toggle:hover {
  background-color: #228AE6;
}

@media screen and (max-width: 1100px) {
  .feed-nav__mobile-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.feed-nav__mobile-toggle .feed-collapse-button__icon {
  display: block;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.feed-nav__mobile-toggle .feed-collapse-button__icon .icon-fill {
  fill: #FFF;
}

.feed-nav__mobile-toggle--active .feed-collapse-button__icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.feed-nav__mobile-toggle-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 64px;
  height: 64px;
  position: relative;
  top: -1px;
  left: -1px;
}

.feed-nav__mobile-toggle-button:hover, .feed-nav__mobile-toggle-button:focus {
  outline: 0 none;
}

.feed-nav__mobile-toggle-tooltip.tooltip {
  width: 240px;
}

.lesson-nav {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 1;
  padding: 16px;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.aside--closed .lesson-nav {
  opacity: 0;
}

@media screen and (max-width: 1100px) {
  .aside--closed .lesson-nav {
    opacity: 1;
  }
}

@media screen and (max-width: 1800px) {
  .lesson-nav {
    position: relative;
  }
  .lesson-nav:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 0;
    bottom: -1px;
    width: 9999px;
  }
}

@media screen and (max-width: 1600px) {
  .lesson-nav {
    padding: 12px;
  }
}

@media screen and (max-width: 1100px) {
  .lesson-nav {
    padding: 4px;
  }
}

.lesson-nav__item {
  margin-bottom: 8px;
}

.lesson-nav__item:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1100px) {
  .lesson-nav__item {
    margin-bottom: 4px;
  }
}

.lesson-nav__lesson-name {
  line-height: 1.2;
}

.lesson-nav__lesson {
  border-radius: 3px;
  background-color: #747578;
  color: #FFF;
  display: block;
  position: relative;
  text-decoration: none;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.lesson-nav__lesson .bug {
  border-radius: 3px;
  background-color: #FFF;
  color: #363b40;
  font-size: 12px;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  padding: 4px 8px;
  position: absolute;
  right: 8px;
  text-transform: uppercase;
  top: 8px;
}

.lesson-nav__lesson:hover, .lesson-nav__lesson:focus {
  color: #FFF;
}

.lesson-nav__lesson--complete {
  background-color: #747578;
  color: #FFF;
}

.lesson-nav__lesson--complete .bug {
  background-color: #EFA420;
  color: #FFF;
}

.lesson-nav__lesson--complete:hover {
  color: #EFA420;
}

.lesson-nav__lesson--current {
  background-color: #273C89;
  color: #FFF;
}

.lesson-nav__lesson--current:hover {
  color: #FFF;
}

.lesson-nav__lesson--current:hover, .lesson-nav__lesson--complete:hover {
  color: #FFF;
}

.lesson-nav__lesson--locked {
  background-color: #363b40;
  color: #ADB5BD;
  cursor: not-allowed;
}

.lesson-nav__lesson--locked .bug {
  content: "Locked";
}

.lesson-nav__item-body {
  padding: 12px;
}

.lesson-nav__lesson-number {
  font-family: "Gobold Italic", "Karla", sans-serif;
  letter-spacing: 0.01em;
}

@media screen and (max-width: 1280px) {
  .lesson-nav__lesson-number {
    font-size: 14px;
  }
}

.card-nav {
  background-color: #273C89;
  border-radius: 0 0 3px 3px;
  padding: 0 8px 8px;
}

.card-nav__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F3F3F3;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-bottom: 1px solid #ADB5BD;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.2;
  min-height: 74px;
  padding: 16px 16px 16px 24px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  -webkit-transition-property: background-color, color, opacity;
  transition-property: background-color, color, opacity;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.card-nav__item:before {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  border-style: solid;
  border-width: 20px 0 20px 10px;
  border-color: transparent transparent transparent #273C89;
  width: 0;
  height: 0;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: translateX(-15px) translateY(-50%);
          transform: translateX(-15px) translateY(-50%);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.card-nav__item:first-child {
  border-radius: 3px 3px 0 0;
}

.card-nav__item:last-child {
  border-bottom: 0 none;
  border-radius: 0 0 3px 3px;
}

.card-nav__item:only-child {
  border-radius: 3px;
}

@media screen and (max-width: 1280px) {
  .card-nav__item {
    padding: 12px 8px 12px 24px;
  }
}

.card-nav__item--unseen {
  color: #363b40;
  opacity: .8;
}

.card-nav__item--unseen:hover {
  color: #363b40;
}

.card-nav__item--current {
  background-color: #FFF;
  color: #EFA420;
  z-index: 5;
}

.card-nav__item--current:hover {
  color: #FD7E14;
}

.card-nav__item--current:before {
  -webkit-transform: translateX(0px) translateY(-50%);
          transform: translateX(0px) translateY(-50%);
}

.card-nav__item--seen {
  color: #273C89;
}

.card-nav__item--seen:hover {
  background-color: #F8F9FA;
  color: #091646;
}

@media screen and (max-width: 1100px) {
  .module-nav {
    padding: 4px;
  }
}

.aside--closed .module-nav {
  opacity: 0;
}

@media screen and (max-width: 1100px) {
  .aside--closed .module-nav {
    opacity: 1;
  }
}

.course-select-mobile {
  display: none;
}

@media screen and (max-width: 600px) {
  .course-select-mobile {
    display: block;
  }
}

.searcher {
  opacity: 1;
  padding: 12px 12px 0 12px;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.aside--closed .searcher {
  opacity: 0;
}

.searcher__controls {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.searcher__input {
  background-color: #FFF;
  border-color: #EFA420;
  border-radius: 3px 0px 0px 3px;
}

.searcher .button {
  background-color: #EFA420;
  border-radius: 0px 3px 3px 0;
  font-family: "Karla", sans-serif;
  padding-left: 8px;
  padding-right: 8px;
}

.searcher .button:before {
  display: none;
}

.feed-collapse-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  min-height: auto;
  min-width: 0px;
}

.aside--closed .feed-collapse-button {
  background-color: transparent;
  border-color: transparent;
  pointer-events: auto;
}

@media screen and (max-width: 1100px) {
  .feed-collapse-button {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .feed-collapse-button {
    padding: 24px 0;
  }
}

.feed-collapse-button__text {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  margin-left: 8px;
  max-width: 80px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition-property: max-width, margin;
  transition-property: max-width, margin;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.aside--closed .feed-collapse-button__text {
  max-width: 0px;
  margin-left: 0;
}

@media screen and (max-width: 1100px) {
  .feed-collapse-button__text {
    display: none;
  }
}

.feed-collapse-button__icon {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.feed-collapse-button__icon .icon-fill {
  fill: #273C89;
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media screen and (max-width: 1100px) {
  .feed-collapse-button__icon .icon-fill {
    fill: #FFF;
  }
}

.aside--closed .feed-collapse-button__icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.aside--closed .feed-collapse-button__icon .icon-fill {
  fill: #747578;
}

@media screen and (max-width: 1100px) {
  .aside--closed .feed-collapse-button__icon .icon-fill {
    fill: #FFF;
  }
}

.feed-collapse-button__tooltip.tooltip {
  width: 219px;
  right: calc(81% + 24px);
}

@media screen and (max-width: 1800px) {
  .feed-collapse-button__tooltip.tooltip {
    width: 250px;
  }
}

@media screen and (max-width: 1600px) {
  .feed-collapse-button__tooltip.tooltip {
    right: calc(40% + 24px);
  }
}

@media screen and (max-width: 1280px) {
  .feed-collapse-button__tooltip.tooltip {
    width: 224px;
    right: calc(20% + 24px);
  }
}

@media screen and (max-width: 1100px) {
  .feed-collapse-button__tooltip.tooltip {
    display: none;
  }
}

.aside--closed .feed-collapse-button__tooltip.tooltip {
  opacity: 0 !important;
}

.feed-footer {
  border-top: 1px solid #ADB5BD;
  padding: 80px 24px;
  text-align: center;
}

.feed-footer__text {
  margin-bottom: 0;
}

.filter__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.filter__accordion-trigger {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #E9ECEF;
  border-bottom: 1px solid #E9ECEF;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
          flex: 0 0 32px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 5;
}

.filter__accordion-trigger .icon-fill {
  fill: #273C89;
}

.filter__label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 32px);
          flex: 0 0 calc(100% - 32px);
  width: calc(100% - 32px);
  position: relative;
  z-index: 1;
}

.filter__subhead {
  font-size: 12px;
}

#flash-messages-container {
  position: fixed;
  top: 80px;
  right: 40px;
  width: 400px;
  z-index: 1800;
}

@media screen and (max-width: 1100px) {
  #flash-messages-container {
    width: 320px;
  }
}

@media screen and (max-width: 600px) {
  #flash-messages-container {
    width: 272px;
    right: 24px;
  }
}

.alert {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: #FFF;
  border: 1px solid;
  border-top-width: 3px;
  border-radius: 3px;
  color: #363b40;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 16px;
}

.alert--success {
  background-color: #e7f6f2;
  border-color: #0CA678;
}

.alert--success .alert__link {
  color: #0CA678;
}

.alert--info {
  background-color: #e9f3fd;
  border-color: #228AE6;
}

.alert--info .alert__link {
  color: #228AE6;
}

.alert--warning {
  background-color: #fceaea;
  border-color: #E03131;
}

.alert--warning .alert__link {
  color: #E03131;
}

.alert__close {
  margin-left: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
}

.alert__close:hover .icon-fill {
  fill: #E03131;
}

.alert__body {
  padding-right: 24px;
}

.alert__body p {
  margin-bottom: 0;
}

.alert .icon-fill {
  fill: #363b40;
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.alert__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 40px;
  margin-right: 24px;
}

.alert__icon > svg {
  height: auto;
}

.alert svg {
  display: block;
  width: 100%;
}

.hero {
  background-image: url("/res/images/photography/novak-hero.jpg");
  background-size: cover;
  background-position: 50% 30%;
  background-repeat: no-repeat;
  min-height: 300px;
  padding: 64px 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1100px) {
  .hero {
    padding: 32px 0;
  }
}

@media screen and (max-width: 900px) {
  .hero {
    background-position: 40% 30%;
    padding: 0;
  }
}

@media screen and (max-width: 600px) {
  .hero {
    background-position: 20% 0;
  }
}

.hero > .container {
  position: relative;
  padding: 0 64px;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 900px) {
  .hero > .container {
    padding: 0 24px;
  }
}

@media screen and (max-width: 600px) {
  .hero > .container {
    height: 440px;
    padding: 0;
  }
}

.hero__page-title-break {
  display: none;
}

@media screen and (max-width: 900px) {
  .hero__page-title-break {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .hero__page-title-break {
    display: none;
  }
}

.hero__content {
  background-color: rgba(255, 255, 255, 0.78);
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.14);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.14);
  margin-right: 64px;
  width: 600px;
  padding: 48px;
  margin-left: auto;
}

@media screen and (max-width: 1280px) {
  .hero__content {
    width: 500px;
    padding: 40px;
  }
}

@media screen and (max-width: 1100px) {
  .hero__content {
    margin-right: 0;
  }
}

@media screen and (max-width: 900px) {
  .hero__content {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 24px;
    width: 55%;
  }
  .hero__content p {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .hero__content {
    background-color: rgba(255, 255, 255, 0.78);
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    width: 100%;
  }
}

.hero__copy {
  margin-bottom: 32px;
}

.hero__copy p:last-child {
  margin-bottom: 0;
}

.body--logged-in .hero__copy {
  margin-bottom: 0;
}

@media screen and (max-width: 1100px) {
  .hero__mobile-hide {
    display: none;
  }
}

.image {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 5000px;
          perspective: 5000px;
  position: relative;
  overflow: hidden;
}

.image__src {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: block;
  height: auto;
  width: 100%;
}

.lesson-heading {
  padding: 0 40px;
  margin-bottom: 64px;
  max-width: 960px;
}

.lesson-heading--top-margin {
  margin-top: 64px;
}

@media screen and (max-width: 1600px) {
  .lesson-heading {
    max-width: 840px;
  }
}

@media screen and (max-width: 1280px) {
  .lesson-heading {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 600px) {
  .lesson-heading {
    padding-left: 8px;
    padding-right: 8px;
  }
}

.card-list + .lesson-heading {
  margin-top: 64px;
}

.lesson-heading__flex-row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}

.lesson-heading__flex-row--centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.lesson-heading__flex-row:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1280px) {
  .lesson-heading__flex-row {
    display: block;
  }
}

.lesson-heading__lesson-id {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Gobold Italic", "Karla", sans-serif;
  font-size: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 64px;
          flex: 0 0 64px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 74px;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 1280px) {
  .lesson-heading__lesson-id {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    height: 74px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    width: 64px;
  }
}

.lesson-heading__lesson-id--branches {
  margin-bottom: 32px;
}

.lesson-heading__lesson-id--branches .icon-fill {
  fill: #294BA6;
}

.lesson-heading__lesson-id--margin-bottom {
  margin-bottom: 40px;
}

.lesson-heading__olive-branches {
  height: 102px;
  width: 110px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-45%);
          transform: translateX(-50%) translateY(-45%);
}

.lesson-heading__badge {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.lesson-heading__badge .icon-fill {
  fill: #EFA420;
}

.lesson-heading__badge-number {
  position: relative;
  z-index: 2;
}

.lesson-heading__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  padding-left: 24px;
}

.lesson-heading__text--extra-left-pad {
  padding-left: 40px;
}

@media screen and (max-width: 1280px) {
  .lesson-heading__text {
    padding-left: 0;
    text-align: center;
  }
}

.lesson-heading__lesson {
  font-size: 18px;
  letter-spacing: .1em;
  margin-bottom: 0;
}

@media screen and (max-width: 1280px) {
  .lesson-heading__lesson {
    font-size: 14px;
    margin-bottom: 8px;
    padding-left: 0;
  }
}

.lesson-heading--journal .lesson-heading__lesson {
  font-size: 16px;
}

.lesson-heading__heading {
  font-size: 32px;
  margin-bottom: 0;
}

@media screen and (max-width: 1280px) {
  .lesson-heading__heading {
    font-size: 26px;
  }
}

.lesson-heading--journal .lesson-heading__heading {
  font-size: 24px;
}

.lesson-heading__deck {
  max-width: 800px;
  padding-left: 88px;
}

.lesson-heading__deck--module {
  padding-left: 102px;
}

@media screen and (max-width: 1280px) {
  .lesson-heading__deck {
    margin: 0 auto;
    max-width: 600px;
    padding-left: 32px;
    padding-right: 32px;
    text-align: center;
  }
}

@media screen and (max-width: 900px) {
  .lesson-heading__deck {
    padding-left: 0;
    padding-right: 0;
  }
}

.lesson-heading__deck p {
  font-size: 18px;
}

@media screen and (max-width: 900px) {
  .lesson-heading__deck p {
    font-size: 16px;
  }
}

.loading-spinner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
}

.app-container--feed > main > .loading-spinner {
  min-height: 100vh;
}

.matching-prompt {
  font-size: 18px;
}

.matching-prompt--full-width {
  padding: 24px;
}

.matching-prompt__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.matching-prompt__column--questions {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 16px);
          flex: 0 0 calc(50% - 16px);
}

@media screen and (max-width: 750px) {
  .matching-prompt__column--questions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.matching-prompt--full-width .matching-prompt__column--questions {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(65% - 16px);
          flex: 0 0 calc(65% - 16px);
  padding-left: 16px;
}

@media screen and (max-width: 1100px) {
  .matching-prompt--full-width .matching-prompt__column--questions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 16px);
            flex: 0 0 calc(50% - 16px);
  }
}

@media screen and (max-width: 750px) {
  .matching-prompt--full-width .matching-prompt__column--questions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

@media screen and (max-width: 600px) {
  .matching-prompt--full-width .matching-prompt__column--questions {
    padding-left: 0;
  }
}

.matching-prompt__column--answers {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 16px);
          flex: 0 0 calc(50% - 16px);
}

@media screen and (max-width: 750px) {
  .matching-prompt__column--answers {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.matching-prompt--full-width .matching-prompt__column--answers {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(35% - 16px);
          flex: 0 0 calc(35% - 16px);
}

@media screen and (max-width: 1100px) {
  .matching-prompt--full-width .matching-prompt__column--answers {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 16px);
            flex: 0 0 calc(50% - 16px);
  }
}

@media screen and (max-width: 750px) {
  .matching-prompt--full-width .matching-prompt__column--answers {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.matching-prompt__questions {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 16px;
}

@media screen and (max-width: 900px) {
  .matching-prompt__questions {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .matching-prompt__questions {
    margin-left: 16px;
  }
}

.matching-prompt__question {
  position: relative;
}

.matching-prompt__question:before {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  content: '';
  position: absolute;
  top: 4px;
  left: -40px;
  width: 16px;
  height: 16px;
}

.matching-prompt__question--correct {
  color: #0CA678;
}

.matching-prompt__question--correct:before {
  background-image: url("/res/images/icons/check--green.svg");
}

.matching-prompt__question--incorrect {
  color: #E03131;
}

.matching-prompt__question--incorrect:before {
  background-image: url("/res/images/icons/close--red.svg");
}

.matching-prompt__question-label {
  color: #363b40;
  margin-bottom: 8px;
}

.matching-prompt__question-footer {
  padding-top: 16px;
}

.matching-prompt__item {
  margin-bottom: 24px;
}

.matching-prompt__droppable {
  background-color: #F3F3F3;
  border: 1px dashed #363b40;
  border-radius: 3px;
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
          box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.4);
  min-height: 40px;
  padding: 8px;
}

.matching-prompt__question--correct .matching-prompt__droppable {
  border: 0 none;
  padding: 0;
}

.matching-prompt__droppable--hovered {
  background-color: #FFF;
}

.matching-prompt__select-answer-button {
  color: #228AE6;
  display: none;
  text-decoration: underline;
}

@media screen and (max-width: 750px) {
  .matching-prompt__select-answer-button {
    display: block;
  }
}

.matching-prompt__option {
  background-color: #E8F7FF;
  border: 1px solid #294BA6;
  border-radius: 3px;
  margin-bottom: 24px;
  padding: 8px;
  width: 100%;
}

.matching-prompt__option--correct {
  background-color: #EBFBEE;
  border-color: #0CA678;
  color: #0CA678;
}

.matching-prompt__question .matching-prompt__option {
  margin-bottom: 0;
}

.modal-style .matching-prompt__option :last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 900px) {
  .matching-prompt__option {
    font-size: 16px;
  }
}

.modal-style .matching-prompt__option-container:last-child .matching-prompt__option {
  margin-bottom: 0;
}

.matching-prompt__hint {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #228AE6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: underline;
}

.matching-prompt__hint-icon {
  margin-right: 8px;
}

.matching-prompt__hint-icon svg {
  display: block;
}

.matching-prompt__hint-icon .icon-fill {
  fill: #228AE6;
}

.module-list {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.module-list__item {
  background-color: #F8F9FA;
  border-left: 4px solid;
  margin-bottom: 8px;
  padding: 16px;
  border-left-color: #EFA420;
  padding: 24px 32px;
  -webkit-transition-property: border, color, background-color;
  transition-property: border, color, background-color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media screen and (max-width: 900px) {
  .module-list__item {
    text-align: center;
  }
}

.module-nav .module-list__item {
  margin-bottom: 8px;
}

@media screen and (max-width: 1100px) {
  .module-nav .module-list__item {
    margin-bottom: 4px;
  }
}

.module-list__item--locked {
  background-color: #ADB5BD;
  border-left-color: #363b40;
}

.module-list__item--complete {
  position: relative;
}

.module-list__item--complete .bug {
  border-radius: 3px;
  color: #363b40;
  font-size: 12px;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  padding: 4px 8px;
  position: absolute;
  right: 8px;
  text-transform: uppercase;
  top: 8px;
  background-color: #EFA420;
  color: #FFF;
  content: "Completed";
}

.module-list__item--current {
  border-left-color: #228AE6;
  position: relative;
}

.module-list__item--current .bug {
  border-radius: 3px;
  background-color: #228AE6;
  color: #363b40;
  content: "Current";
  font-size: 12px;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  padding: 4px 8px;
  position: absolute;
  right: 8px;
  text-transform: uppercase;
  top: 8px;
  color: #FFF;
}

.module-list__course-num {
  font-size: 16px;
  font-family: "Gobold Italic", "Karla", sans-serif;
  margin-bottom: 8px;
  letter-spacing: 0.01em;
}

@media screen and (max-width: 1280px) {
  .module-list__course-num {
    font-size: 14px;
  }
}

.module-list__title {
  font-size: 20px;
}

.module-list__item--locked .module-list__title {
  margin-bottom: 32px;
}

@media screen and (max-width: 1280px) {
  .module-list__title {
    font-size: 18px;
  }
}

.module-list__controls {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 900px) {
  .module-list__controls {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.module-list__control-cell--right {
  margin-left: auto;
}

.feed-nav .module-list__control-cell--right {
  margin-left: 0;
}

@media screen and (max-width: 900px) {
  .module-list__control-cell {
    margin-left: 0;
    margin-bottom: 24px;
  }
  .module-list__control-cell:last-child {
    margin-bottom: 0;
  }
}

.module-list .button {
  min-width: 200px;
}

.modal__overlay {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  bottom: 0;
  background-color: rgba(5, 8, 18, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow-y: scroll;
  position: fixed;
  left: 0;
  right: 0;
  height: calc(100vh - 64px);
  top: 64px;
  width: 100vw;
  z-index: 1500;
}

@media screen and (max-width: 1100px) {
  .modal__overlay {
    height: calc(100vh - 56px);
    top: 56px;
  }
}

.modal__overlay.-alert {
  top: 0;
  height: 100%;
}

.modal__inner-container {
  background-color: transparent;
  width: 600px;
  padding: 80px 0;
}

.modal__inner-container--thin {
  width: 480px;
}

html.isios .modal__inner-container--thin {
  padding: 0;
  width: 100%;
}

.modal__inner-container--wide {
  width: 80%;
  max-width: 848px;
}

html.isios .modal__inner-container {
  padding: 0;
  width: 100%;
}

.ReactModalPortal > * {
  opacity: 0;
}

.ReactModal__Overlay {
  opacity: 0;
  padding: 0 24px;
  -webkit-transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ReactModal__Overlay--after-open {
  opacity: 1;
}

.ReactModal__Overlay--before-close {
  opacity: 0;
}

html.isios .ReactModal__Overlay {
  padding: 0;
}

.ReactModal__Content {
  outline: 0;
  opacity: 0;
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
  -webkit-transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1), transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ReactModal__Content--after-open {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.ReactModal__Content--before-close {
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
}

html.isios .ReactModal__Content {
  -webkit-transform: none;
          transform: none;
}

.modal-style {
  background-color: #FFF;
  border-radius: 3px;
  border-radius: 3px;
  border: 1px solid;
  border-top: 4px solid;
  border-color: #228AE6;
  outline: 0;
  padding: 24px;
  position: relative;
  z-index: 40;
}

html.isios .modal-style {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
  min-height: calc(100vh - 64px);
  padding-top: 40px;
  padding-bottom: 120px;
}

.modal-style--extra-padding {
  padding: 40px;
}

@media screen and (max-width: 600px) {
  .modal-style--extra-padding {
    padding: 24px;
  }
}

.modal-style--glowing {
  -webkit-animation: orangeGlow 5s infinite alternate;
          animation: orangeGlow 5s infinite alternate;
  border-color: #EFA420;
}

.modal-style__modal-image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 300px;
  margin: 0 auto;
}

.modal-style__modal-image--margin-bottom {
  margin-bottom: 24px;
}

.modal-style__close {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFF;
  border: 1px solid #228AE6;
  border-radius: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  position: absolute;
  right: 24px;
  top: 0;
  z-index: 30;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.modal-style__close .icon-fill {
  fill: #E03131;
}

.modal-style__close > svg {
  display: block;
  height: 16px;
  width: 16px;
}

html.isios .modal-style__close {
  background-color: #E9ECEF;
  border-radius: 3px;
  position: static;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0 none;
  padding: 8px;
}

.modal-style__close-icon {
  display: block;
  width: 16px;
  height: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
}

.modal-style__close-icon svg {
  display: block;
  width: 16px;
  height: 16px;
}

.modal-style__close-text {
  margin-right: 8px;
}

.modal-style__body {
  margin-bottom: 24px;
}

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

@media screen and (max-width: 600px) {
  .modal-style__controls {
    text-align: center;
  }
}

.modal-style__controls .button {
  margin-right: 8px;
}

.modal-style__controls .button:last-child {
  margin-right: 0;
}

@media screen and (max-width: 600px) {
  .modal-style__controls .button {
    display: block;
    width: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
  }
  .modal-style__controls .button:last-child {
    margin-right: auto;
    margin-bottom: 0px;
  }
}

.modal-style__controls--centered {
  text-align: center;
}

.modal-style__heading--centered {
  text-align: center;
}

.element-container--full-width .multilane-sorting-list {
  padding: 24px;
}

.multilane-sorting-list__droppables-container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 600px) {
  .multilane-sorting-list__droppables-container {
    display: block;
    width: 100%;
  }
}

.multilane-sorting-list__droppable {
  display: inline-block;
  background-color: #F9F9F9;
  border: 1px solid #E9ECEF;
  border-radius: 3px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 2) - 8px);
          flex: 0 0 calc((100% / 2) - 8px);
  width: calc((100% / 2) - 8px);
  max-width: calc((100% / 2) - 8px);
  margin-bottom: 24px;
}

.multilane-sorting-list__droppable:last-child {
  margin-right: 0;
}

.multilane-sorting-list__droppable--hovered {
  background-color: #E8F7FF;
  outline: 1px dashed #273C89;
}

.element-container--full-width .multilane-sorting-list__droppable {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 3) - 8px);
          flex: 0 0 calc((100% / 3) - 8px);
  width: calc((100% / 3) - 8px);
  max-width: calc((100% / 3) - 8px);
}

@media screen and (max-width: 600px) {
  .element-container--full-width .multilane-sorting-list__droppable {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}

.multilane-sorting-list__droppable--wordbank {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  width: 100%;
  justify-self: center;
  min-width: 100%;
}

@media screen and (max-width: 600px) {
  .multilane-sorting-list__droppable {
    display: block;
    width: 100%;
    max-width: 100%;
  }
}

.multilane-sorting-list__draggable-container {
  margin-right: 2px;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-bottom: 2px;
}

.multilane-sorting-list__draggable-container:last-child {
  margin-bottom: 0;
}

.multilane-sorting-list__lane-body {
  min-height: 40px;
  padding: 4px;
  max-width: 100%;
}

.multilane-sorting-list__droppable--wordbank .multilane-sorting-list__lane-body {
  max-height: 300px;
  overflow: auto;
  padding-right: 12px;
}

.multilane-sorting-list__draggable {
  padding: 8px;
  background-color: #FFF;
  border: 1px solid;
  border-color: #E9ECEF;
  color: #273C89;
  display: inline-block;
  font-size: 16px;
  padding: 8px 32px 8px 8px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.multilane-sorting-list__draggable:before {
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  height: 18px;
  position: absolute;
  width: 8px;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media screen and (max-width: 900px) {
  .multilane-sorting-list__draggable:before {
    right: 4px;
  }
}

.multilane-sorting-list__draggable:before {
  background-image: url("/res/images/icons/sort-handle.svg");
}

.multilane-sorting-list__draggable--dragging {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #228AE6;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  color: #228AE6;
  font-weight: 300;
  list-style: none;
}

.multilane-sorting-list__draggable--correct {
  background-color: #EBFBEE;
  border-color: #0CA678;
}

.multilane-sorting-list__draggable--incorrect {
  background-color: #FFF5F5;
  border-color: #E03131;
}

.multilane-sorting-list__lane-header {
  border-bottom: 1px solid #E9ECEF;
  padding: 8px;
  text-align: center;
}

.multilane-sorting-list__lane-heading {
  color: #273C89;
  font-family: "Karla", sans-serif;
  font-weight: 700;
  margin-bottom: 4px;
}

.multilane-sorting-list__lane-heading:last-child {
  margin-bottom: 0;
}

.multilane-sorting-list__lane-desc {
  margin-bottom: 0;
}

html.no-js body {
  background-color: #F3F3F3;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 0;
  min-height: 100%;
}

html.no-js body > * {
  display: none;
}

html.no-js body .js-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

html.no-js body .site-footer {
  display: block;
}

html.no-js body .site-footer .AuthorizeNetSeal {
  display: none;
}

html.no-js body .site-footer {
  margin-top: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.js-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 8px solid #273C89;
  padding: 24px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}

@media screen and (max-width: 900px) {
  .js-error {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

.js-error__content {
  border-radius: 3px;
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 960px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 960px;
          flex: 1 1 960px;
  padding: 40px;
}

@media screen and (max-width: 900px) {
  .js-error__content {
    padding: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.js-error__image {
  display: block;
  width: 240px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 240px;
          flex: 0 0 240px;
}

@media screen and (max-width: 900px) {
  .js-error__image {
    width: 160px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin-bottom: 24px;
    margin-right: auto;
  }
}

.js-error__deck {
  padding-left: 40px;
}

@media screen and (max-width: 900px) {
  .js-error__deck {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    padding-left: 0;
  }
}

.next-lesson {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F8F9FA;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
  padding: 80px;
  position: relative;
  overflow: hidden;
}

.next-lesson > * {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1280px) {
  .next-lesson {
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
  }
}

@media screen and (max-width: 900px) {
  .next-lesson {
    padding-left: 24px;
    padding-right: 24px;
    text-align: center;
  }
}

.next-lesson__starburst {
  height: 1800px;
  width: 1800px;
  background-image: url("/res/images/illustrations/starburst.svg");
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: rotate(0deg) translateX(-50%) translateY(-50%);
          transform: rotate(0deg) translateX(-50%) translateY(-50%);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  z-index: 0;
}

.next-lesson__starburst--animating {
  -webkit-animation: centeredRotate infinite 200s linear;
          animation: centeredRotate infinite 200s linear;
}

.next-lesson__heading {
  margin-bottom: 32px;
}

.next-lesson__label-text {
  color: #EFA420;
  font-size: 24px;
  margin-bottom: 8px;
}

.next-lesson__label-text--small {
  font-size: 20px;
}

.next-lesson__label-text:last-child {
  margin-bottom: 24px;
}

.next-lesson__note-text {
  font-size: 16px;
  font-style: italic;
}

.next-lesson__course-completion-img {
  display: block;
  max-width: 900px;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.next-lesson__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen and (max-width: 750px) {
  .next-lesson__controls {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.next-lesson__completion-button:nth-last-child(2) {
  margin-right: 16px;
}

@media screen and (max-width: 750px) {
  .next-lesson__completion-button:nth-last-child(2) {
    margin-right: 0;
    margin-bottom: 16px;
  }
}

.page__overlay {
  background-color: rgba(5, 8, 18, 0.5);
  opacity: 0;
  pointer-events: none;
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media screen and (max-width: 1100px) {
  .page__overlay--shown {
    opacity: 1;
    pointer-events: auto;
    z-index: 90;
  }
}

.ogo-notes__entry-header {
  margin-bottom: 24px;
}

.ogo-notes__entry {
  margin-bottom: 24px;
}

.ogo-notes__edit-date {
  color: #273C89;
  font-weight: 700;
}

.ogo-notes__reading-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.pager {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pager__item {
  font-size: 18px;
  line-height: 1;
}

.pager__arrow {
  display: block;
  padding: 8px;
}

.pager__arrow .icon-fill {
  fill: #228AE6;
}

.pager__arrow--left {
  margin-right: 24px;
}

.pager__arrow--right {
  margin-left: 24px;
}

.pager__arrow--disabled {
  pointer-events: none;
}

.pager__arrow--disabled .icon-fill {
  fill: #E9ECEF;
}

.pager__arrow:hover .icon-fill {
  fill: #3D58BC;
}

.pager__link {
  padding: 8px;
  text-decoration: none;
}

.pager__link:hover {
  text-decoration: underline;
}

.pager__link--current {
  color: #EFA420;
  pointer-events: none;
}

.pager__link--current:hover {
  color: #FD7E14;
}

.page-error {
  background-color: #F8F9FA;
  border-radius: 50px;
  padding: 40px;
  width: 100%;
}

.page-error__heading {
  text-align: center;
}

.page-error__description {
  text-align: center;
}

.page-error__image {
  display: block;
  border-radius: 3px;
  margin-bottom: 16px;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}

.payment-error-display {
  margin-bottom: 24px;
}

.payment-error-display__section {
  background-color: #fceaea;
  border-radius: 3px;
  color: #E03131;
  margin-bottom: 8px;
  padding: 8px;
}

.payment-error-display__section:last-child {
  margin-bottom: 0;
}

.payment-error-display__section-heading {
  font-family: "Karla", sans-serif;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 4px;
}

.pass-recover__go-back {
  margin-right: 20px;
}

@media screen and (max-width: 1100px) {
  .pass-recover__go-back {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.pass-recover__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 1100px) {
  .pass-recover__controls {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 1100px) {
  .pass-recover__submit {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-bottom: 24px;
  }
}

.pass-recover__form {
  max-width: 400px;
  margin: 0 auto;
  position: relative;
}

.product {
  background-color: #FFF;
  border: 1px solid #dde0e3;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

.product--featured {
  border-color: #EFA420;
  -webkit-box-shadow: 0 0 20px 0 rgba(239, 164, 32, 0.36);
          box-shadow: 0 0 20px 0 rgba(239, 164, 32, 0.36);
}

.product__flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.product--small .product__flex-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 none;
          flex: 1 0 none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.product--large .product__flex-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
}

.product--list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.product__special-offer-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  padding-right: 32px;
}

.product__special-controls {
  -webkit-box-flex: 2;
      -ms-flex: 2 0;
          flex: 2 0;
  text-align: right;
}

.product__special-offer, .product__language {
  border-top: 0 none;
  background-color: #E9ECEF;
  -webkit-box-shadow: inset 0 2px 10px -3px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 2px 10px -3px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
}

.product__language {
  padding: 16px 32px;
}

.product__language-text {
  color: #273C89;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-style: italic;
  font-weight: 700;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 16px;
}

.product__language-other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.product__language-name {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 8px;
  width: 100%;
}

.product__language-icon {
  color: #294BA6;
  width: 32px;
  margin-right: 16px;
}

.product__language-icon > svg {
  display: block;
}

.product__language-controls {
  margin-left: 16px;
}

.product__special-offer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 32px;
}

@media screen and (max-width: 480px) {
  .product__special-offer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.product__image-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  position: relative;
}

.product--large .product__image-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.product__content-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 none;
          flex: 1 1 none;
  padding: 32px;
}

.product--large .product__content-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media screen and (max-width: 480px) {
  .product__content-container {
    padding: 24px;
  }
}

.product__image {
  display: block;
  height: auto;
  width: 100%;
}

.product__heading {
  color: #273C89;
  font-size: 28px;
  margin-bottom: 8px;
}

.product__heading-link {
  color: #273C89;
  text-decoration: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.product__heading-link:hover {
  opacity: 0.8;
}

.product__category {
  color: #EFA420;
  margin-bottom: 16px;
  font-style: italic;
  font-weight: 700;
}

.product__short-desc {
  margin-bottom: 24px;
}

.product__special-offer-text {
  font-family: "Gobold Italic", "Karla", sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  line-height: 1.2;
  padding-right: 0px;
  width: 100%;
}

@media screen and (max-width: 480px) {
  .product__special-offer-text {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 480px) {
  .product__special-offer-text, .product__special-controls {
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}

.product__price {
  background-color: #273C89;
  color: #FFF;
  font-family: "Gobold Italic", "Karla", sans-serif;
  font-size: 18px;
  padding: 16px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}

.product-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1100px) {
  .product-detail {
    display: block;
    max-width: 700px;
    margin: 0 auto;
  }
}

.product-detail__crumbs-container {
  max-width: 1048px;
  margin: 0 auto;
}

@media screen and (max-width: 1100px) {
  .product-detail__col {
    display: block;
  }
}

.product-detail__col--image {
  -webkit-box-flex: 1.5;
      -ms-flex: 1.5 0;
          flex: 1.5 0;
  margin-right: 48px;
}

@media screen and (max-width: 1100px) {
  .product-detail__col--image {
    -webkit-box-flex: 1;
        -ms-flex: 1 0;
            flex: 1 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    max-width: 700px;
  }
}

.product-detail__col--content {
  margin-bottom: 40px;
  -webkit-box-flex: 2;
      -ms-flex: 2 0;
          flex: 2 0;
}

@media screen and (max-width: 1100px) {
  .product-detail__col--content {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    max-width: 700px;
  }
}

.product-detail__image {
  display: block;
  height: auto;
  width: 100%;
}

.product-detail__page-title {
  color: #273C89;
  font-size: 32px;
  margin-bottom: 8px;
}

.product-detail__heading {
  color: #273C89;
  font-size: 28px;
  margin-bottom: 8px;
}

.product-detail__subheading {
  color: #273C89;
  font-size: 24px;
  margin-bottom: 8px;
}

.product-detail__category {
  color: #EFA420;
  font-size: 18px;
  margin-bottom: 16px;
  font-style: italic;
  font-weight: 700;
}

.product-detail__short-desc {
  margin-bottom: 32px;
}

.product-detail__features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 32px;
}

@media screen and (max-width: 1100px) {
  .product-detail__features {
    max-width: 700px;
    margin: 0 auto 40px;
  }
}

@media screen and (max-width: 900px) {
  .product-detail__features {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.product-detail__content {
  margin-bottom: 24px;
}

@media screen and (max-width: 1100px) {
  .product-detail__content {
    margin: 0 auto;
    max-width: 700px;
  }
}

.product-detail__controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

.product-detail__controls:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1100px) {
  .product-detail__controls {
    margin-bottom: 24px;
    text-align: center;
  }
}

.product-detail__price {
  color: #273C89;
  font-family: "Gobold Italic", "Karla", sans-serif;
  font-size: 20px;
  margin-right: 40px;
  letter-spacing: 0.01em;
}

.product-detail__special-offers {
  margin-bottom: 80px;
}

.product-detail__callout {
  color: #EFA420;
  font-size: 18px;
}

.product-detail__bundle {
  margin-bottom: 40px;
}

.product-detail__bundle:last-child {
  margin-bottom: 0;
}

.course-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.course-feature__icon-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
}

.course-feature__content {
  padding-left: 16px;
}

.course-feature__heading {
  color: #273C89;
  margin-bottom: 8px;
  font-size: 18px;
}

.course-feature__copy {
  line-height: 1.3;
}

.course-feature__copy:last-child {
  margin-bottom: 0;
}

.product-grid__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 40px;
  margin-right: -16px;
  margin-bottom: 40px;
  margin-left: -16px;
}

@media screen and (max-width: 900px) {
  .product-grid__list {
    display: block;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (max-width: 900px) {
  .product-grid__header {
    display: block;
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
  }
}

.product-grid__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 33.33333333%;
  padding-right: 16px;
  padding-bottom: 32px;
  padding-left: 16px;
}

@media screen and (max-width: 1280px) {
  .product-grid__item {
    width: 50%;
  }
}

@media screen and (max-width: 900px) {
  .product-grid__item {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}

.product-grid__item > * {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 100%;
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  height: 24px;
  overflow: hidden;
}

.progress-bar--fixed {
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  position: fixed;
  margin-bottom: 0;
  right: 0;
  left: 0;
  top: 66px;
  width: 100%;
  z-index: 100;
}

@media screen and (max-width: 1100px) {
  .progress-bar--fixed {
    top: 58px;
  }
}

.progress-bar__text {
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 24px;
}

@media screen and (max-width: 900px) {
  .progress-bar__pretext--full {
    display: none;
  }
}

.progress-bar__pretext--cond {
  display: none;
}

@media screen and (max-width: 900px) {
  .progress-bar__pretext--cond {
    display: inline-block;
  }
}

.progress-bar__progress-ind {
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  -webkit-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.progress-bar__section {
  background-color: #ADB5BD;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 24px;
  position: relative;
}

.progress-bar__section:before, .progress-bar__section:after {
  content: '';
  position: absolute;
}

.progress-bar__section:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 0 18px 12px;
  border-color: transparent transparent transparent #FFF;
  top: -6px;
  left: calc(100%);
  z-index: 10;
}

@media screen and (max-width: 900px) {
  .progress-bar__section:before {
    top: 0px;
    border-width: 12px 0 12px 8px;
    left: calc(100% + 1px);
  }
}

.progress-bar__section:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 8px;
  border-color: transparent transparent transparent #ADB5BD;
  top: 0;
  left: 100%;
  z-index: 20;
}

.progress-bar__section--complete {
  background-color: #EFA420;
}

.progress-bar__section--complete:after {
  border-color: transparent transparent transparent #EFA420;
}

@media screen and (max-width: 900px) {
  .progress-bar__section--complete {
    background-size: 12px;
  }
}

.progress-bar__section--locked {
  background-color: #ADB5BD;
}

.progress-bar__section--current {
  -webkit-animation: bgPulseBlue 2s infinite alternate;
          animation: bgPulseBlue 2s infinite alternate;
}

.progress-bar__section--current:after {
  -webkit-animation: borderRightPulseBlue 2s infinite alternate;
          animation: borderRightPulseBlue 2s infinite alternate;
}

.progress-bar__section--furtherst {
  background-color: #EFA420;
}

.element-container--normal .radio-prompt__list {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}

@media screen and (max-width: 750px) {
  .element-container--normal .radio-prompt__list {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }
}

.radio-prompt--one-column .radio-prompt__list {
  -webkit-columns: 1;
     -moz-columns: 1;
          columns: 1;
}

.radio-prompt__response {
  border-radius: 3px;
  font-weight: 300;
  margin-bottom: 0;
  padding: 0 8px;
}

.radio-prompt__item {
  margin-bottom: 12px;
}

.radio-prompt__item:hover .radio-prompt__response {
  background-color: #E8F7FF;
}

.element--read-only .radio-prompt__item:hover .radio-prompt__response {
  background-color: transparent;
}

.radio-prompt__item:last-child {
  margin-bottom: 0;
}

.radio-prompt__input:checked + .radio-prompt__response {
  background-color: #CCEDFF;
}

.radio-prompt__input:checked + .radio-prompt__response:before {
  background-color: #3D58BC;
  border-color: #3D58BC;
}

.radio-prompt__input:focus + .radio-prompt__response {
  background-color: #A3DAFF;
}

.radio__input,
.checkbox__input {
  display: inline;
  opacity: 0;
  position: absolute;
}

.radio__input + .radio__label,
.checkbox__input + .radio__label, .radio__input +
.checkbox__label,
.checkbox__input +
.checkbox__label {
  display: inline-block;
  padding-left: 36px;
  position: relative;
  padding-right: 8px;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.radio__input + .radio__label:before, .radio__input + .radio__label:after,
.checkbox__input + .radio__label:before,
.checkbox__input + .radio__label:after, .radio__input +
.checkbox__label:before, .radio__input +
.checkbox__label:after,
.checkbox__input +
.checkbox__label:before,
.checkbox__input +
.checkbox__label:after {
  content: '';
  position: absolute;
  -webkit-transition-property: background-color, border-color, -webkit-transform;
  transition-property: background-color, border-color, -webkit-transform;
  transition-property: transform, background-color, border-color;
  transition-property: transform, background-color, border-color, -webkit-transform;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.radio__input + .radio__label:before,
.checkbox__input + .radio__label:before, .radio__input +
.checkbox__label:before,
.checkbox__input +
.checkbox__label:before {
  border: 1px solid #228AE6;
  background-color: #E8F7FF;
  top: 5px;
  left: 4px;
}

.radio__input + .radio__label:after,
.checkbox__input + .radio__label:after, .radio__input +
.checkbox__label:after,
.checkbox__input +
.checkbox__label:after {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.radio__input:focus + .radio__label,
.radio__input:hover + .radio__label,
.checkbox__input:focus + .radio__label,
.checkbox__input:hover + .radio__label, .radio__input:focus +
.checkbox__label,
.radio__input:hover +
.checkbox__label,
.checkbox__input:focus +
.checkbox__label,
.checkbox__input:hover +
.checkbox__label {
  background-color: #E8F7FF;
  border-radius: 3px;
  outline: #273C89;
}

.radio__input:active + .radio__label,
.checkbox__input:active + .radio__label, .radio__input:active +
.checkbox__label,
.checkbox__input:active +
.checkbox__label {
  background-color: #CCEDFF;
}

.radio__input:active + .radio__label:before,
.checkbox__input:active + .radio__label:before, .radio__input:active +
.checkbox__label:before,
.checkbox__input:active +
.checkbox__label:before {
  border-color: #091646;
}

.radio__input:disabled + .radio__label,
.checkbox__input:disabled + .radio__label, .radio__input:disabled +
.checkbox__label,
.checkbox__input:disabled +
.checkbox__label {
  cursor: not-allowed;
  opacity: .6;
}

.radio__input:disabled:focus + .radio__label,
.radio__input:disabled:hover + .radio__label,
.checkbox__input:disabled:focus + .radio__label,
.checkbox__input:disabled:hover + .radio__label, .radio__input:disabled:focus +
.checkbox__label,
.radio__input:disabled:hover +
.checkbox__label,
.checkbox__input:disabled:focus +
.checkbox__label,
.checkbox__input:disabled:hover +
.checkbox__label {
  background-color: transparent;
}

.radio__input:checked:disabled:hover + .radio__label,
.checkbox__input:checked:disabled:hover + .radio__label, .radio__input:checked:disabled:hover +
.checkbox__label,
.checkbox__input:checked:disabled:hover +
.checkbox__label {
  background-color: #CCEDFF;
}

.radio__input:checked:disabled:hover + .radio__label:before,
.checkbox__input:checked:disabled:hover + .radio__label:before, .radio__input:checked:disabled:hover +
.checkbox__label:before,
.checkbox__input:checked:disabled:hover +
.checkbox__label:before {
  background-color: #228AE6;
}

.radio__input:checked + .radio__label,
.checkbox__input:checked + .radio__label, .radio__input:checked +
.checkbox__label,
.checkbox__input:checked +
.checkbox__label {
  opacity: 1;
}

.radio__input:checked + .radio__label:after,
.checkbox__input:checked + .radio__label:after, .radio__input:checked +
.checkbox__label:after,
.checkbox__input:checked +
.checkbox__label:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.radio__input + .radio__label:before {
  border-radius: 50%;
  height: 12px;
  width: 12px;
}

.radio__input + .radio__label:after {
  background-color: #FFF;
  border: 1px solid #294BA6;
  border-radius: 50%;
  -webkit-box-shadow: 0px 1px 1px #091646;
          box-shadow: 0px 1px 1px #091646;
  top: 8px;
  height: 6px;
  width: 6px;
  left: 7px;
}

.radio__input:checked + .radio__label:before {
  background-color: #228AE6;
  border-color: #228AE6;
}

.checkbox__input + .checkbox__label:before {
  border-radius: 3px;
  height: 12px;
  width: 12px;
}

.checkbox__input + .checkbox__label:after {
  background-size: cover;
  background-image: url("/res/images/icons/checkmark--white.svg");
  background-repeat: no-repeat;
  border-radius: 2px;
  top: 7px;
  left: 6px;
  width: 10px;
  height: 10px;
}

.checkbox__input:checked + .checkbox__label:before {
  background-color: #228AE6;
  border-color: #228AE6;
}

@media screen and (max-width: 600px) {
  .form__row {
    margin-bottom: 8px;
  }
  .form--tight-margins .form__row {
    margin-bottom: 8px;
  }
  .form__inner-container {
    display: block;
  }
  .form--tight-margins .form__inner-container {
    display: block;
  }
  .form__cell--half, .form__cell--two-fifths, .form__cell--three-fifths {
    width: 100%;
    margin-bottom: 8px;
  }
  .form__cell--half:last-child, .form__cell--two-fifths:last-child, .form__cell--three-fifths:last-child {
    margin-bottom: 0;
  }
  .form--tight-margins .form__cell--half, .form--tight-margins .form__cell--two-fifths, .form--tight-margins .form__cell--three-fifths {
    width: 100%;
    margin-bottom: 8px;
  }
  .form--tight-margins .form__cell--half:last-child, .form--tight-margins .form__cell--two-fifths:last-child, .form--tight-margins .form__cell--three-fifths:last-child {
    margin-bottom: 0;
  }
}

.row--ui-dark {
  background-color: palette(ui);
  border-bottom: 1px solid palette(ui, dark);
}

.row--ui-mid {
  background-color: palette(ui, light);
  border-bottom: 1px solid palette(ui, dark);
}

.row--flex-row > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.row--push-bottom {
  margin-top: auto;
  border-bottom: 0 none;
  border-top: 1px solid palette(ui, dark);
}

.row--relative {
  position: relative;
}

.row__item--half {
  width: calc(50% - 16px);
}

@media screen and (max-width: 1100px) {
  .row__item--half {
    width: 100%;
  }
}

.saved-to-journal-menu {
  bottom: calc(100% + 8px);
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 50%;
  width: 300px;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}

.saved-to-journal-menu:after {
  background-image: url("/res/images/misc/saved-to-journal-menu-angle.svg");
  background-position: 50% 50%;
  background-size: cover;
  content: '';
  height: 9px;
  left: calc(50% + 1px);
  position: absolute;
  top: calc(100% - 2px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 15px;
}

@media screen and (max-width: 1280px) {
  .saved-to-journal-menu {
    right: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@media screen and (max-width: 900px) {
  .saved-to-journal-menu {
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
}

.saved-to-journal-menu__button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-right: 0 none;
  color: #273C89;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  width: 50%;
  justify-content: center;
  min-width: 100px;
  padding: 8px 8px;
  text-align: center;
  text-decoration: none;
}

.saved-to-journal-menu__button:first-child {
  border-radius: 3px 0 0 3px;
}

.saved-to-journal-menu__button:last-child {
  border-radius: 0 3px 3px 0;
  border-right: 1px solid #ADB5BD;
}

.saved-to-journal-menu__button:hover {
  border-color: #ADB5BD;
}

.show-extras-button {
  display: none;
}

@media screen and (max-width: 1280px) {
  .show-extras-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.single-card {
  max-width: 800px;
  margin: 0 auto 40px;
  padding: 0 16px;
  pointer-events: none;
}

.share-links__item {
  margin-bottom: 8px;
}

.share-links__button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-left: 8px;
  padding-right: 8px;
}

.share-links__button-image {
  display: inline-block;
  margin-right: 16px;
  height: 24px;
  width: 24px;
}

.sort__item {
  background-color: #F9F9F9;
  border: 1px solid;
  border-color: #E9ECEF;
  color: #273C89;
  font-size: 18px;
  margin-bottom: 12px;
  padding: 16px 32px 16px 16px;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media screen and (max-width: 900px) {
  .sort__item {
    font-size: 16px;
    padding: 8px 24px 8px 8px;
    margin-bottom: 4px;
  }
}

.sort__item:before {
  background-image: url("/res/images/icons/sort-handle.svg");
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  height: 18px;
  position: absolute;
  width: 8px;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media screen and (max-width: 900px) {
  .sort__item:before {
    right: 4px;
  }
}

.sort__item--ghosted {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #228AE6;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  color: #228AE6;
  font-weight: 300;
  list-style: none;
}

.sort__item--ghosted:after {
  opacity: 1;
}

.sort__item--disabled {
  background-color: #E9ECEF;
  cursor: not-allowed;
  opacity: .4;
  -webkit-transition-property: opacity, border-color, -webkit-box-shadow;
  transition-property: opacity, border-color, -webkit-box-shadow;
  transition-property: opacity, border-color, box-shadow;
  transition-property: opacity, border-color, box-shadow, -webkit-box-shadow;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.sort__item--disabled:before {
  opacity: 0;
}

.sort__item--selected {
  background-color: #FFF;
  border-color: #EFA420;
  -webkit-box-shadow: 0px 0px 10px rgba(239, 164, 32, 0.5);
          box-shadow: 0px 0px 10px rgba(239, 164, 32, 0.5);
  color: #EFA420;
  opacity: 1;
}

.slider__base {
  border-radius: 500px;
  border: 1px solid #228AE6;
  cursor: -webkit-grab;
  cursor: grab;
  height: 8px;
  margin-bottom: 24px;
  margin-top: 32px;
}

.slider--disabled .slider__base,
.element--read-only .slider__base {
  border-color: #363b40;
  cursor: not-allowed;
}

.slider__handle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #228AE6;
  border-radius: 50%;
  content: attr(data-val);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50px;
  -webkit-transform: translateY(-50%) scale(1.1);
          transform: translateY(-50%) scale(1.1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.slider__handle--active {
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}

.slider--disabled .slider__handle,
.element--read-only .slider__handle {
  background-color: #ADB5BD;
  cursor: not-allowed;
}

.slider__value {
  color: #FFF;
  font-family: "Gobold Italic", "Karla", sans-serif;
  font-size: 18px;
  position: relative;
  left: -1px;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.slider__handle--active .slider__value {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.slider--disabled .slider__value,
.element--read-only .slider__value {
  color: #363b40;
}

.slider__bar {
  height: 6px;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.slider__bar-0 {
  background-color: #228AE6;
  border-radius: 500px 0 0 500px;
}

.slider--disabled .slider__bar-0,
.element--read-only .slider__bar-0 {
  background-color: #ADB5BD;
}

.slider__caps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.slider__cap-val {
  font-family: "Gobold Italic", "Karla", sans-serif;
  font-size: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 48px);
          flex: 0 0 calc(50% - 48px);
}

.slider__cap-val--max {
  text-align: right;
}

.tag-bar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3px;
  background-color: #F8F9FA;
  border: 1px solid #E9ECEF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
  opacity: .5;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.tag-bar--filtering {
  opacity: 1;
}

@media screen and (max-width: 600px) {
  .tag-bar {
    -webkit-box-align: left;
        -ms-flex-align: left;
            align-items: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.tag-bar__list {
  padding-left: 16px;
}

@media screen and (max-width: 600px) {
  .tag-bar__list {
    padding: 0;
  }
}

.tag-bar__label {
  color: #273C89;
  padding: 9px 0 8px;
  font-family: "Gobold Italic", "Karla", sans-serif;
  letter-spacing: 0.01em;
}

.tag {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFF;
  border: 1px solid #228AE6;
  border-radius: 3px;
  color: #228AE6;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 4px 4px 4px 0px;
  max-width: 320px;
  padding: 6px 8px;
}

.tag:last-child {
  margin-right: 0;
}

.tag:hover {
  border-color: #273C89;
  color: #3D58BC;
}

@media screen and (max-width: 600px) {
  .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 280px;
    text-align: left;
  }
}

.tag__name {
  padding-right: 8px;
}

.tag__close {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
}

.tag__close svg {
  height: 12px;
  width: 12px;
}

.tag__close svg .icon-fill {
  fill: #E03131;
}

.text--full-width {
  padding: 24px;
}

.text p {
  font-size: 18px;
  margin-bottom: 16px;
}

.text p:last-child {
  margin-bottom: 0;
}

.text .card__heading:last-child,
.text .card__subheading:last-child {
  margin-bottom: 0;
}

.text-button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.text-button:disabled .text-button__icon {
  opacity: .3;
}

.text-button:disabled {
  cursor: not-allowed;
}

.text-button > * {
  padding-right: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.text-button > *:last-child {
  margin-bottom: 0px;
}

.text-button__text {
  color: #228AE6;
  font-size: 14px;
  text-decoration: underline;
}

.text-button__count {
  background-color: #EFA420;
  border-radius: 3px;
  color: #FFF;
  padding: 2px 6px;
  margin-left: 4px;
}

.text-button__like-count {
  border-radius: 3px;
  color: #228AE6;
  padding: 2px 6px;
  margin-left: 4px;
}

.text-button__icon {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.text-button__icon .icon-fill {
  fill: #228AE6;
}

.text-button__icon--show-hide {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  width: 12px;
  height: 6px;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.text-button--active .text-button__icon--show-hide {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.text-input-prompt__input,
.text-area-prompt__input {
  width: 100%;
  min-height: 40px;
}

.text-input-prompt__input,
.text-area-prompt__input {
  font-size: 18px;
  margin-bottom: 8px;
}

.text-input-prompt__input:last-child,
.text-area-prompt__input:last-child {
  margin-bottom: 0;
}

.text-input-prompt__input::-webkit-input-placeholder,
.text-area-prompt__input::-webkit-input-placeholder {
  color: hotpink;
  font-style: italic;
  opacity: .5;
}

.text-input-prompt__input::-moz-placeholder,
.text-area-prompt__input::-moz-placeholder {
  color: hotpink;
  font-style: italic;
  opacity: .5;
}

.text-input-prompt__input::-ms-input-placeholder,
.text-area-prompt__input::-ms-input-placeholder {
  color: hotpink;
  font-style: italic;
  opacity: .5;
}

.text-input-prompt__input::placeholder,
.text-area-prompt__input::placeholder {
  color: hotpink;
  font-style: italic;
  opacity: .5;
}

.text-input-prompt__input {
  min-height: 40px;
}

.text-area-prompt__input {
  min-height: 120px;
}

.three-steps {
  background-color: #273C89;
  padding: 48px 0;
}

@media screen and (max-width: 1100px) {
  .three-steps {
    padding: 32px 0;
  }
}

.three-steps__container {
  background-color: #FFF;
  border-bottom: 6px solid #DBE4FF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1100px) {
  .three-steps__container {
    margin: 0 auto;
    max-width: 700px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.three-steps__step {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  padding: 40px 24px 40px 72px;
  position: relative;
}

@media screen and (max-width: 1100px) {
  .three-steps__step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 24px;
  }
}

@media screen and (max-width: 600px) {
  .three-steps__step {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.three-steps__step:nth-child(1):after, .three-steps__step:nth-child(2):after {
  background-position: 0% 50%;
  background-size: 32px 100%;
  background-repeat: no-repeat;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% - 1px);
  width: 32px;
  z-index: 5;
}

@media screen and (max-width: 1100px) {
  .three-steps__step:nth-child(1):after, .three-steps__step:nth-child(2):after {
    display: none;
  }
}

.three-steps__step:nth-child(1) {
  background-color: #ECF1FA;
  z-index: 15;
}

.three-steps__step:nth-child(1):after {
  background-image: url("/res/images/misc/three-step__angle-1.png");
}

.three-steps__step:nth-child(2) {
  background-color: #F9FBFF;
  z-index: 10;
}

.three-steps__step:nth-child(2):after {
  background-image: url("/res/images/misc/three-step__angle-2.png");
}

.three-steps__step:nth-child(3) {
  padding-right: 72px;
  z-index: 5;
}

@media screen and (max-width: 1100px) {
  .three-steps__step:nth-child(3) {
    padding: 24px;
  }
}

.three-steps__icon-container {
  margin-bottom: 24px;
}

@media screen and (max-width: 600px) {
  .three-steps__icon-container {
    margin-bottom: 8px;
    text-align: center;
  }
}

.three-steps__heading {
  color: #273C89;
  margin-bottom: 24px;
  font-size: 24px;
}

@media screen and (max-width: 1100px) {
  .three-steps__heading {
    margin-bottom: 8px;
  }
}

.three-steps__copy:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1100px) {
  .three-steps__content {
    padding-left: 24px;
  }
}

@media screen and (max-width: 600px) {
  .three-steps__content {
    padding-left: 0px;
    max-width: 320px;
    margin: 0 auto;
    text-align: center;
  }
}

.tooltip {
  background-color: #FFE066;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  padding: 16px;
  position: absolute;
  text-align: left;
  width: 300px;
  z-index: 1200;
  pointer-events: auto;
}

.tooltip:before {
  background-image: url("/res/images/icons/tool-tip-tail.svg");
  background-size: cover;
  background-repeat: no-repeat;
  content: '';
  height: 24px;
  width: 24px;
  position: absolute;
}

.tooltip--dismissed {
  pointer-events: none;
}

.tooltip--top {
  bottom: 50%;
}

.tooltip--top:before {
  bottom: 0;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}

.tooltip--left {
  right: calc(100% + 24px);
}

.tooltip--left:before {
  right: -21px;
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}

.tooltip--right {
  left: calc(100% + 24px);
}

.tooltip--right:before {
  left: -21px;
}

.tooltip--bottom {
  top: 50%;
}

.tooltip--bottom:before {
  top: 0;
}

.tooltip--top.tooltip--left {
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

.tooltip--top.tooltip--left:before {
  -webkit-transform: scaleX(-1) scaleY(-1);
          transform: scaleX(-1) scaleY(-1);
}

.tooltip--top.tooltip--right {
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}

.tooltip--bottom.tooltip--left {
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}

.tooltip--bottom.tooltip--right {
  -webkit-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

@media screen and (max-width: 1280px) {
  .tooltip--center-at-bp-l {
    bottom: calc(100% + 12px) !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
  .tooltip--center-at-bp-l:before {
    background-image: url("/res/images/icons/tool-tip-tail--centered.svg");
    background-size: cover;
    background-repeat: no-repeat;
    content: '';
    height: 17px;
    width: 34px;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
}

@media screen and (max-width: 900px) {
  .tooltip--center-at-bp-s {
    bottom: calc(100% + 12px) !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
  .tooltip--center-at-bp-s:before {
    background-image: url("/res/images/icons/tool-tip-tail--centered.svg");
    background-size: cover;
    background-repeat: no-repeat;
    content: '';
    height: 17px;
    width: 34px;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
  }
}

@media screen and (max-width: 900px) {
  .tooltip--thin-at-bp-s {
    width: 240px;
  }
}

.tooltip__element {
  position: relative;
}

.tooltip__heading, .tooltip__content {
  color: #363b40;
}

.tooltip__heading {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 8px;
}

.tooltip__content {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 16px;
}

.tooltip__footer {
  text-align: right;
}

.tooltip__button {
  background-color: #FFF;
  border: 1px solid #273C89;
  color: #273C89;
  padding: 4px 8px;
  border-radius: 3px;
}

.tooltip__button:hover {
  background-color: #F8F9FA;
}

@media screen and (max-width: 1280px) {
  .card-aside__section .tooltip {
    display: none;
  }
}

.transcript-pane {
  background-color: #F9F9F9;
  border-top: 1px solid #dde0e3;
  padding: 24px;
}

.transcript-pane__content {
  max-height: 300px;
  overflow: auto;
}

.video__header {
  padding: 24px 32px;
}

@media screen and (max-width: 1100px) {
  .video__header {
    padding: 24px;
  }
}

.video--full-width .video__header {
  padding: 0 40px;
}

.video--half-width .video__header {
  padding: 0;
}

@media screen and (max-width: 750px) {
  .video--half-width .video__header {
    padding: 24px;
  }
}

@media screen and (max-width: 600px) {
  .video__header {
    padding: 16px;
  }
}

.video--half-width .video__heading:last-child {
  margin-bottom: 16px;
}

@media screen and (max-width: 750px) {
  .video--half-width .video__heading:last-child {
    margin-bottom: 0;
  }
}

.video__desc {
  margin-bottom: 0;
}

.video--normal .video__desc,
.video--full-width .video__desc {
  margin-bottom: 0;
}

.video--half-width .video__desc {
  margin-bottom: 16px;
}

@media screen and (max-width: 750px) {
  .video--half-width .video__desc {
    margin-bottom: 0;
  }
}

.video__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  overflow: hidden;
  height: 0;
  max-width: 100%;
  width: 100%;
  min-width: 100%;
}

.video__wrapper > div {
  width: 100% !important;
}

.video__wrapper > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video__player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video__frame--half-width {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media screen and (max-width: 750px) {
  .video__frame--half-width {
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  }
}

@media screen and (max-width: 750px) {
  .video__footer {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 16px;
  }
}

.vimeo {
  position: relative;
  padding-bottom: 56.25%;
}

.vimeo-image {
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: auto;
}

.vimeo-play-button {
  background: none;
  border: 0 none;
  left: 50%;
  padding: 0;
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  top: 50%;
  width: 10%;
  z-index: 2;
}

.vimeo-play-button path {
  fill: white;
}

.vimeo-embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vimeo-embed iframe {
  height: 100%;
  width: 100%;
}

.videos-list__heading {
  color: #273C89;
  font-family: "Gobold Italic", "Karla", sans-serif;
  font-size: 24px;
}

.videos-list__item-heading {
  color: #273C89;
  font-family: "Karla", sans-serif;
  letter-spacing: 0;
  margin-bottom: 8px;
  font-size: 16px;
}

.videos-list__item {
  margin-bottom: 24px;
}

.utility-nav {
  width: 100%;
}

@media screen and (max-width: 1100px) {
  .utility-nav {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #F9F9F9;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 16px;
    padding: 8px 24px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.utility-nav__item {
  margin-bottom: 12px;
}

@media screen and (max-width: 1100px) {
  .utility-nav__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    margin-bottom: 0;
    width: 50%;
  }
}

@media screen and (max-width: 600px) {
  .utility-nav__item {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
  }
}

.utility-nav__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-decoration: none;
}

@media screen and (max-width: 1100px) {
  .utility-nav__link {
    padding: 8px;
  }
}

.utility-nav__link--current {
  position: relative;
}

.utility-nav__arrow {
  display: none;
  left: -12px;
  height: 8px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4px;
}

@media screen and (max-width: 1100px) {
  .utility-nav__arrow {
    left: -8px;
  }
}

.utility-nav__arrow .icon-fill {
  fill: #228AE6;
}

.utility-nav__link--current .utility-nav__arrow {
  display: block;
}

.utility-nav__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
}

@media screen and (max-width: 600px) {
  .utility-nav__text {
    font-size: 16px;
  }
}

.utility-nav__notification {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #E03131;
  border-radius: 3px;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 1100px) {
  .utility-nav__notification {
    margin-left: 8px;
    margin-right: 8px;
  }
}

.editable-block__header, .block__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #E9ECEF;
  border-bottom: 1px solid #273C89;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 16px;
  min-height: 50px;
}

.editable-block__heading, .block__heading {
  color: #273C89;
  font-family: "Karla", sans-serif;
  font-weight: 700;
  margin-bottom: 0;
}

.editable-block__fields, .block__body {
  background-color: #E9ECEF;
  padding: 12px;
}

.billing-info__field, .block__item {
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 8px;
}

.billing-info__field:last-child, .block__item:last-child {
  margin-bottom: 0;
}

.block {
  margin-bottom: 24px;
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.block:last-child {
  margin-bottom: 0;
}

.aside--closed .block {
  opacity: 0;
}

.block__body--no-padding {
  padding: 0;
}

.block__body--extra-padding {
  padding: 24px;
}

.block__item {
  border-bottom: 1px solid #E9ECEF;
  font-weight: 700;
}

.block__sub-item {
  border-bottom: 1px solid #E9ECEF;
  font-weight: 300;
}

.block__sub-item:last-child {
  border-bottom: 0 none;
}

.block__filter-name.checkbox__label {
  margin-bottom: 0;
  display: block !important;
  padding: 12px 40px 12px 16px;
}

.block__filter-name.checkbox__label:before {
  top: 16px;
  left: auto;
  right: 16px;
}

.block__filter-name.checkbox__label:after {
  top: 18px;
  left: auto;
  right: 18px;
}

.block__filter-name--border-bottom.checkbox__label {
  border-bottom: 1px solid #E9ECEF;
}

.block__list {
  padding: 8px 16px;
}

.block__list-item {
  margin-bottom: 8px;
}

.block__list-item:last-child {
  margin-bottom: 0;
}

.browser-warning {
  background-color: #E03131;
  color: #FFF;
  padding: 40px 0;
}

.browser-warning__heading {
  font-size: 32px;
}

.browser-warning__desc {
  font-size: 20px;
}

.browser-warning a {
  color: #FFF;
}

.browser-warning a:hover {
  text-decoration: none;
}

.-spacing-bottom-m {
  margin-bottom: 24px;
}

.info-tip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.info-tip__icon {
  padding-right: 16px;
}

.info-tip__title {
  color: #EFA420;
  font-family: "Karla", sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}

.info-tip__content p {
  font-size: 14px;
  font-style: italic;
}

.site-header {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: #273C89;
  border-bottom: 2px solid #091646;
  -webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 0;
  min-height: 64px;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 500;
}

.site-header:before, .site-header:after {
  content: '';
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  z-index: -1;
}

@media screen and (max-width: 600px) {
  .site-header:before, .site-header:after {
    display: none;
  }
}

.site-header:before {
  border-color: #273C89;
  left: 0;
}

.site-header--site:before {
  background-color: #273C89;
}

@media screen and (max-width: 1100px) {
  .site-header--site {
    min-height: 56px;
  }
  .site-header--site:before {
    background-color: #273C89;
  }
  .site-header--site:after {
    background-color: #3D58BC;
  }
}

.site-header--app:before {
  background-color: #273C89;
}

@media screen and (max-width: 1100px) {
  .site-header--app {
    min-height: 56px;
  }
  .site-header--app:before, .site-header--app:after {
    background-color: #273C89;
  }
}

.site-header:after {
  background-color: #3D58BC;
  border-color: #3D58BC;
  left: 50%;
}

@media screen and (max-width: 1100px) {
  .site-header:after {
    background-color: #3D58BC;
  }
}

.site-header a {
  text-decoration: none;
}

.site-header > .app-container,
.site-header > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 600px) {
  .site-header > .app-container,
  .site-header > .container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.site-header__col {
  height: 64px;
}

@media screen and (max-width: 1100px) {
  .site-header__col {
    height: 56px;
  }
}

.site-header__col--left {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.site-header--site .site-header__col--left {
  background-color: #273C89;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 320px;
          flex: 0 0 320px;
}

@media screen and (max-width: 1600px) {
  .site-header--site .site-header__col--left {
    -ms-flex-preferred-size: 320px;
        flex-basis: 320px;
  }
}

@media screen and (max-width: 1280px) {
  .site-header--site .site-header__col--left {
    -ms-flex-preferred-size: 280px;
        flex-basis: 280px;
  }
}

@media screen and (max-width: 900px) {
  .site-header--site .site-header__col--left {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    margin-right: auto;
  }
}

.site-header--app .site-header__col--left {
  background-color: #273C89;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 380px;
          flex: 0 0 380px;
}

@media screen and (max-width: 1600px) {
  .site-header--app .site-header__col--left {
    -ms-flex-preferred-size: 340px;
        flex-basis: 340px;
  }
}

@media screen and (max-width: 1280px) {
  .site-header--app .site-header__col--left {
    -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
  }
}

@media screen and (max-width: 1100px) {
  .site-header--app .site-header__col--left {
    background-color: #294BA6;
  }
}

@media screen and (max-width: 1600px) {
  .body--feed .site-header__col--left {
    padding-left: 24px;
  }
}

@media screen and (max-width: 1600px) {
  .body--feed .site-header__col--left {
    padding-left: 16px;
  }
}

@media screen and (max-width: 1100px) {
  .body--feed .site-header__col--left {
    -ms-flex-preferred-size: 140px;
        flex-basis: 140px;
  }
}

@media screen and (max-width: 600px) {
  .body--feed .site-header__col--left {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}

.site-header__col--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #294BA6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 5 auto;
          flex: 1 5 auto;
  padding: 0 16px;
  position: relative;
}

.site-header--site .site-header__col--center {
  background-color: #273C89;
}

@media screen and (max-width: 600px) {
  .site-header--site .site-header__col--center {
    padding: 0;
  }
}

@media screen and (max-width: 600px) {
  .site-header--app .site-header__col--center {
    display: none;
  }
}

.site-header__col--right {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #3D58BC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 0px 8px 16px;
  position: relative;
}

.site-header--site .site-header__col--right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 248px;
          flex: 0 0 248px;
}

@media screen and (max-width: 1100px) {
  .site-header--site .site-header__col--right {
    -ms-flex-preferred-size: 130px;
        flex-basis: 130px;
  }
}

@media screen and (max-width: 600px) {
  .site-header--site .site-header__col--right {
    background-color: #273C89;
  }
}

.site-header--app .site-header__col--right {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 360px;
          flex: 0 1 360px;
}

@media screen and (max-width: 1600px) {
  .site-header--app .site-header__col--right {
    -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
  }
}

@media screen and (max-width: 1280px) {
  .site-header--app .site-header__col--right {
    -ms-flex-preferred-size: 160px;
        flex-basis: 160px;
  }
}

@media screen and (max-width: 1100px) {
  .site-header--app .site-header__col--right {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #294BA6;
    padding-right: 16px;
  }
}

.site-header--site .site-header__col--right--not-logged-in {
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
}

@media screen and (max-width: 1100px) {
  .site-header--site .site-header__col--right--not-logged-in {
    -ms-flex-preferred-size: 200px;
        flex-basis: 200px;
  }
}

@media screen and (max-width: 600px) {
  .site-header--site .site-header__col--right--not-logged-in {
    -ms-flex-preferred-size: 152px;
        flex-basis: 152px;
    background-color: #273C89;
  }
}

.site-header__login-items {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.site-header__login-button {
  padding-left: 8px;
  padding-right: 8px;
  width: calc(100% - 16px);
}

@media screen and (max-width: 600px) {
  .site-header__login-button {
    font-size: 14px;
    padding-left: 2px;
    padding-right: 4px;
  }
}

.user {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.user__unstyle-link {
  color: #FFF;
}

.user__unstyle-link:hover {
  color: #FFF;
  text-decoration: underline;
}

.user__unstyle-link:focus {
  color: #F8F9FA;
}

.user__image-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  position: relative;
}

@media screen and (max-width: 1100px) {
  .user__image-container {
    -ms-flex-preferred-size: 40px;
        flex-basis: 40px;
  }
}

.user__image-frame {
  border-radius: 50%;
  height: 48px;
  width: 48px;
  overflow: hidden;
}

@media screen and (max-width: 1100px) {
  .user__image-frame {
    height: 40px;
    width: 40px;
  }
}

.user__image {
  display: block;
  height: auto;
  width: 100%;
}

.user__name {
  color: #FFF;
  padding: 0px 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.site-header--site .user__name {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 148px;
          flex: 0 0 148px;
  max-width: 148px;
}

@media screen and (max-width: 1280px) {
  .site-header--site .user__name {
    max-width: 100px;
  }
}

@media screen and (max-width: 1100px) {
  .site-header--site .user__name {
    display: none;
  }
}

.site-header--app .user__name {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 220px;
          flex: 0 0 220px;
  max-width: 220px;
}

@media screen and (max-width: 1600px) {
  .site-header--app .user__name {
    max-width: 160px;
  }
}

@media screen and (max-width: 1280px) {
  .site-header--app .user__name {
    max-width: 120px;
  }
}

@media screen and (max-width: 1100px) {
  .site-header--app .user__name {
    display: none;
  }
}

.user__alert-count {
  background-color: #E03131;
  border-radius: 50%;
  bottom: 0;
  color: #FFF;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  position: absolute;
  right: -4px;
  text-align: center;
  width: 24px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.user__alert-count:hover {
  background-color: #e24141;
  color: #FFF;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.hamburger {
  background-color: #091646;
  border: 1px solid #228AE6;
  border-radius: 3px;
  margin-left: auto;
}

.hamburger:hover {
  border-color: #A3DAFF;
  opacity: 1;
}

@media screen and (max-width: 600px) {
  .hamburger {
    background-color: #091646;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

.logo {
  display: block;
  max-width: 160px;
}

@media screen and (max-width: 1600px) {
  .logo {
    max-width: 160px;
  }
}

@media screen and (max-width: 1280px) {
  .logo {
    max-width: 160px;
  }
}

@media screen and (max-width: 1280px) {
  .logo {
    max-width: 120px;
  }
}

@media screen and (max-width: 1100px) {
  .logo {
    max-width: 106px;
  }
}

@media screen and (max-width: 360px) {
  .logo {
    max-width: 80px;
  }
}

.logo__image {
  display: block;
  height: auto;
  width: 100%;
}

@media screen and (max-width: 1280px) {
  .logo__small-text {
    display: none;
  }
}

#nav-icons-container {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

.nav-icons {
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: auto;
}

.nav-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #091646;
  border: 1px solid #228AE6;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 8px;
  padding: 8px;
  -webkit-transition-property: border;
  transition-property: border;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.nav-icon:last-child {
  margin-right: 0;
}

.nav-icon:hover {
  border-color: #A3DAFF;
}

.nav-icon:hover .icon-fill {
  fill: #228AE6;
}

.nav-icon:hover:before {
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(0px);
          transform: translateX(-50%) translateY(0px);
}

@media screen and (max-width: 1100px) {
  .nav-icon {
    margin-right: 16px;
  }
}

@media screen and (max-width: 900px) {
  .nav-icon {
    margin-right: 12px;
  }
}

@media screen and (max-width: 600px) {
  .nav-icon {
    border: 0 none;
    background-color: transparent;
    margin-right: 0;
    padding: 0;
  }
}

@media screen and (max-width: 1100px) {
  .nav-icon--my-curriculum {
    display: none;
  }
}

.nav-icon__icon-container {
  width: 24px;
  height: 24px;
}

.nav-icon__icon-container svg {
  height: auto;
  width: 100%;
}

@media screen and (max-width: 1100px) {
  .nav-icon__icon-container {
    width: 16px;
    height: 16px;
  }
}

.nav-icon__text-container {
  color: #FFF;
  font-weight: 700;
  font-size: 14px;
  padding-left: 8px;
  text-transform: uppercase;
}

.nav-icon__alert-count {
  background-color: #E03131;
  border-radius: 50%;
  color: #FFF;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
  text-align: center;
  width: 24px;
}

.nav-icon .icon-fill {
  fill: #FFF;
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.nav {
  background-color: #091646;
  border-radius: 0 0 3px 3px;
  border: 1px solid #091646;
  border-top: 0 none;
  display: block;
  position: absolute;
  width: 100%;
  top: 100%;
  right: 0;
  z-index: 1200;
  min-width: 250px;
}

@media screen and (max-width: 1100px) {
  .nav {
    border-radius: 0;
    background-color: #091646;
    min-width: 100vw;
  }
  .nav--site-header {
    right: -24px;
  }
  .nav--app-header {
    right: 0px;
  }
}

@media screen and (max-width: 360px) {
  .nav--site-header {
    right: -16px;
  }
  .nav--app-header {
    right: 0px;
  }
}

.nav__list {
  padding-top: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
}

@media screen and (max-width: 1100px) {
  .nav__list {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}

.nav__item {
  margin-bottom: 8px;
}

@media screen and (max-width: 1100px) {
  .nav__item {
    font-size: 18px;
    margin-bottom: 16px;
  }
}

.nav__item:last-child {
  margin-bottom: 0;
}

.nav__icon-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  margin-right: 8px;
}

@media screen and (max-width: 1100px) {
  .nav__icon-container {
    -ms-flex-preferred-size: 24px;
        flex-basis: 24px;
    margin-right: 16px;
  }
}

.nav__icon-container svg {
  display: block;
  width: 100%;
}

.nav__link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}

.nav__link:hover, .nav__link:focus, .nav__link:active {
  color: #FFF;
}

.nav__link:hover .icon-fill, .nav__link:focus .icon-fill, .nav__link:active .icon-fill {
  fill: #FFF;
}

.nav .icon-fill {
  fill: #EFA420;
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.site-footer {
  background-color: #F8F9FA;
  border-top: 1px solid #E9ECEF;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 32px 0;
  position: relative;
  z-index: 1;
}

.site-footer__company {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 16px;
  font-size: 12px;
}

@media screen and (max-width: 1100px) {
  .site-footer__company {
    margin-right: 0;
  }
}

.site-footer__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1100px) {
  .site-footer__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
}

.site-footer__section {
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
}

@media screen and (max-width: 1100px) {
  .site-footer__section {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    max-width: 100%;
    margin-bottom: 8px;
  }
  .site-footer__section:last-child {
    margin-bottom: 0;
  }
}

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

@media screen and (max-width: 1100px) {
  .site-footer__address {
    text-align: center;
  }
}

.site-footer__links {
  text-align: center;
}

@media screen and (max-width: 1100px) {
  .body--feed .site-footer {
    padding-left: 67px;
  }
}

@media screen and (max-width: 1100px) {
  .site-footer .AuthorizeNetSeal {
    margin: 0 auto;
  }
}

.footer-links {
  display: inline-block;
  text-align: center;
}

.footer-links__item {
  display: inline-block;
  margin-right: 8px;
}

.footer-links__item:last-child {
  margin-right: 0;
}

.global-return {
  background-color: #FFF4E6;
  border: 2px solid #FFA94D;
  color: #FD7E14;
  padding: 8px 12px;
  position: fixed;
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.19);
  border-radius: 37.5px;
  font-weight: 700;
  font-style: italic;
  font-size: 14px;
  right: 16px;
  bottom: 16px;
  text-decoration: none;
  z-index: 5;
  -webkit-transition-property: background-color, -webkit-box-shadow;
  transition-property: background-color, -webkit-box-shadow;
  transition-property: box-shadow, background-color;
  transition-property: box-shadow, background-color, -webkit-box-shadow;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

@media screen and (min-width: 481px) {
  .global-return {
    font-size: 16px;
    padding: 12px 22px;
    right: 54px;
    bottom: 44px;
  }
}

.global-return:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.35);
          box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.35);
  color: #FD7E14;
}

.homepage-featured-product {
  display: block;
}

.homepage-featured-product:after {
  content: "";
  display: table;
  clear: both;
}

.homepage-featured-product > .container {
  padding: 48px 64px;
}

@media screen and (max-width: 1100px) {
  .homepage-featured-product > .container {
    padding: 32px 24px;
  }
}

@media screen and (max-width: 360px) {
  .homepage-featured-product > .container {
    padding: 16px;
  }
}

.product-showcase {
  background-color: #F8F9FA;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.product-showcase > .container {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media screen and (max-width: 1100px) {
  .product-showcase > .container {
    padding-top: 24px;
    padding-bottom: 32px;
  }
}

@media screen and (max-width: 480px) {
  .product-showcase > .container {
    padding-top: 16px;
    padding-bottom: 24px;
  }
}

.product-showcase__inner-container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media screen and (max-width: 1100px) {
  .product-showcase__inner-container {
    display: block;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}

.product-showcase__controls {
  text-align: center;
}

.product-showcase .product--small {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(33% - 32px);
          flex: 0 0 calc(33% - 32px);
  width: calc(33% - 32px);
  margin-bottom: 48px;
}

@media screen and (max-width: 1100px) {
  .product-showcase .product--small {
    display: block;
    width: 100%;
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 900px) {
  .product-showcase .product__flex-container {
    display: block;
  }
}

.shop {
  padding-top: 40px;
}

.shop__page-title {
  margin-bottom: 62px;
}

@media screen and (max-width: 1100px) {
  .shop__page-title {
    margin-bottom: 16px;
  }
}

.shop__tag-bar {
  margin-bottom: 40px;
}

.shop__product-list .product {
  margin-bottom: 32px;
  position: relative;
  z-index: 10;
  float: left;
  display: block;
}

.shop__product-list .product--small {
  width: calc(50% - 16px);
}

.shop__product-list .product--small:nth-child(even) {
  margin-right: 32px;
}

@media screen and (max-width: 900px) {
  .shop__product-list .product--small {
    width: 100%;
    margin-right: 0;
  }
}

.shop__product-list .product--large {
  width: 100%;
}

@media screen and (max-width: 900px) {
  .shop__product-list .product--large {
    display: block;
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}

@media screen and (max-width: 900px) {
  .shop__product-list .product__flex-container {
    display: block;
  }
}

@media screen and (max-width: 900px) {
  .shop__product-list .product__image-container {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media screen and (max-width: 900px) {
  .shop__product-list .product__content-container {
    padding: 24px 24px 32px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media screen and (max-width: 360px) {
  .shop__product-list .product__content-container {
    padding: 16px;
  }
}

.shop__product-list-section {
  margin-bottom: 40px;
  width: 100%;
}

.shop__product-list-section:last-child {
  margin-bottom: 0;
}

.shop__product-list-section:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 900px) {
  .shop__product-list-section {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.shop__product-heading {
  color: #273C89;
  font-size: 22px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

.shop__product-heading:before, .shop__product-heading:after {
  content: '';
  height: 103px;
  width: 100%;
}

.shop__product-heading:before {
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(70%, #FFF));
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #FFF 70%);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -1;
}

@media screen and (max-width: 900px) {
  .shop__product-heading:before {
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(50%, #FFF));
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #FFF 50%);
  }
}

.shop__product-heading:after {
  background-position: 100% 0%;
  background-image: url("/res/images/misc/heartwire-break--blue.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -2;
}

.shop__product-heading--featured {
  color: #EFA420;
}

.shop__product-heading--featured:after {
  background-image: url("/res/images/misc/heartwire-break--orange.svg");
}

@media screen and (max-width: 900px) {
  .shop__product-heading {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
  }
}

.shop__main-container {
  margin: 0 auto;
  max-width: 800px;
}

#cart-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 890px;
  padding: 24px;
  width: 100%;
}

.cart {
  margin-bottom: 40px;
}

.cart__affiliate-logo {
  max-width: 180px;
  display: block;
  margin-bottom: 24px;
  width: 100%;
  height: auto;
}

.cart__product-name {
  color: #273C89;
  margin-bottom: 4px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
}

.cart__product-name:hover {
  text-decoration: underline;
}

.cart__product-category {
  font-style: italic;
  font-size: 14px;
}

.cart__item {
  margin-bottom: 16px;
}

.cart__item-main {
  min-height: 124px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.cart__image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  min-height: 100px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}

@media screen and (max-width: 600px) {
  .cart__image {
    display: none;
  }
}

.cart__product-info {
  padding: 24px 8px 24px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 600px) {
  .cart__product-info {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 16px;
  }
}

.cart__auxillary {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 112px;
          flex: 0 0 112px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
}

.cart__control {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.cart__control--remove {
  color: #E03131;
}

.cart__control--remove .icon-fill {
  fill: #E03131;
}

.cart__control--remove:hover {
  color: #C92A2A;
  text-decoration: underline;
}

.cart__control--remove:hover .icon-fill {
  fill: #C92A2A;
}

.cart__control .icon-fill {
  -webkit-transition-property: fill;
  transition-property: fill;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.cart__control svg {
  width: 32px;
}

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

.cart__price-entry--highlight {
  color: #EFA420;
  font-weight: 700;
}

.cart__price-entry--strikethru {
  text-decoration: line-through;
}

.cart-offer {
  border-top: 1px solid #dde0e3;
  padding: 16px;
}

.cart-offer__heading {
  color: #273C89;
  font-family: "Gobold Italic", "Karla", sans-serif;
  font-size: 18px;
  letter-spacing: 0.01em;
}

.cart-offer__subheading {
  color: #EFA420;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}

.cart-offer li {
  margin-bottom: 12px;
}

.cart-offer li:last-child {
  margin-bottom: 0;
}

.offer-bar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #dde0e3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 8px 16px;
}

@media screen and (max-width: 600px) {
  .offer-bar {
    display: block;
    padding: 16px;
  }
}

.offer-bar__main-flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 16px;
}

@media screen and (max-width: 600px) {
  .offer-bar__main-flex {
    display: block;
    margin-bottom: 16px;
  }
}

.offer-bar__info-icon {
  margin-right: 16px;
}

.offer-bar__show-hide {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #dde0e3;
  border-radius: 500px;
  color: #228AE6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 150px;
  padding: 8px;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.offer-bar__show-hide:hover {
  background-color: #F8F9FA;
}

.offer-bar__show-hide-arrow {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.offer-bar__show-hide-arrow--up {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.offer-bar__control-text {
  margin-right: 8px;
}

.cart-footer {
  border-bottom: 1px solid #273C89;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.cart-footer__row {
  margin-bottom: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 600px) {
  .cart-footer__row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.cart-footer__row:last-child {
  margin-bottom: 0;
}

.cart-footer__row--controls {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media screen and (max-width: 600px) {
  .cart-footer__row--controls {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.cart-footer__coupon-input {
  max-width: 160px;
  margin-right: 8px;
}

.cart-footer__control-cell {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 40px;
  text-align: left;
}

.cart-footer__control-cell:last-child {
  margin-right: 0;
}

@media screen and (max-width: 600px) {
  .cart-footer__control-cell {
    margin-right: 0;
    margin-bottom: 24px;
  }
  .cart-footer__control-cell:last-child {
    margin-bottom: 0;
  }
}

.cart-footer__text-link {
  color: #EFA420;
  text-decoration: underline;
}

.cart-footer__text-link:disabled {
  opacity: .4;
  text-decoration: none;
}

.cart-price {
  margin-bottom: 16px;
  text-align: right;
}

@media screen and (max-width: 600px) {
  .cart-price {
    text-align: center;
  }
}

.cart-price:last-child {
  margin-bottom: 0;
}

.cart-price__section {
  margin-bottom: 8px;
}

.cart-price__section:last-child {
  margin-bottom: 0;
}

.cart-price__subtotal {
  color: #273C89;
  font-size: 18px;
}

.cart-price__coupon-code {
  font-size: 14px;
}

.cart-price__text--coupon {
  color: #0CA678;
}

.cart-price__coupon-disclaimer {
  font-style: italic;
}

.cart-price__total {
  color: #273C89;
  font-size: 22px;
  font-weight: 700;
}

.cart-price__discount-disclaimer-link {
  font-style: italic;
  font-size: 14px;
}

.cart-to-shop {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}

.cart-to-shop__cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 40px);
          flex: 0 0 calc(50% - 40px);
}

.cart-to-shop__cell:last-child {
  text-align: right;
}

@media screen and (max-width: 600px) {
  .cart-to-shop__cell {
    text-align: center;
    margin-bottom: 24px;
  }
  .cart-to-shop__cell:last-child {
    text-align: center;
  }
}

@media screen and (max-width: 600px) {
  .cart-to-shop {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.coupon__submit {
  width: 80px;
  text-align: center;
}

.cal__hero {
  height: 436px;
  background-color: rgba(0, 0, 0, 0.1);
  background-size: cover;
  background-position: 50% 50%;
}

@media screen and (max-width: 1280px) {
  .cal__hero {
    height: 360px;
  }
}

@media screen and (max-width: 600px) {
  .cal__hero {
    display: none;
  }
}

.cal__container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: -436px;
}

@media screen and (max-width: 1280px) {
  .cal__container {
    margin-top: -360px;
  }
}

@media screen and (max-width: 600px) {
  .cal__container {
    margin-top: 0;
  }
}

.cal__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}

@media screen and (max-width: 1100px) {
  .cal__grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.cal__content, .cal__form-container {
  padding: 80px 0;
}

@media screen and (max-width: 1600px) {
  .cal__content, .cal__form-container {
    padding: 40px 0;
  }
}

@media screen and (max-width: 1280px) {
  .cal__content, .cal__form-container {
    padding: 24px 0 40px;
  }
}

.cal__content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 40px;
}

@media screen and (max-width: 1600px) {
  .cal__content {
    padding-right: 32px;
  }
}

@media screen and (max-width: 1280px) {
  .cal__content {
    padding-right: 24px;
  }
}

@media screen and (max-width: 1100px) {
  .cal__content {
    padding-right: 0;
    padding-bottom: 24px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}

.cal__form {
  background-color: rgba(0, 0, 0, 0.9);
  color: #FFF;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 420px;
          flex: 0 0 420px;
}

@media screen and (max-width: 1100px) {
  .cal__form {
    background-color: transparent;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    color: #363b40;
  }
}

.cal__form input {
  color: #363b40;
}

.cal__content-container {
  background-color: #FFF;
  padding: 32px;
}

.cal__content-container p:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1100px) {
  .cal__content-container {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 900px) {
  .cal__content-container {
    padding: 16px 16px 0;
  }
}

.cal__form-container {
  padding-left: 24px;
  padding-right: 24px;
}

@media screen and (max-width: 1100px) {
  .cal__form-container {
    border-radius: 3px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
    padding-top: 0px;
  }
}

@media screen and (max-width: 1100px) {
  .cal__form-container {
    padding: 0 24px 24px;
  }
}

@media screen and (max-width: 900px) {
  .cal__form-container {
    padding: 16px;
  }
}

.cal__subhead {
  color: #FFF;
  font-size: 32px;
  text-transform: uppercase;
}

@media screen and (max-width: 1100px) {
  .cal__subhead {
    font-size: 28px;
  }
}

.cal__video-pad-offset {
  width: calc(100% + 64px);
  margin-left: -32px;
  margin-top: -32px;
  margin-bottom: 32px;
}

@media screen and (max-width: 900px) {
  .cal__video-pad-offset {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-top: -16px;
  }
}

@media screen and (max-width: 600px) {
  .cal__video-pad-offset {
    width: calc(100% + 80px);
    margin-top: -40px;
    margin-left: -40px;
  }
}

@media screen and (max-width: 1100px) {
  .cal__form-controls {
    padding-top: 32px;
    text-align: center;
  }
}

.cal__log-out-link.text-link {
  font-size: 12px;
  color: white;
}

.cal__log-out-link.text-link:hover {
  color: white;
  text-decoration: none;
}

@media screen and (max-width: 1100px) {
  .cal__log-out-link.text-link {
    color: #363b40;
    display: inherit;
  }
}

.ReactTable .rt-th {
  text-align: left;
}

.ReactTable .rt-th:focus, .ReactTable .rt-th:hover, .ReactTable .rt-th:active {
  outline: none;
}

.ReactTable .rt-tbody .rt-td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem;
}

.ReactTable .-sort-desc {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.ReactTable .-sort-desc::after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  border-top: none;
  border-bottom: 0.375rem solid #000;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  position: absolute;
  top: calc(50% - 0.25rem);
  right: 0.5rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.ReactTable .-sort-asc {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.ReactTable .-sort-asc::after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  border-bottom: none;
  border-top: 0.375rem solid #000;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  position: absolute;
  top: calc(50% - 0.25rem);
  right: 0.5rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.corp-progress__section {
  margin-bottom: 40px;
}

.corp-progress__section .ReactTable {
  margin-bottom: 24px;
}

.corp-progress__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}

.corp-progress__subhead {
  color: #294BA6;
  margin-bottom: 24px;
  font-size: 18px;
}

.corp-purchases {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 900px) {
  .corp-purchases {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.corp-purchases__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(33% - 8px);
          flex: 0 0 calc(33% - 8px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px;
  border: 1px solid #E9ECEF;
  border-radius: 3px;
}

@media screen and (max-width: 900px) {
  .corp-purchases__item {
    margin-bottom: 8px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}

.corp-purchases__num {
  font-size: 40px;
  color: #228AE6;
}

.corp-custom-header__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.corp-custom-header .page-title, .corp-custom-header__dropdown {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.corp-custom-header__dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.corp-custom-header .course-select__text {
  margin: 0 8px 0 0;
}

.corp-custom-header .dropdown__selectItem {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  z-index: 100;
}

.corp-location__item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.corp-location__item .progress-bar {
  height: 20px;
  margin-bottom: 0;
}

.corp-location__item .progress-bar .progress-bar__outer {
  width: 100%;
  height: 100%;
  background-color: #dadada;
  border-radius: 2px;
}

.corp-location__item .progress-bar .progress-bar__outer::before {
  content: attr(data-before);
  float: right;
  padding-right: 3px;
}

.corp-location__item .progress-bar .progress-bar__outer .progress-bar__inner {
  height: 100%;
  border-radius: 2px;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.corp-location__item .progress-bar .progress-bar__outer .progress-bar__inner::after {
  content: attr(data-before);
  float: right;
  padding-right: 3px;
  color: white;
}

.corp-location__location {
  font-weight: bold;
}

.assign-modal__header {
  margin-bottom: 24px;
}

.assign-modal__title {
  font-size: 20px;
  margin-bottom: 4px;
}

.assign-modal__body {
  max-height: 35vh;
  overflow: scroll;
  margin-bottom: 32px;
}

.assign-modal__body .form__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}

.assign-modal__body .form__row--disabled {
  opacity: 0.25;
}

.assign-modal__body .form__field {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin-right: 12px;
}

.assign-modal__body .form__field:last-child {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  margin-right: 0;
}

.assign-modal__body .form__field--disabled {
  opacity: 0.25;
}

.assign-modal__body .form__button {
  padding: 0 4px;
}

.assign-modal__body .form__button, .assign-modal__body .form__button:focus, .assign-modal__body .form__button:active {
  outline: none !important;
}

.assign-modal__body .form__button .button__icon--add .icon-fill {
  fill: #273C89;
}

.assign-modal__body .form__button .button__icon--remove .icon-fill {
  fill: #E03131;
}

.assign-modal__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.assign-modal__footer .csv-upload {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 24px;
}

.assign-modal__footer .csv-upload__error {
  font-size: 14px;
  color: #E03131;
  margin: 4px 0;
}

.assign-modal__footer .csv-upload__error p {
  margin-bottom: 0;
}

.assign-modal__footer .csv-upload .download-csv-template {
  font-size: 14px;
  font-style: italic;
  margin-top: 4px;
  text-decoration: underline;
  cursor: pointer;
}

.assign-modal__footer .submit {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.assign-modal__footer .submit .button {
  margin-bottom: 8px;
}

.assign-modal__footer .submit__instructionText {
  font-style: italic;
}

.assign-modal__error {
  color: #E03131;
}

.body--checkout {
  background-color: #F9F9F9;
}

.checkout__page-title {
  margin-bottom: 32px;
}

.checkout__page-subhead {
  color: #273C89;
  font-family: "Karla", sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
}

.checkout__container {
  background-color: #FFF;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  margin: 0 auto 40px;
  max-width: 760px;
  width: 100%;
  padding: 64px 80px;
}

@media screen and (max-width: 900px) {
  .checkout__container {
    padding: 40px;
  }
}

@media screen and (max-width: 900px) {
  .checkout__container {
    background-color: #FFF;
    padding: 24px;
  }
}

.checkout__footer {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 900px) {
  .checkout__footer {
    display: block;
  }
}

.checkout__footer-cell {
  padding-right: 32px;
}

.checkout__footer-cell:last-child {
  padding-right: 0;
}

@media screen and (max-width: 900px) {
  .checkout__footer-cell {
    margin-bottom: 24px;
    padding-top: 24px;
    padding-right: 0px;
    text-align: center;
  }
  .checkout__footer-cell:last-child {
    margin-bottom: 0;
  }
}

.checkout__section {
  margin-bottom: 32px;
}

.checkout__curriculum-footer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.checkout__curriculum-text {
  font-family: "Gobold Italic", "Karla", sans-serif;
  font-size: 22px;
  letter-spacing: 0.01em;
  margin-bottom: 24px;
  max-width: 320px;
  text-align: center;
}

.checkout__curriculum-text a {
  text-decoration: none;
}

.checkout-cart__item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: #F8F9FA;
  border-bottom: 1px solid #dde0e3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px;
}

@media screen and (max-width: 600px) {
  .checkout-cart__item {
    display: block;
  }
}

.checkout-cart__item-name {
  color: #273C89;
  text-decoration: none;
  padding-right: 32px;
}

.checkout-cart__item-name:hover {
  text-decoration: underline;
}

.checkout-cart__details {
  margin-bottom: 24px;
}

#billing-info-select {
  max-width: 320px;
}

.course-completion {
  max-width: 800px;
  margin: 0 auto 40px;
}

.course-completion .page-header {
  text-align: center;
  margin-bottom: 40px;
}

.course-completion__learn-more-section {
  text-align: center;
  padding: 0 0 32px;
}

.course-completion__deck {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 48px;
}

@media screen and (max-width: 900px) {
  .course-completion__deck {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.course-completion__deck-image-container {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(55% - 20px);
          flex: 0 0 calc(55% - 20px);
}

@media screen and (max-width: 900px) {
  .course-completion__deck-image-container {
    margin-bottom: 64px;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}

.course-completion__certificate {
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid #ADB5BD;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
  display: block;
}

@media screen and (max-width: 900px) {
  .course-completion__certificate {
    margin: 0 auto;
    max-width: 400px;
  }
}

.course-completion__copy {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(45% - 20px);
          flex: 0 0 calc(45% - 20px);
}

.course-completion__copy p {
  font-size: 20px;
}

@media screen and (max-width: 900px) {
  .course-completion__copy {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    text-align: center;
  }
}

.course-completion__sharing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 900px) {
  .course-completion__sharing {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.course-completion .share-links {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(55% - 20px);
          flex: 0 0 calc(55% - 20px);
}

@media screen and (max-width: 900px) {
  .course-completion .share-links {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 900px) {
  .course-completion .share-links .button {
    max-width: 300px;
    margin: 0 auto;
  }
}

.course-completion__badges {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(45% - 20px);
          flex: 0 0 calc(45% - 20px);
}

@media screen and (max-width: 900px) {
  .course-completion__badges {
    max-width: 400px;
    margin: 0 auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    text-align: center;
  }
}

.course-completion__badge-flex {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.course-completion__badge {
  display: block;
  height: auto;
  width: 100%;
}

.signup__form {
  position: relative;
}

.signup__login-row {
  border-bottom: 1px solid #dde0e3;
  padding: 16px 0;
}

.signup__methods-row {
  background-color: #F9F9F9;
  border-bottom: 1px solid #dde0e3;
  padding: 40px 0;
}

.signup__methods-row--login-page {
  border-top: 1px solid #FD7E14;
}

@media screen and (max-width: 1100px) {
  .signup__methods-row > .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.signup__form-row {
  overflow: hidden;
  padding: 64px 0 80px;
}

.signup__form-row > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.signup__method-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1100px) {
  .signup__method-block {
    margin-bottom: 40px;
  }
  .signup__method-block:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 600px) {
  .signup__method-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.signup__icon-block {
  margin-right: 24px;
}

.signup__alert-container {
  margin-top: 24px;
  margin-bottom: 24px;
}

.signup__feature-icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 74px;
  width: 64px;
  position: relative;
}

.signup__feature-icon-container--circle {
  height: 64px;
}

.signup__feature-icon-container--circle:before {
  background-color: #EFA420;
  border-radius: 50%;
  content: '';
  padding-top: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
}

.signup__feature-hexa {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.signup__feature-hexa .icon-fill {
  fill: #EFA420;
}

.signup__feature-icon {
  width: 24px;
  height: 24px;
  position: relative;
  z-index: 2;
}

.signup__feature-icon .icon-fill {
  fill: #FFF;
}

.signup__heading, .signup__subheading {
  color: #273C89;
}

.signup__heading {
  font-size: 22px;
}

.signup__subheading {
  font-size: 18px;
}

.signup__photo-column {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 300px;
          flex: 1 0 300px;
  position: relative;
}

@media screen and (max-width: 1100px) {
  .signup__photo-column {
    display: none;
  }
}

.signup__form-column {
  -webkit-box-flex: 3;
      -ms-flex: 3 0;
          flex: 3 0;
  padding-left: 80px;
  padding-right: 64px;
}

@media screen and (max-width: 1100px) {
  .signup__form-column {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 900px) {
  .signup__form-column {
    padding-left: 0;
    padding-right: 0;
  }
}

.signup__disc {
  font-style: italic;
}

.signup__have-acct {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.signup__have-acct-label {
  color: #273C89;
  font-size: 18px;
  font-family: "Gobold Italic", "Karla", sans-serif;
  letter-spacing: 0.01em;
  margin-right: 32px;
}

.signup__oversized-photo {
  left: 0;
  top: 0;
  width: auto;
  min-width: 940px;
  max-width: none;
  position: absolute;
}

.signup__courses {
  margin-top: 32px;
  margin-bottom: 32px;
}

.signup__list {
  padding-right: 16px;
}

.signup__list > li {
  margin-bottom: 16px;
  padding-left: 24px;
  position: relative;
}

.signup__list > li:last-child {
  margin-bottom: 0;
}

.signup__list > li::before {
  content: '\203A';
  display: block;
  font-size: 32px;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 10px;
}

.faq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px 0;
  width: 100%;
}

@media screen and (max-width: 900px) {
  .faq {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.faq .main, .faq .aside {
  padding-top: 0;
}

.faq .main {
  border-right: 1px solid #273C89;
  padding-right: 64px;
}

@media screen and (max-width: 1280px) {
  .faq .main {
    padding-right: 32px;
  }
}

@media screen and (max-width: 900px) {
  .faq .main {
    border-right: 0 none;
    padding-right: 0;
    margin-bottom: 40px;
  }
}

.faq .aside {
  padding-left: 64px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 400px;
          flex: 0 0 400px;
}

@media screen and (max-width: 1280px) {
  .faq .aside {
    padding-left: 32px;
    -ms-flex-preferred-size: 320px;
        flex-basis: 320px;
  }
}

@media screen and (max-width: 900px) {
  .faq .aside {
    padding-left: 0;
  }
}

.faq .videos-list {
  max-width: 360px;
}

@media screen and (max-width: 900px) {
  .faq .videos-list {
    max-width: none;
  }
}

.purchase-history__subheading {
  color: "Karla", sans-serif;
  font-size: 18px;
}

.purchase-history__cart-heading {
  color: #228AE6;
}

.purchase-history__cart-heading:hover {
  color: #3D58BC;
}

.purchase-history__cart-container {
  margin-bottom: 24px;
}

.purchase-history__cart-container:last-child {
  margin-bottom: 0;
}

.notifications {
  margin-bottom: 40px;
}

.notifications__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media screen and (max-width: 1100px) {
  .notifications__meta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.notifications__item {
  border: 1px solid #dde0e3;
  margin-bottom: 24px;
  max-width: 800px;
  padding: 24px;
  position: relative;
}

.notifications__item:last-child {
  margin-bottom: 0;
}

.notifications__item--new {
  border-color: #EFA420;
  -webkit-box-shadow: 0 0 10px 0 rgba(239, 164, 32, 0.36);
          box-shadow: 0 0 10px 0 rgba(239, 164, 32, 0.36);
}

.notifications__item--new:after {
  -webkit-animation: scaleIn .5s forwards;
          animation: scaleIn .5s forwards;
  background-color: #EFA420;
  border-radius: 3px;
  content: 'New';
  color: #FFF;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  padding: 4px 8px;
  position: absolute;
  right: 8px;
  top: 8px;
  text-transform: uppercase;
}

.notifications__item-body p:last-child {
  margin-bottom: 0;
}

.notifications__heading {
  color: #273C89;
  font-size: 18px;
  margin-bottom: 8px;
}

.notifications__date {
  color: #273C89;
  font-style: italic;
  margin-right: 24px;
  margin-bottom: 0;
}

.notifications__controls {
  max-width: 800px;
}

.my-curriculum__page-title {
  margin-bottom: 0;
}

.my-curriculum__heading {
  color: #273C89;
  font-size: 24px;
}

.my-curriculum__list {
  width: 100%;
  margin-bottom: 32px;
}

#no-courses-purchased-container {
  width: 100%;
}

.resources__controls {
  width: 100%;
}

.resources__zero-state {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #dde0e3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 18px;
  text-align: center;
  width: 100%;
}

.resources__zero-heading {
  font-size: 22px;
}

.resources__zero-instructions {
  margin-bottom: 0;
}

.resources__master-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.resources__course {
  background-color: #fff;
  border: 1px solid #dde0e3;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 16px);
          flex: 0 0 calc(50% - 16px);
  margin-bottom: 24px;
  overflow: hidden;
  width: calc(50% - 16px);
}

@media screen and (max-width: 1100px) {
  .resources__course {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    width: 100%;
  }
}

.resources__course-heading, .resources__lesson-heading, .resources__module-heading {
  color: #273C89;
  font-family: "Karla", sans-serif;
  letter-spacing: 0;
  padding: 16px;
  margin-bottom: 0;
}

.resources__course-heading {
  background-color: #E8F7FF;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid #dde0e3;
}

.resources__module-heading {
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #dde0e3;
  padding-left: 24px;
}

.resources__lesson-heading {
  font-size: 16px;
  padding-left: 32px;
  padding-bottom: 0px;
}

.resources__items {
  padding: 16px 16px 16px 56px;
  border-bottom: 1px solid #dde0e3;
}

.resources__item {
  list-style: disc;
  margin-bottom: 8px;
}

.resources__item:last-child {
  margin-bottom: 0;
}

#feed-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 0;
          flex: 1 0;
}

@media screen and (max-width: 1280px) {
  .layout--feed--loaded {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    display: block;
  }
}

.layout--feed--loaded {
  -webkit-animation: fadeIn 1.5s forwards;
          animation: fadeIn 1.5s forwards;
  opacity: 0;
}

.feed__inner-container {
  padding-top: 80px;
}

.journal-aside__filters, .journal-aside__filters:last-child {
  margin-bottom: 8px;
}

.journal-aside__filters .block__body, .journal-aside__filters:last-child .block__body {
  background-color: transparent;
}

.journal-aside__pager {
  margin-bottom: 40px;
}

.course-select-mobile {
  padding: 12px;
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 250ms;
          transition-duration: 250ms;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.aside--closed .course-select-mobile {
  opacity: 0;
}

.course-select-mobile__select {
  display: block;
  width: 100%;
}

.journal__contents {
  opacity: 0;
  position: relative;
}

.journal__contents--vis {
  opacity: 1;
  min-height: 500px;
}

.journal__contents--loaded {
  -webkit-animation: fadeIn 1.5s forwards;
          animation: fadeIn 1.5s forwards;
}

@media screen and (max-width: 1100px) {
  .journal__print-button {
    display: none;
  }
}

.card-list--journal {
  padding-bottom: 32px;
}

#login-form-container {
  position: relative;
}

.login__form {
  margin: 0 auto;
  max-width: 400px;
}

.login__container {
  padding-bottom: 90px;
}

.login__row {
  padding: 64px 0;
}

.login__no-acct {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #FD7E14;
  background-color: #EFA420;
  border-radius: 3px 3px 0 0;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  padding: 8px 16px;
  position: absolute;
  top: -65px;
  left: 32px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.login__no-acct .icon-fill {
  fill: #FFF;
}

@media screen and (max-width: 480px) {
  .login__no-acct {
    left: 0;
    right: 0;
  }
}

.login__no-acct-icon-container {
  height: 32px;
  width: 32px;
  margin-right: 12px;
}

.login__no-acct-icon-container svg {
  height: auto;
  width: 100%;
}

.account__backlink {
  display: inline-block;
  margin-bottom: 24px;
}

@media screen and (max-width: 1100px) {
  .account__backlink {
    width: 100%;
  }
}

.account__generic-full-width {
  width: 100%;
}

.whoops {
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.whoops__content {
  width: 100%;
  max-width: 800px;
  padding: 24px;
}

.whoops__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.whoops__header img {
  display: inline-block;
}

.whoops__image img {
  width: 100%;
  height: auto;
}

.whoops__text {
  text-align: center;
}

.ql-container {
  font-family: "Karla", sans-serif !important;
  font-size: 16px;
}

.ql-editor {
  min-height: 120px;
}