body {
  margin-top: 0; }

p {
  padding: 0;
  margin: 0; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

html {
  font-family: "Catamaran", sans-serif;
  color: #342216;
  font-size: 11pt;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  margin: 0; }

/*
 * FilePond 3.3.0
 * Licensed under MIT, https://opensource.org/licenses/MIT
 * Please visit https://pqina.nl/filepond for details.
 */
/* eslint-disable */
.filepond--assistant {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap; }

/* Hard to override styles */
.filepond--browser.filepond--browser {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 1em;
  top: 1.75em;
  width: calc(100% - 2em);
  opacity: 0;
  font-size: 0; }

.filepond--drip {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.1;
  pointer-events: none;
  border-radius: 0.5em;
  background: rgba(0, 0, 0, 0.01); }

.filepond--drip-blob {
  position: absolute;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  top: 0;
  left: 0;
  width: 8em;
  height: 8em;
  margin-left: -4em;
  margin-top: -4em;
  background: #292625;
  border-radius: 50%;
  will-change: transform, opacity; }

.filepond--drop-label {
  position: absolute;
  left: 1em;
  right: 1em;
  top: 0;
  margin: 0;
  color: #4f4f4f;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  will-change: transform, opacity; }

/* Hard to override styles on purpose */
.filepond--drop-label.filepond--drop-label label {
  display: block;
  margin: 0;
  padding: 0.5em; }

.filepond--drop-label label {
  cursor: default;
  font-size: 0.875em;
  font-weight: normal;
  text-align: center;
  line-height: 1.5; }

.filepond--label-action {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
  -webkit-text-decoration-color: #a7a4a4;
  text-decoration-color: #a7a4a4;
  cursor: pointer; }

/* Hard to override styles */
.filepond--file-action-button.filepond--file-action-button {
  font-size: 1em;
  width: 1.625em;
  height: 1.625em;
  font-family: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  will-change: transform, opacity; }

.filepond--file-action-button.filepond--file-action-button svg {
  width: 100%;
  height: 100%; }

.filepond--file-action-button.filepond--file-action-button::after {
  position: absolute;
  left: -0.75em;
  right: -0.75em;
  top: -0.75em;
  bottom: -0.75em;
  content: ''; }

/* Soft styles */
.filepond--file-action-button {
  cursor: auto;
  color: #fff;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: none;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  transition: box-shadow 0.25s ease-in; }

.filepond--file-action-button:hover,
.filepond--file-action-button:focus {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9); }

.filepond--file-info {
  position: static;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex: 1;
  flex: 1;
  margin: 0 0.5em 0 0;
  min-width: 0;
  will-change: transform, opacity;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.filepond--file-info * {
  margin: 0; }

.filepond--file-info .filepond--file-info-main {
  font-size: 0.75em;
  line-height: 1.2;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%; }

.filepond--file-info .filepond--file-info-sub {
  font-size: 0.625em;
  opacity: 0.5;
  transition: opacity 0.25s ease-in-out;
  white-space: nowrap; }

.filepond--file-info .filepond--file-info-sub:empty {
  display: none; }

.filepond--file-status {
  position: static;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  min-width: 2.25em;
  text-align: right;
  will-change: transform, opacity;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.filepond--file-status * {
  margin: 0;
  white-space: nowrap; }

.filepond--file-status .filepond--file-status-main {
  font-size: 0.75em;
  line-height: 1.2; }

.filepond--file-status .filepond--file-status-sub {
  font-size: 0.625em;
  opacity: 0.5;
  transition: opacity 0.25s ease-in-out; }

/* Hard to override styles */
.filepond--file-wrapper.filepond--file-wrapper {
  border: none;
  margin: 0;
  padding: 0;
  min-width: 0; }

.filepond--file-wrapper.filepond--file-wrapper > legend {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap; }

.filepond--file {
  position: static;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0.5625em 0.5625em;
  color: #fff;
  border-radius: 0.5em; }

.filepond--file .filepond--file-status {
  margin-left: auto;
  margin-right: 2.25em; }

.filepond--file .filepond--processing-complete-indicator {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 2; }

.filepond--file .filepond--processing-complete-indicator,
.filepond--file .filepond--progress-indicator,
.filepond--file .filepond--file-action-button {
  position: absolute; }

.filepond--file [data-align*='left'] {
  left: 0.5625em; }

.filepond--file [data-align*='right'] {
  right: 0.5625em; }

.filepond--file [data-align*='center'] {
  left: calc(50% - 0.8125em); }

.filepond--file [data-align*='bottom'] {
  bottom: 1.125em; }

.filepond--file [data-align='center'] {
  top: calc(50% - 0.8125em); }

.filepond--file .filepond--progress-indicator {
  margin-top: 0.1875em; }

.filepond--file .filepond--progress-indicator[data-align*='right'] {
  margin-right: 0.1875em; }

.filepond--file .filepond--progress-indicator[data-align*='left'] {
  margin-left: 0.1875em; }

[data-filepond-item-state='cancelled'] .filepond--file-info,
[data-filepond-item-state*='invalid'] .filepond--file-info,
[data-filepond-item-state*='error'] .filepond--file-info {
  margin-right: 2.25em; }

[data-filepond-item-state='processing-complete']
.filepond--action-revert-item-processing
svg {
  -webkit-animation: fall 0.5s 0.125s linear both;
  animation: fall 0.5s 0.125s linear both; }

[data-filepond-item-state='processing-complete'] .filepond--file-info-sub,
[data-filepond-item-state='processing-complete'] .filepond--file-status-sub {
  opacity: 0; }

[data-filepond-item-state='processing-complete']
.filepond--action-revert-item-processing
~ .filepond--file-info
.filepond--file-info-sub,
[data-filepond-item-state='processing-complete']
.filepond--action-revert-item-processing
~ .filepond--file-status
.filepond--file-status-sub {
  opacity: 0.5; }

[data-filepond-item-state*='invalid'] .filepond--panel,
[data-filepond-item-state*='invalid'] .filepond--file-wrapper,
[data-filepond-item-state*='error'] .filepond--panel,
[data-filepond-item-state*='error'] .filepond--file-wrapper {
  -webkit-animation: shake 0.65s linear both;
  animation: shake 0.65s linear both; }

[data-filepond-item-state*='busy'] .filepond--progress-indicator svg {
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite; }

/**
   * States
   */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translateX(-0.0625em);
    transform: translateX(-0.0625em); }
  20%,
  80% {
    -webkit-transform: translateX(0.125em);
    transform: translateX(0.125em); }
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-0.25em);
    transform: translateX(-0.25em); }
  40%,
  60% {
    -webkit-transform: translateX(0.25em);
    transform: translateX(0.25em); } }

@keyframes shake {
  10%,
  90% {
    -webkit-transform: translateX(-0.0625em);
    transform: translateX(-0.0625em); }
  20%,
  80% {
    -webkit-transform: translateX(0.125em);
    transform: translateX(0.125em); }
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-0.25em);
    transform: translateX(-0.25em); }
  40%,
  60% {
    -webkit-transform: translateX(0.25em);
    transform: translateX(0.25em); } }

@-webkit-keyframes fall {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

@keyframes fall {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }
  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; } }

.filepond--hopper[data-hopper-state='drag-over'] > * {
  pointer-events: none; }

.filepond--progress-indicator {
  z-index: 103; }

.filepond--file-action-button {
  z-index: 102; }

.filepond--file-status {
  z-index: 101; }

.filepond--file-info {
  z-index: 100; }

.filepond--item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 0;
  margin: 0;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  will-change: transform, opacity; }

.filepond--item > .filepond--panel {
  z-index: -1; }

.filepond--item > .filepond--panel .filepond--panel-bottom {
  box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25); }

.filepond--item-panel {
  background-color: #64605e; }

[data-filepond-item-state='processing-complete'] .filepond--item-panel {
  background-color: #369763; }

[data-filepond-item-state*='invalid'] .filepond--item-panel,
[data-filepond-item-state*='error'] .filepond--item-panel {
  background-color: #c44e47; }

.filepond--item-panel {
  border-radius: 0.5em;
  transition: background-color 0.25s; }

.filepond--list-scroller {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  will-change: transform; }

.filepond--list-scroller[data-state='overflow'] {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
  mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%); }

.filepond--list-scroller[data-state='overflow'] .filepond--list {
  bottom: 0;
  right: 0; }

.filepond--list-scroller::-webkit-scrollbar {
  background: transparent; }

.filepond--list-scroller::-webkit-scrollbar:vertical {
  width: 1em; }

.filepond--list-scroller::-webkit-scrollbar:horizontal {
  height: 0; }

.filepond--list-scroller::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 99999px;
  border: 0.3125em solid transparent;
  background-clip: content-box; }

/* hard to overide styles on purpose */
.filepond--list.filepond--list {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  will-change: transform; }

/* used for padding so allowed to be restyled */
.filepond--list {
  left: 1em;
  right: 1em; }

.filepond--root[data-style-panel-layout~='integrated'] {
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0; }

.filepond--root[data-style-panel-layout~='compact'] .filepond--list-scroller,
.filepond--root[data-style-panel-layout~='integrated']
.filepond--list-scroller {
  overflow: hidden;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0; }

.filepond--root[data-style-panel-layout~='compact'] .filepond--list,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--list {
  left: 0;
  right: 0;
  height: 100%; }

.filepond--root[data-style-panel-layout~='compact'] .filepond--item,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--item {
  margin-top: 0;
  margin-bottom: 0; }

.filepond--root[data-style-panel-layout~='compact'] .filepond--file-wrapper,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--file-wrapper {
  height: 100%; }

.filepond--root[data-style-panel-layout~='compact'] .filepond--panel-root,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root {
  border-radius: 0; }

.filepond--root[data-style-panel-layout~='compact'] .filepond--panel-root > *,
.filepond--root[data-style-panel-layout~='integrated']
.filepond--panel-root
> * {
  display: none; }

.filepond--root[data-style-panel-layout~='compact'] .filepond--drop-label,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {
  bottom: 0;
  height: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 7; }

.filepond--root[data-style-panel-layout~='compact'] .filepond--item-panel,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--item-panel {
  display: none; }

.filepond--root[data-style-panel-layout~='circle'] {
  border-radius: 99999rem;
  overflow: hidden; }

.filepond--root[data-style-panel-layout~='circle'] > .filepond--panel {
  border-radius: inherit; }

.filepond--root[data-style-panel-layout~='circle'] > .filepond--panel > * {
  display: none; }

.filepond--root[data-style-panel-layout~='circle'] .filepond--file-info {
  display: none; }

.filepond--root[data-style-panel-layout~='circle'] .filepond--file-status {
  display: none; }

.filepond--panel-root {
  border-radius: 0.5em;
  background-color: #f1f0ef; }

.filepond--panel {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  height: 100% !important;
  pointer-events: none; }

.filepond-panel:not([data-scalable='false']) {
  height: auto !important; }

.filepond--panel[data-scalable='false'] > div {
  display: none; }

.filepond--panel[data-scalable='true'] {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background-color: transparent !important;
  border: none !important; }

.filepond--panel-top,
.filepond--panel-bottom,
.filepond--panel-center {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0; }

.filepond--panel-top,
.filepond--panel-bottom {
  height: 0.5em; }

.filepond--panel-top {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: none !important; }

.filepond--panel-top::after {
  content: '';
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -1px;
  background-color: inherit; }

.filepond--panel-center,
.filepond--panel-bottom {
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: translate3d(0, 0.5em, 0);
  transform: translate3d(0, 0.5em, 0); }

.filepond--panel-bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: none !important; }

.filepond--panel-bottom::before {
  content: '';
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  top: -1px;
  background-color: inherit; }

.filepond--panel-center {
  height: 100px !important;
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 0 !important; }

.filepond--panel-center:not([style]) {
  visibility: hidden; }

.filepond--progress-indicator {
  position: static;
  width: 1.25em;
  height: 1.25em;
  color: #fff;
  margin: 0;
  pointer-events: none;
  will-change: transform, opacity; }

.filepond--progress-indicator svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  transform-box: fill-box; }

.filepond--progress-indicator path {
  fill: none;
  stroke: currentColor; }

.filepond--list-scroller {
  z-index: 6; }

.filepond--drop-label {
  z-index: 5; }

.filepond--drip {
  z-index: 3; }

.filepond--root > .filepond--panel {
  z-index: 2; }

.filepond--browser {
  z-index: 1; }

.filepond--root {
  /* layout*/
  box-sizing: border-box;
  position: relative;
  margin-bottom: 1em;
  /* base font size for whole component */
  font-size: 1rem;
  /* base line height */
  line-height: normal;
  /* up uses default system font family */
  /* will increase font weight a bit on Safari */
  font-weight: 450;
  text-align: left;
  text-rendering: optimizeLegibility;
  direction: ltr;
  contain: layout style size; }

.filepond--root * {
  font-size: inherit;
  box-sizing: inherit;
  line-height: inherit; }

/**
   * Root element children layout
   */
.filepond--root .filepond--drop-label {
  min-height: 4.75em; }

.filepond--root .filepond--list-scroller {
  margin-top: 1em;
  margin-bottom: 1em; }

/*
 * FilePondPluginImagePreview 3.1.2
 * Licensed under MIT, https://opensource.org/licenses/MIT
 * Please visit https://pqina.nl/filepond for details.
 */
/* eslint-disable */
.filepond--image-preview-wrapper {
  z-index: 2; }

.filepond--image-preview-overlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 5rem;
  max-height: 7rem;
  margin: 0;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.filepond--image-preview-overlay svg {
  width: 100%;
  height: auto;
  color: inherit;
  max-height: inherit; }

.filepond--image-preview-overlay-idle {
  mix-blend-mode: multiply;
  color: rgba(40, 40, 40, 0.85); }

.filepond--image-preview-overlay-success {
  mix-blend-mode: normal;
  color: #369763; }

.filepond--image-preview-overlay-failure {
  mix-blend-mode: normal;
  color: #c44e47; }

@supports (-webkit-marquee-repetition: infinite) and (object-fit: fill) {
  .filepond--image-preview-overlay-idle {
    mix-blend-mode: normal; } }

.filepond--image-preview-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  border-radius: 0.45em;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.01); }

.filepond--image-preview {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  pointer-events: none;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  background: #222;
  will-change: transform, opacity; }

.filepond--image-preview[data-transparency-indicator='grid'] img,
.filepond--image-preview[data-transparency-indicator='grid'] canvas {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E");
  background-size: 1.25em 1.25em; }

.filepond--image-clip {
  position: relative;
  overflow: hidden;
  margin: 0 auto; }

.filepond--image-bitmap,
.filepond--image-vector {
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform; }

.filepond--root[data-style-panel-layout~='integrated']
.filepond--image-preview-wrapper {
  border-radius: 0; }

.filepond--root[data-style-panel-layout~='integrated']
.filepond--image-preview {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

.filepond--root[data-style-panel-layout~='circle']
.filepond--image-preview-wrapper {
  border-radius: 99999rem; }

.filepond--root[data-style-panel-layout~='circle']
.filepond--image-preview-overlay {
  top: auto;
  bottom: 0;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1); }

.filepond--root[data-style-panel-layout~='circle']
.filepond--file
.filepond--file-action-button[data-align*='bottom']:not([data-align*='center']) {
  margin-bottom: 0.325em; }

.filepond--root[data-style-panel-layout~='circle']
.filepond--file
[data-align*='left'] {
  left: calc(50% - 3em); }

.filepond--root[data-style-panel-layout~='circle']
.filepond--file
[data-align*='right'] {
  right: calc(50% - 3em); }

.filepond--root[data-style-panel-layout~='circle']
.filepond--progress-indicator[data-align*='bottom'][data-align*='left'],
.filepond--root[data-style-panel-layout~='circle']
.filepond--progress-indicator[data-align*='bottom'][data-align*='right'] {
  margin-bottom: calc(0.325em + 0.1875em); }

.filepond--root[data-style-panel-layout~='circle']
.filepond--progress-indicator[data-align*='bottom'][data-align*='center'] {
  margin-top: 0;
  margin-bottom: 0.1875em;
  margin-left: 0.1875em; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

.logo-link {
  text-decoration: none;
  line-height: 24px;
  color: #342216;
  font-weight: bold; }
  .logo-link img {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-top: 3px; }
  .logo-link span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12pt;
    margin-top: 10px; }

.fun-button-bar {
  display: flex;
  align-items: center; }
  .fun-button-bar.interior .right-items i {
    margin-left: 8px; }
  .fun-button-bar.interior .right-items .fun-button {
    margin-left: 16px; }
  .fun-button-bar .fun-button {
    display: inline-block;
    margin-right: 8px; }
  .fun-button-bar .flat-button {
    font-size: 11pt;
    box-shadow: none;
    border: none;
    padding: 8px 16px; }
    .fun-button-bar .flat-button.primary {
      background: #009688;
      color: white; }
      .fun-button-bar .flat-button.primary:disabled {
        background: #5e676e; }
    .fun-button-bar .flat-button.secondary {
      background: #6f95b3;
      color: white; }
    .fun-button-bar .flat-button.dangerous {
      background: #d23434;
      color: white; }
  .fun-button-bar i.fa-check {
    color: #03a87c;
    animation: slide-up 0.4s ease; }
  .fun-button-bar i.fa-times {
    color: #d23434;
    animation: slide-up 0.4s ease; }
  .fun-button-bar .message {
    padding: 8px 16px;
    display: inline-block;
    color: white;
    border-radius: 8px;
    margin-left: 24px;
    animation: slide-up 0.4s ease; }
    .fun-button-bar .message.success {
      background: #03a87c; }
    .fun-button-bar .message.failed {
      background: #d23434; }

.field-validation input {
  transition: border-color 0.4s ease; }

.field-validation.unsatisfied input[type=text], .field-validation.unsatisfied input[type=password] {
  border-color: #FB9C9C; }

.field-validation .field-validation-message {
  font-size: 10pt;
  margin: 4px;
  color: #d23434;
  animation: slide-down 0.4s ease; }

.fun-toggle {
  width: 62px;
  height: 32px;
  display: inline-block;
  position: relative;
  border-radius: 50px;
  overflow: hidden;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: #707070;
  transition: background-color ease 0.3s; }
  .fun-toggle:before {
    content: "yes no";
    display: block;
    position: absolute;
    z-index: 2;
    width: 28px;
    height: 28px;
    background: #fff;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    font: 10px/28px Helvetica;
    text-transform: uppercase;
    font-weight: bold;
    text-indent: -22px;
    word-spacing: 37px;
    color: #fff;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s; }
  .fun-toggle.checked {
    background-color: #4CD964; }
  .fun-toggle.checked:before {
    left: 32px; }

.date-picker-component .date-picker-container {
  text-align: center;
  border-radius: 8px;
  border: 1px solid #dae4ec;
  background: white; }
  .date-picker-component .date-picker-container.expanded {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }
  .date-picker-component .date-picker-container.collapsed {
    transition: all 0.2s ease; }
    .date-picker-component .date-picker-container.collapsed .calendar-area {
      display: none; }
    .date-picker-component .date-picker-container.collapsed .bar-area {
      display: none; }
    .date-picker-component .date-picker-container.collapsed .date-picker-nav {
      margin-bottom: 0;
      border-radius: 6px;
      border: none; }
    .date-picker-component .date-picker-container.collapsed:hover {
      cursor: pointer;
      transform: scale(1.025); }

.date-picker-component .calendar-area {
  background: white; }
  .date-picker-component .calendar-area button {
    height: 180px;
    font-size: 17pt;
    background: none;
    border: none;
    display: inline-block;
    margin: 8px;
    color: #342216;
    transition: all 0.1s ease;
    border-radius: 4px;
    border: none;
    text-align: center;
    color: #5e676e; }
    .date-picker-component .calendar-area button.previous {
      padding-right: 9px; }
    .date-picker-component .calendar-area button.next {
      padding-left: 9px; }
    .date-picker-component .calendar-area button:hover {
      cursor: pointer;
      transform: scale(1.1);
      color: #342216; }

.date-picker-component .date-picker-month {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
  border-radius: 8px; }

.date-picker-component .null-date {
  background: white; }
  .date-picker-component .null-date:hover {
    background: white; }

.date-picker-component .date-picker-nav {
  padding: 8px 16px;
  background: #e8eef3;
  border-bottom: 2px solid #dae4ec;
  margin-bottom: 8px;
  border-radius: 6px 6px 0 0; }
  .date-picker-component .date-picker-nav:hover {
    cursor: pointer; }

.date-picker-component input {
  display: inline-block;
  width: 64px;
  text-align: center;
  font-family: "Catamaran", sans-serif;
  border: 1px solid #e8eef3;
  border-radius: 8px;
  padding: 8px 2px;
  transition: all 0.1s ease; }
  .date-picker-component input:hover {
    cursor: pointer;
    transform: scale(1.025); }
  .date-picker-component input.active {
    border-color: var(--gambit-theme-color); }

.date-picker-component .current-month {
  display: inline-block;
  margin: 8px 24px;
  text-align: center;
  font-weight: bold; }

.date-picker-component table {
  margin: 16px auto;
  animation: slide-down 0.2s ease;
  border-spacing: 1px;
  background: white; }
  .date-picker-component table:hover {
    cursor: pointer; }

.date-picker-component table tr td {
  text-align: center;
  padding: 6px;
  box-sizing: border-box;
  border: none;
  background: white;
  transition: all 0.1s ease;
  border: 1px solid white; }
  .date-picker-component table tr td:hover {
    cursor: pointer;
    background: #e8eef3; }
  .date-picker-component table tr td.null-date:hover {
    cursor: pointer; }
  .date-picker-component table tr td.active-selected-date, .date-picker-component table tr td.inactive-selected-date {
    color: var(--gambit-theme-color);
    border: 1px solid var(--gambit-theme-color);
    font-weight: bold; }

.date-picker-component .bar-area {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  border-top: 1px solid #dae4ec;
  margin-top: 8px; }
  .date-picker-component .bar-area button {
    background: #e8eef3;
    border-radius: 8px;
    border: none;
    padding: 8px 12px;
    font-family: "Catamaran", sans-serif;
    transition: all 0.1s ease; }
    .date-picker-component .bar-area button:hover {
      cursor: pointer;
      transform: scale(1.025); }
  .date-picker-component .bar-area .date-shortcuts button:first-child, .date-picker-component .bar-area .date-shortcuts button:nth-child(2) {
    margin-right: 4px; }
  .date-picker-component .bar-area .done-button {
    font-weight: bold;
    background: var(--gambit-theme-color);
    color: white; }

.gambit-customization-codearea-container {
  display: flex; }
  .gambit-customization-codearea-container .gambit-customization-codearea {
    display: flex;
    margin: 8px;
    padding: 16px;
    font-size: 11pt;
    line-height: 1.3;
    width: 100%;
    height: 240px;
    border: 1px solid #dae4ec;
    border-radius: 8px;
    transition: all 0.2s ease; }
    .gambit-customization-codearea-container .gambit-customization-codearea.short {
      height: 1.3em; }
    .gambit-customization-codearea-container .gambit-customization-codearea:focus {
      border: 1px solid var(--gambit-theme-color);
      transform: scale(1.01); }

.fun-select .select-wrapper {
  position: relative; }

.fun-select .select-wrapper:after {
  margin-left: -48px;
  content: "";
  position: absolute;
  width: 44px;
  height: 100%;
  pointer-events: none;
  cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 11px), calc(100% - 15px) calc(1em + 11px), calc(100% - 2.5em) 1.25em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat; }

.fun-select select {
  transition: all 0.2s ease;
  cursor: pointer;
  box-sizing: border-box;
  margin: 8px;
  font-family: "Catamaran", sans-serif;
  font-size: 11pt;
  color: #342216;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 8px 48px 8px 8px;
  background: white;
  border: 1px solid #dae4ec;
  border-radius: 8px; }
  .fun-select select:hover {
    transform: scale(1.025); }

.activity-list-container .check-list {
  text-align: left;
  max-width: 420px;
  margin: 16px auto; }
  .activity-list-container .check-list .check-item {
    background: #f5f5f5;
    border: 1px solid #dae4ec;
    border-radius: 8px;
    padding: 16px 8px 16px 48px;
    margin: 12px 4px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .activity-list-container .check-list .check-item:not(.failed) .check-link {
      display: none; }
    .activity-list-container .check-list .check-item .check-link {
      animation: slide-up 0.2s ease;
      text-transform: uppercase;
      color: white;
      background: var(--gambit-theme-color);
      font-size: 10pt;
      letter-spacing: 0.5px;
      padding: 4px 8px;
      border-radius: 4px;
      transition: all 0.2s ease;
      font-weight: 700; }
      .activity-list-container .check-list .check-item .check-link:hover {
        cursor: pointer;
        transform: scale(1.025); }
    .activity-list-container .check-list .check-item:before {
      transition: background-color 0.2s ease;
      position: absolute;
      top: 48%;
      left: 0;
      transform: translate(12px, -50%);
      text-align: center;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: " ";
      color: white;
      background: rgba(127, 127, 127, 0.2);
      height: 24px;
      width: 24px;
      border-radius: 50%;
      line-height: 25px; }
    .activity-list-container .check-list .check-item.checked:before {
      background: #03a87c;
      color: white;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f00c"; }
    .activity-list-container .check-list .check-item.failed:before {
      background: #d23434;
      color: white;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f00d"; }
    .activity-list-container .check-list .check-item.in-progress:before {
      color: #5e676e;
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f110";
      animation: fa-spin 2s infinite linear;
      top: 27%;
      left: 12px; }

.feature-barrier-container {
  position: relative;
  box-sizing: border-box; }
  .feature-barrier-container.active {
    padding: 16px; }
  .feature-barrier-container .feature-barrier-blocker {
    position: absolute;
    border: 1px solid #dae4ec;
    background: rgba(232, 238, 243, 0.7);
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    box-shadow: inset 0 0 2px rgba(66, 66, 66, 0.2);
    display: flex;
    padding: 16px;
    box-sizing: border-box;
    overflow: hidden; }
    .feature-barrier-container .feature-barrier-blocker .feature-barrier-blocker-inner {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin: auto;
      padding: 16px;
      background: white;
      border-radius: 8px;
      border: 1px solid #dae4ec;
      box-shadow: 0 0 2px rgba(66, 66, 66, 0.2);
      max-width: 320px; }
      .feature-barrier-container .feature-barrier-blocker .feature-barrier-blocker-inner .fun-button.flat-button {
        font-size: 9pt;
        margin: auto; }
      .feature-barrier-container .feature-barrier-blocker .feature-barrier-blocker-inner p {
        margin: auto;
        text-align: center;
        padding: 8px; }
      .feature-barrier-container .feature-barrier-blocker .feature-barrier-blocker-inner img {
        width: 24px;
        height: 24px;
        margin: auto !important;
        background: none !important;
        padding: 0 !important; }

.add-certify-card-modal p {
  margin-bottom: 12px; }

.add-certify-card-modal a {
  color: #03a87c; }

.upgrade-modal-container {
  max-width: 600px;
  margin: 8px; }
  .upgrade-modal-container h1 {
    text-align: center; }
  .upgrade-modal-container .upgrade-lead {
    text-align: center;
    font-size: 14pt; }
  .upgrade-modal-container a {
    color: #03a87c; }
  .upgrade-modal-container .upgrade-pricing-grid {
    margin-top: 16px;
    display: flex;
    justify-content: center; }
    @media (max-width: 860px) {
      .upgrade-modal-container .upgrade-pricing-grid {
        flex-direction: column; } }
    .upgrade-modal-container .upgrade-pricing-grid .plan {
      padding: 16px;
      margin: 16px;
      border: 1px solid #e8eef3;
      text-align: center; }
      .upgrade-modal-container .upgrade-pricing-grid .plan h2, .upgrade-modal-container .upgrade-pricing-grid .plan h3 {
        padding: 0;
        margin: 0; }
      .upgrade-modal-container .upgrade-pricing-grid .plan img {
        width: 120px; }
      .upgrade-modal-container .upgrade-pricing-grid .plan ul {
        text-align: left;
        padding-left: 16px; }
      .upgrade-modal-container .upgrade-pricing-grid .plan .fun-button-bar .fun-button {
        margin: auto !important; }

.copy-area {
  display: flex;
  flex-direction: row; }
  .copy-area .copy-area-button {
    flex: 0;
    padding: 8px 16px;
    margin: auto;
    background: #e8eef3;
    color: #5e676e;
    border-radius: 8px;
    border: none;
    font-family: "Catamaran", sans-serif;
    transition: 0.2s all ease;
    font-weight: bold; }
    .copy-area .copy-area-button:hover {
      cursor: pointer;
      transform: scale(1.025); }
  .copy-area .copy-area-textarea {
    flex: 1;
    margin: 16px 16px 0 4px;
    display: block;
    resize: none;
    padding: 16px;
    border: 1px solid #dae4ec;
    border-radius: 8px;
    font-size: 11pt;
    word-break: break-all;
    background: #e8eef3;
    height: 52px;
    color: #5e676e;
    white-space: nowrap;
    overflow: scroll;
    overflow-y: hidden;
    overflow-x: scroll;
    overflow: -moz-scrollbars-horizontal; }

.delinquent-barrier-container {
  max-width: 450px;
  min-width: 360px;
  margin: 8px; }
  .delinquent-barrier-container p {
    margin-bottom: 16px; }
  .delinquent-barrier-container .fun-button {
    margin-left: 0; }
  .delinquent-barrier-container .header-bar {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .delinquent-barrier-container h2 {
    margin: 8px auto 8px 0; }
  .delinquent-barrier-container .reload-button {
    color: #5e676e;
    text-decoration: none;
    background: #e8eef3;
    padding: 4px 8px 0 8px;
    border-radius: 4px; }
    .delinquent-barrier-container .reload-button:hover {
      cursor: pointer;
      background: #dae4ec; }

.payment-details-container {
  font-size: 10pt; }
  .payment-details-container #card-name {
    margin-bottom: 24px;
    margin-top: 16px; }
  .payment-details-container #card-address_country {
    margin-bottom: 24px; }
  .payment-details-container #card-address_city {
    flex-grow: 2; }
  .payment-details-container #card-errors {
    margin-left: 8px;
    color: #d23434; }
  .payment-details-container input {
    display: inline-block;
    border: 1px solid #dae4ec;
    padding: 12px 16px;
    box-sizing: border-box;
    margin: 0 2px;
    flex: 1;
    flex-grow: 1;
    min-width: 40px; }
    .payment-details-container input::placeholder {
      color: #5e676e; }
  .payment-details-container .form-row {
    display: flex;
    margin: 0; }
    .payment-details-container .form-row.card {
      display: block; }
  .payment-details-container form {
    padding: 32px;
    border-radius: 8px;
    background: #e8eef3;
    max-width: 520px;
    border: 1px solid #dae4ec;
    animation: slide-down 0.2s ease;
    margin-bottom: 32px; }
  .payment-details-container .update-details-container {
    margin-bottom: 32px; }
  .payment-details-container .fun-button-bar .fun-button {
    background: #009688;
    color: white;
    display: inline-block;
    margin: 16px 8px;
    color: white;
    transition: all 0.1s ease;
    border: 1px solid #009688;
    padding: 8px 12px;
    font-size: 11pt;
    font-style: normal;
    font-weight: normal; }
  .payment-details-container .stripe-guarantee {
    font-size: 10pt;
    margin: auto 12px auto 12px;
    color: #5e676e; }
    .payment-details-container .stripe-guarantee i {
      margin-right: 4px;
      color: #64D58A; }
  .payment-details-container .StripeElement {
    background-color: white;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #dae4ec;
    -webkit-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    margin: 16px 8px; }
  .payment-details-container .StripeElement--focus {
    border-color: #009688;
    transform: scale(1.01); }
  .payment-details-container .StripeElement--invalid {
    border-color: #d23434; }
  .payment-details-container .StripeElement--webkit-autofill {
    background-color: #fefde5 !important; }
  .payment-details-container .payment-details-saved {
    margin: 16px 16px 24px 16px;
    padding: 8px 20px 8px 16px;
    background: #03a87c;
    border-radius: 8px;
    color: white;
    animation: slide-down 0.2s ease; }
    .payment-details-container .payment-details-saved i {
      margin-right: 8px; }

.list-input-component .list-input-static-item {
  padding: 8px 8px 8px 16px;
  margin: 8px;
  background: #e8eef3;
  border-radius: 8px;
  display: inline-block; }
  .list-input-component .list-input-static-item button {
    outline: none;
    border: none;
    background: none;
    margin-top: -1px;
    margin-left: 16px;
    width: 15px;
    height: 15px;
    background-image: url(/statics/font-awesome/times.svg);
    background-size: 15px 15px;
    vertical-align: middle;
    transition: all 0.1s ease;
    opacity: 0.5; }
    .list-input-component .list-input-static-item button:hover {
      opacity: 0.7;
      cursor: pointer;
      transform: scale(1.1); }

.step-pills-container {
  max-width: 600px; }
  .step-pills-container .step-pills-header {
    display: flex;
    margin: 32px 8px; }
    .step-pills-container .step-pills-header .little-note {
      color: #5e676e;
      margin-top: 16px;
      background: #e8eef3;
      border-radius: 8px;
      padding: 16px; }
    .step-pills-container .step-pills-header img {
      margin-top: 16px;
      margin-right: 16px; }
  .step-pills-container .step-pill-expanded {
    transition: all 0.1s ease; }
    .step-pills-container .step-pill-expanded img {
      margin: 16px auto 32px auto;
      width: 100%;
      display: block;
      height: 220px;
      object-fit: cover;
      margin: 0;
      border-radius: 8px 8px 0 0;
      object-position: top; }
    .step-pills-container .step-pill-expanded h2 {
      text-align: center;
      margin-top: 36px; }
    .step-pills-container .step-pill-expanded .activity-list-container {
      padding: 0 36px;
      margin: 0 8px 0 8px; }
      .step-pills-container .step-pill-expanded .activity-list-container .check-list {
        max-width: none; }
    .step-pills-container .step-pill-expanded .connection-activity-error {
      margin: 4px 48px 16px 48px;
      padding: 16px;
      background: #e8eef3;
      border-radius: 8px; }
  .step-pills-container .step-pill-header {
    border-radius: 6px 6px 0 0;
    text-align: center;
    border-bottom: 2px solid #dae4ec;
    position: relative;
    padding-bottom: 36px; }
  .step-pills-container .fun-button-bar {
    margin: 0 36px 24px 36px; }
  .step-pills-container .descriptive-label {
    margin: 16px 0 4px 8px; }
  .step-pills-container .instructions-steps {
    padding: 8px 36px;
    margin: 16px auto 0 auto; }
    .step-pills-container .instructions-steps h3 {
      text-align: center; }
  .step-pills-container .squarespace-integration-fields .squarespace-account-details {
    margin: 16px 8px;
    padding: 24px;
    background: #e8eef3;
    border-radius: 8px; }
  .step-pills-container .step-pill {
    margin: 32px 16px;
    border: 1px solid #dae4ec;
    border-radius: 8px;
    transition: all 0.1s ease; }
  .step-pills-container .step-pill-contracted {
    padding: 16px;
    display: flex;
    align-items: center;
    transition: all 0.1s ease;
    border-radius: 8px; }
    .step-pills-container .step-pill-contracted .number {
      font-weight: 600;
      margin: auto 12px;
      width: 24px;
      height: 24px;
      border-radius: 12px;
      background: var(--gambit-theme-color);
      text-align: center;
      color: white; }
    .step-pills-container .step-pill-contracted .title {
      font-size: 14pt;
      font-weight: 700; }
    .step-pills-container .step-pill-contracted .indicator {
      margin: auto 0 auto auto;
      padding: 4px 8px;
      text-transform: uppercase;
      font-size: 9pt;
      font-weight: 600;
      border-radius: 4px; }
      .step-pills-container .step-pill-contracted .indicator.success {
        color: white;
        background: #03a87c; }
      .step-pills-container .step-pill-contracted .indicator.incomplete {
        color: #98a5af;
        background: #e8eef3; }
      .step-pills-container .step-pill-contracted .indicator.error {
        color: white;
        background: #d23434; }
    .step-pills-container .step-pill-contracted:hover {
      cursor: pointer;
      background: #e8eef3;
      transform: scale(1.01); }
    .step-pills-container .step-pill-contracted.disabled {
      background: #e8eef3; }
      .step-pills-container .step-pill-contracted.disabled .number {
        background: #5e676e; }
      .step-pills-container .step-pill-contracted.disabled .title {
        color: #5e676e; }
      .step-pills-container .step-pill-contracted.disabled:hover {
        cursor: default;
        background: #e8eef3;
        transform: scale(1); }

.order-status-migration-notice {
  padding: 8px 24px;
  border: 1px solid #e8eef3;
  border-radius: 8px;
  margin: 4px 8px 16px 8px;
  display: flex;
  align-items: center; }
  .order-status-migration-notice .migration-notice-left {
    padding: 16px;
    font-size: 24pt;
    color: #FFCC00; }
  .order-status-migration-notice h3 {
    margin-bottom: 6px; }
  .order-status-migration-notice .migration-notice-body {
    margin-bottom: 8px; }
  .order-status-migration-notice .migration-setup-link {
    font-weight: bold;
    color: #0078F8; }
    .order-status-migration-notice .migration-setup-link:visited {
      color: #0078F8; }

#js-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: rgba(132, 132, 144, 0.7);
  left: 0;
  top: 0;
  display: none;
  transition: all 0.2s ease;
  overflow: auto; }
  #js-modal.active {
    display: flex;
    justify-content: center; }
  #js-modal .modal-box {
    display: flex;
    flex-direction: column;
    animation: slide-up 0.4s ease;
    background: white;
    border: 2px solid #dae4ec;
    align-self: center;
    border-radius: 8px;
    padding: 24px 24px 24px 24px;
    box-shadow: 1px 1px 3px rgba(127, 127, 127, 0.5);
    position: relative; }
    #js-modal .modal-box button.close {
      position: absolute;
      top: 16px;
      right: 16px; }
  #js-modal button.close {
    display: block;
    margin-top: 24px;
    align-self: flex-end;
    padding: 8px 20px;
    font-family: "Catamaran", sans-serif;
    outline: none;
    border: none;
    color: white;
    border-radius: 8px;
    font-weight: bold;
    margin-right: 16px;
    transition: all 0.2s ease-in-out;
    font-size: 10pt;
    background: #98a5af; }
  #js-modal button:hover {
    cursor: pointer;
    transform: scale(1.05); }

textarea, select, input, button {
  outline: none; }

input[type=text], input[type=password] {
  font-size: 1em;
  padding: 8px;
  border: 1px solid #C2C7CB;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  font-family: "Catamaran", sans-serif;
  transition: all 0.1s ease;
  margin: 4px; }

input[type=text]:focus, input[type=password]:focus {
  border-color: #009688;
  transform: scale(1.025); }

input[type=submit] {
  padding: 8px 16px;
  border-radius: 8px;
  color: #342216;
  border: 1px solid #342216;
  background: white;
  font-family: "Catamaran", sans-serif;
  font-weight: bold;
  font-style: italic;
  font-weight: bold;
  font-size: 1.2em;
  cursor: pointer;
  transition: all 0.1s ease;
  box-shadow: 0px 1px 2px rgba(127, 127, 127, 0.2); }

input[type=submit]:hover, input[type=submit]:focus {
  transform: scale(1.025);
  box-shadow: 0px 1px 3px rgba(127, 127, 127, 0.3); }

input[type=submit]:disabled {
  color: #5e676e;
  border-color: #5e676e;
  cursor: default;
  transform: scale(1);
  box-shadow: none; }

.field-form .field-form-row-right {
  align-self: stretch;
  font-size: 10pt;
  color: #5e676e;
  border-left: 4px solid #C2C7CB;
  padding: 12px; }

.field-form .field-form-row-right.active {
  border-color: #FBBC9C; }

.field-form .field-form-row-right.satisfied {
  border-color: #64D58A; }

.field-form .field-form-row-right .satisfied-criteria {
  color: #C2C7CB;
  text-decoration: line-through; }

.field-form > div .field-form-row:first-child .field-form-row-right {
  border-radius: 0 8px 0 0; }

.field-form > div .field-form-row:last-child .field-form-row-right {
  border-radius: 0 0 8px 0;
  border-bottom: 0 none; }

.field-form .field-form-row-right .description {
  font-style: italic;
  letter-spacing: 0.5; }

.log-in input {
  margin-top: 8px;
  margin-bottom: 8px; }

.log-in .flash {
  margin-bottom: 16px;
  border-bottom: 2px solid #FBBC9C;
  padding-bottom: 6px; }

.log-in .flash i {
  margin-right: 8px;
  margin-top: 4px;
  color: #FBBC9C; }

ul.sections-list {
  margin: 0;
  padding: 0; }
  ul.sections-list li {
    list-style-type: none;
    position: relative; }
    ul.sections-list li a {
      color: #5e676e;
      text-decoration: none;
      padding: 8px 16px;
      border-left: 4px solid #C2C7CB;
      transition: all 0.1s ease; }
    ul.sections-list li a.complete {
      border-color: #64D58A; }
    ul.sections-list li a:hover {
      transform: scale(1.025);
      color: #342216; }

.fun-button {
  font-size: 11pt;
  background: #009688;
  border-radius: 8px;
  border: none;
  padding: 12px 20px;
  font-family: "Catamaran", sans-serif;
  transition: all 0.1s ease;
  margin: 8px 32px;
  color: white;
  box-shadow: 0px 1px 1px rgba(127, 127, 127, 0.3); }

.fun-button:hover, .fun-button:focus {
  cursor: pointer;
  transform: scale(1.025);
  box-shadow: 0px 1px 3px rgba(127, 127, 127, 0.3); }

.fun-button:disabled {
  color: #5e676e;
  border-color: #5e676e;
  cursor: default;
  transform: scale(1);
  box-shadow: none; }

.fun-button i {
  margin-right: 8px; }

.criteria-errors {
  border-left: 4px solid #FB9C9C;
  padding: 8px;
  margin: 16px 8px 32px 8px; }
  .criteria-errors p {
    margin-left: 8px; }
  .criteria-errors .criteria-errors-heading {
    margin-top: 16px; }

/* 
	Content loading animation styles
	Fancy loading shimmer: http://cloudcannon.com/deconstructions/2014/11/15/facebook-content-placeholder-deconstruction.html 
*/
:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

.fake-form {
  background: #fff;
  padding: 12px;
  max-width: 600px; }

@keyframes placeHolderShimmer {
  0% {
    background-position: -596px 0; }
  100% {
    background-position: 596px 0; } }

.fake-form .animated-background {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #e8eef3;
  background: linear-gradient(to right, #e8eef3 8%, #dae4ec 18%, #e8eef3 33%);
  background-size: 1200px 104px;
  position: relative; }

.fake-form .mask {
  background: #fff; }

.fake-form .header-line {
  margin-top: 64px;
  height: 48px; }

.fake-form .content-line {
  height: 56px;
  border-bottom: 16px solid white; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

.page-layout.page-layout-lonely .loading-indicator {
  margin-top: 0; }

.page-layout.page-layout-full-bleed {
  height: 100vh; }
  .page-layout.page-layout-full-bleed .loading-indicator {
    margin-top: 0; }

.page-layout.alternate-strip .navbar {
  background: white; }

.page-layout .navbar {
  padding: 12px 24px;
  display: flex;
  justify-content: space-between;
  background: #e8eef3;
  border-bottom: 1px solid #dae4ec; }
  @media (max-width: 860px) {
    .page-layout .navbar {
      flex-wrap: wrap;
      justify-content: center; } }
  .page-layout .navbar a {
    color: #342216;
    text-decoration: none; }
  .page-layout .navbar .nav-middle-part {
    display: flex;
    align-items: center; }
    .page-layout .navbar .nav-middle-part > div {
      margin-left: 4px;
      margin-right: 4px; }
  .page-layout .navbar .console-nav-right {
    display: flex;
    font-size: 12pt;
    margin-top: 4px; }
    .page-layout .navbar .console-nav-right a {
      padding: 4px 12px;
      font-size: 10pt;
      color: #5e676e;
      margin-right: 8px;
      transition: all 0.1s ease;
      font-weight: 600;
      letter-spacing: 0.2px;
      text-align: center; }
      .page-layout .navbar .console-nav-right a i {
        margin-right: 3px; }
      .page-layout .navbar .console-nav-right a:hover {
        color: #342216;
        background-color: #dae4ec;
        border-radius: 4px; }

.page-layout .page-content {
  margin-top: 48px;
  max-width: 860px;
  margin: 64px auto; }

.page-layout .loading-indicator {
  margin-top: -1px;
  height: 1px;
  position: relative;
  background: 1px solid #C2C7CB; }

.page-layout .loading-indicator.active .peg {
  display: block;
  position: absolute;
  content: "";
  left: 0;
  width: 0;
  height: 1px;
  -webkit-box-shadow: 0px 0px 1px #64D58A;
  -moz-box-shadow: 0px 0px 1px #64D58A;
  box-shadow: 0px 0px 1px #64D58A;
  background-color: #64D58A;
  animation: loading 7s linear infinite; }

@keyframes loading {
  from {
    left: 0; }
  10% {
    width: 10%; }
  20% {
    width: 40%; }
  35% {
    width: 60%; }
  50% {
    width: 100%;
    left: 0; }
  to {
    left: 100%; } }

.page-sidebar {
  margin-top: 48px;
  display: flex;
  flex-wrap: wrap; }
  .page-sidebar .page-sidebar-nav {
    margin: 24px 24px 0 48px;
    width: 200px; }
    @media (max-width: 860px) {
      .page-sidebar .page-sidebar-nav {
        width: 100%;
        margin: 10%; } }
    .page-sidebar .page-sidebar-nav .page-sidebar-nav-inner {
      display: flex;
      flex-direction: column; }
    .page-sidebar .page-sidebar-nav h3 {
      margin-top: 0;
      text-align: center; }
    .page-sidebar .page-sidebar-nav img {
      margin: 0 auto 8px auto;
      display: block; }
    .page-sidebar .page-sidebar-nav .fas {
      margin-right: 4px; }
    .page-sidebar .page-sidebar-nav a {
      box-sizing: border-box;
      padding: 16px;
      color: inherit;
      text-decoration: none;
      font-weight: bold;
      background-color: #e8eef3;
      transition: all 0.1s ease-in-out; }
    .page-sidebar .page-sidebar-nav a:hover {
      background: #dae4ec;
      transform: scale(1.025); }
    .page-sidebar .page-sidebar-nav .active {
      border-left: 2px solid var(--gambit-theme-color);
      background: #dae4ec; }
    .page-sidebar .page-sidebar-nav .subitem {
      margin-left: 16px;
      background: #f5f8fa;
      font-weight: normal;
      border-left: 2px solid #e8eef3; }
    .page-sidebar .page-sidebar-nav .subitem-active {
      border-left: 2px solid var(--gambit-theme-color); }
  .page-sidebar .page-sidebar-content {
    flex: 1; }

.page-carousel {
  margin-top: 48px; }
  .page-carousel .outer-shell {
    margin: 48px auto;
    border: 1px solid #dae4ec;
    border-radius: 8px;
    max-width: 560px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .page-carousel .configurer {
    border-radius: 0 0 8px 8px;
    border: none; }
  .page-carousel .page-carousel-nav {
    flex: 0 0 auto; }
  .page-carousel .page-carousel-navigation {
    background: #e8eef3;
    border-bottom: 2px solid #dae4ec;
    padding: 16px 32px;
    border-radius: 6px 6px 0 0;
    position: relative; }
    .page-carousel .page-carousel-navigation .fun-button-bar {
      width: auto;
      flex: 1 0 auto;
      justify-content: space-between; }
  .page-carousel .progress-bar {
    color: #03a87c;
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    -webkit-box-shadow: 0px 0px 1px #64D58A;
    -moz-box-shadow: 0px 0px 1px #64D58A;
    box-shadow: 0px 0px 1px #64D58A;
    background-color: #64D58A;
    transition: all 0.4s ease; }
  .page-carousel .content-shell > * {
    animation: slide-left 0.4s ease; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

.gambit-gallery .gallery-button {
  text-decoration: none;
  display: inline-block;
  border-radius: 8px;
  color: white;
  background: #44CA47;
  border: 1px solid #329834;
  -webkit-box-shadow: 0px 1px 2px 0px gainsboro;
  -moz-box-shadow: 0px 1px 2px 0px gainsboro;
  box-shadow: 0px 1px 2px 0px gainsboro;
  font-family: "Catamaran", sans-serif;
  font-weight: bold;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
  outline: none;
  transition: all 0.1s ease-in-out;
  font-size: 11pt;
  padding: 8px 16px;
  margin: 4px; }

.gambit-gallery .billing-info {
  font-size: 11pt;
  letter-spacing: 0.5px; }
  .gambit-gallery .billing-info a, .gambit-gallery .billing-info a:visited {
    color: white; }

.gambit-gallery .squarespace-feature {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 16px auto;
  min-height: 480px;
  max-width: 900px;
  position: relative;
  color: white;
  display: flex;
  overflow: hidden; }
  .gambit-gallery .squarespace-feature .squarespace-feature-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    .gambit-gallery .squarespace-feature .squarespace-feature-image img {
      object-fit: cover;
      height: 100%;
      width: 100%; }
  .gambit-gallery .squarespace-feature .squarespace-feature-content {
    z-index: 99;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    flex: 1;
    box-sizing: border-box;
    background-image: linear-gradient(rgba(0, 10, 20, 0.2), rgba(0, 10, 20, 0.4)); }
  .gambit-gallery .squarespace-feature .squarespace-text-header {
    max-width: 600px;
    margin: 16px auto; }
    .gambit-gallery .squarespace-feature .squarespace-text-header img {
      width: 100%; }
  .gambit-gallery .squarespace-feature .tagline {
    font-size: 18px;
    line-height: 1.25em;
    max-width: 420px;
    padding: 16px;
    font-weight: 500; }
  .gambit-gallery .squarespace-feature .action-area {
    text-align: center; }
  .gambit-gallery .squarespace-feature .squarespace-button {
    display: inline-block;
    font-size: 11pt;
    background: white;
    color: black;
    padding: 20px 30px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 16px; }
    .gambit-gallery .squarespace-feature .squarespace-button:hover, .gambit-gallery .squarespace-feature .squarespace-button:focus {
      cursor: pointer;
      background: rgba(255, 255, 255, 0.95); }

.gambit-gallery .concierge-service {
  background: #e8eef3;
  border: 1px solid #dae4ec;
  border-radius: 8px;
  padding: 16px;
  margin: 16px;
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .gambit-gallery .concierge-service img {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    margin: auto; }
  .gambit-gallery .concierge-service div {
    font-size: 11pt;
    max-width: 400px;
    min-width: 200px;
    text-align: center; }
    .gambit-gallery .concierge-service div h3 {
      margin-bottom: 0; }
    .gambit-gallery .concierge-service div p {
      margin-top: 0;
      margin-bottom: 16px; }
  .gambit-gallery .concierge-service .fun-button {
    font-size: 10pt;
    margin: auto; }

.gambit-gallery .request-integration {
  text-align: center; }
  .gambit-gallery .request-integration .fun-button {
    padding: 16px 64px;
    margin: 72px; }

.gambit-gallery .gallery-button:hover {
  transform: scale(1.025);
  cursor: pointer; }

.gambit-gallery .gallery-button.secondary {
  border-color: #2f73a6;
  background: #368fd3; }

.gambit-gallery .gallery-button.tertiary {
  background: #62a9ab;
  border-color: #4b8284; }

.gambit-gallery .gambit-gallery-collection {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; }

.gambit-gallery .gambit-gallery-item {
  width: 48%;
  margin: 24px 0;
  box-sizing: border-box;
  min-width: 200px;
  position: relative;
  padding: 32px;
  box-sizing: border-box;
  border: 1px solid #e8eef3;
  border-radius: 8px;
  text-align: center; }
  .gambit-gallery .gambit-gallery-item .gambit-gallery-integration {
    display: flex;
    justify-content: center; }
    .gambit-gallery .gambit-gallery-item .gambit-gallery-integration img:first-child {
      height: 120px;
      width: auto; }
    .gambit-gallery .gambit-gallery-item .gambit-gallery-integration img {
      min-width: 0;
      width: 50%;
      height: auto;
      align-self: center; }
    .gambit-gallery .gambit-gallery-item .gambit-gallery-integration img.gumroad {
      height: 80px;
      width: auto; }
  .gambit-gallery .gambit-gallery-item .text-content {
    text-align: left;
    margin-bottom: 48px; }
  .gambit-gallery .gambit-gallery-item img {
    height: 120px; }

.gumroad-integration-fields img {
  height: 36px;
  margin-right: 16px; }

.gumroad-integration-fields a.fun-button {
  text-decoration: none;
  display: block;
  margin-left: 0; }

.gumroad-integration-fields .fun-button-bar {
  margin-top: 16px; }

.create-squarespace-gambit {
  max-width: 960px;
  margin: 72px auto; }
  .create-squarespace-gambit input[type=text], .create-squarespace-gambit input[type=email] {
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .create-squarespace-gambit .contact-support {
    font-size: 11pt;
    background: #e8eef3;
    color: #5e676e;
    padding: 16px;
    margin: 32px 0; }
  .create-squarespace-gambit p {
    margin-bottom: 16px; }
  .create-squarespace-gambit h1 {
    text-align: center;
    font-size: 32pt; }
  .create-squarespace-gambit h2 {
    font-size: 24pt; }
  .create-squarespace-gambit h3 {
    font-size: 18pt; }
  .create-squarespace-gambit .get-started-intro {
    font-size: 13pt;
    max-width: 500px;
    margin: 16px auto; }
  .create-squarespace-gambit .big-number {
    background: #009688;
    font-size: 24pt;
    width: 60px;
    height: 60px;
    margin: 160px auto 0 auto;
    font-weight: 700;
    color: white;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    position: relative; }
    .create-squarespace-gambit .big-number::before {
      position: absolute;
      width: 200px;
      height: 2px;
      left: -70px;
      top: 30px;
      background: #009688;
      content: '';
      z-index: -1; }
  .create-squarespace-gambit .squarespace-two-up {
    display: flex;
    align-items: center;
    max-width: 820px;
    margin: 24px auto 96px auto;
    flex-wrap: wrap-reverse; }
    .create-squarespace-gambit .squarespace-two-up img {
      width: 100%;
      padding: 16px;
      box-sizing: border-box; }
    .create-squarespace-gambit .squarespace-two-up .configurer {
      border: none;
      padding: 0; }
    .create-squarespace-gambit .squarespace-two-up .short-side {
      flex: 1;
      min-width: 320px; }
    .create-squarespace-gambit .squarespace-two-up .long-side {
      flex: 2;
      padding: 16px;
      min-width: 320px; }
  .create-squarespace-gambit .squarespace-config-fields .squarespace-two-up {
    margin-bottom: 24px; }
  .create-squarespace-gambit .squarespace-config-fields .configurer {
    border: none;
    padding: 8px; }
    .create-squarespace-gambit .squarespace-config-fields .configurer .sbs-fields .sbs-row:first-child {
      flex-direction: column; }
    .create-squarespace-gambit .squarespace-config-fields .configurer .sbs-fields .sbs-row:not(:first-child):not(.sbs-sub-row) {
      max-width: 640px;
      margin-left: auto;
      margin-right: auto; }
  .create-squarespace-gambit .fun-button {
    margin-left: 0;
    margin-right: 16px; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

.gambit-list {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap; }
  .gambit-list .gambit-tile {
    text-align: center;
    margin: 8px;
    border: 1px solid #dae4ec;
    border-radius: 8px;
    padding: 12px 24px;
    transition: all 0.1s ease-in-out; }
  .gambit-list .gambit-tile:hover {
    background: #e8eef3;
    cursor: pointer;
    transform: scale(1.025); }
  .gambit-list .gambit-tile-name {
    margin-top: 8px; }
  .gambit-list .gambit-tile-gambit-type, .gambit-list .gambit-tile-treat-type {
    font-size: 10pt;
    color: #5e676e;
    text-align: left; }
    .gambit-list .gambit-tile-gambit-type .fas, .gambit-list .gambit-tile-treat-type .fas {
      margin-right: 4px;
      color: #C2C7CB; }

.new-gambit {
  margin: 64px 16px; }
  .new-gambit .fun-button {
    height: 48px;
    align-self: center;
    margin-left: 16px; }
  .new-gambit .new-gambit-text {
    font-size: 10pt;
    color: #5e676e;
    text-align: left;
    margin-left: 16px;
    border: 1px solid #dae4ec;
    background: #e8eef3;
    border-radius: 8px;
    padding: 16px;
    position: relative; }

.empty-gambit {
  margin-top: 64px;
  max-width: 600px;
  padding: 64px 64px 96px 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #dae4ec;
  border-radius: 8px;
  background: #f5f5f5; }
  .empty-gambit .empty-gambit-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; }
    .empty-gambit .empty-gambit-row div {
      flex: 1; }
  .empty-gambit img {
    width: auto;
    max-width: 200px;
    margin-right: 16px; }
  .empty-gambit .new-gambit-button {
    padding: 16px 48px;
    width: 240px;
    margin-left: 0;
    margin-top: 32px; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

.big-stat-row {
  margin-bottom: 96px; }
  .big-stat-row h1 {
    margin-bottom: 0;
    font-size: 36pt; }

.trial-notification {
  display: flex;
  align-items: center;
  padding: 32px 32px 48px 32px;
  margin: 16px 16px 32px 16px;
  border-bottom: 2px solid #dae4ec;
  flex-wrap: wrap; }
  .trial-notification .left {
    margin-right: 48px; }
    .trial-notification .left img {
      width: 160px; }
  .trial-notification .right {
    min-width: 200px; }
    .trial-notification .right .headline {
      font-weight: 600;
      font-size: 18pt; }
    .trial-notification .right a, .trial-notification .right a:visited {
      color: #009688; }
    .trial-notification .right .subhead {
      max-width: 420px; }
    .trial-notification .right .fun-button {
      margin: 24px 0;
      padding: 8px 12px; }

.page-sidebar .page-sidebar-nav .sidebar-mode-badge {
  text-align: center;
  margin-bottom: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: flex;
  justify-content: center;
  font-weight: 700;
  font-size: 10pt;
  background: white; }
  .page-sidebar .page-sidebar-nav .sidebar-mode-badge:hover {
    background: white; }
  .page-sidebar .page-sidebar-nav .sidebar-mode-badge span {
    padding: 8px 16px;
    border-radius: 8px; }
    .page-sidebar .page-sidebar-nav .sidebar-mode-badge span i {
      font-size: 8pt; }
    .page-sidebar .page-sidebar-nav .sidebar-mode-badge span.preview {
      color: #98a5af;
      background: #e8eef3; }
    .page-sidebar .page-sidebar-nav .sidebar-mode-badge span.live {
      color: white;
      background: #03a87c; }

.page-sidebar .page-sidebar-nav .navigation-title {
  background: white;
  padding: 0; }

.gambit-settings input[type=submit] {
  margin: 8px; }

.gambit-settings .fun-button, .gambit-settings .fun-button-bar .flat-button.primary {
  background: var(--gambit-theme-color);
  margin-left: 8px; }

.gambit-settings input[type=text]:focus, .gambit-settings input[type=password]:focus {
  border-color: var(--gambit-theme-color); }

.gambit-settings .configurer {
  margin: 48px 0; }

.info-line.custom-domain-info {
  margin-left: 8px;
  margin-top: 8px;
  margin-bottom: 8px; }

.gambit-settings .header-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-radius: 8px 8px 0 0;
  align-items: center;
  background: white;
  padding-left: 16px;
  z-index: 100;
  position: sticky;
  top: 0px;
  border-bottom: 1px solid #dae4ec;
  box-shadow: 1px 2px 1px -1px rgba(127, 127, 127, 0.2); }
  .gambit-settings .header-row > * {
    flex: 1; }

.gambit-settings .gambit-settings-content {
  max-width: 720px;
  margin-bottom: 96px; }

.gambit-basics-field {
  margin-bottom: 24px; }
  .gambit-basics-field label {
    display: block;
    margin-left: 8px;
    font-weight: bold; }

.icon-upload-container {
  width: 200px;
  height: 200px;
  margin: 8px; }

.gambit-settings.gambit-customization h2 {
  margin-top: 32px;
  margin-left: 12px; }

.gambit-settings.gambit-customization .color-picker-component {
  margin-left: 12px; }

.gambit-settings.gambit-customization .gambit-customization-advanced-container {
  margin-top: 64px;
  border-top: 1px solid #e8eef3;
  padding-top: 48px; }
  .gambit-settings.gambit-customization .gambit-customization-advanced-container h3 {
    margin: 8px; }

.gambit-settings.gambit-customization .email-template-link {
  display: inline-block; }

.color-picker-component {
  width: 200px;
  border-radius: 8px;
  border: 1px solid #dae4ec; }
  .color-picker-component .color-picker-hero {
    width: 100%;
    box-sizing: border-box;
    border-radius: 8px 8px 0 0;
    border-bottom: 2px solid #dae4ec;
    height: 80px;
    background: #e8eef3;
    color: white;
    text-align: center;
    line-height: 80px;
    font-weight: bold;
    transition: all 0.1s ease-in-out; }
  .color-picker-component .color-picker-options {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 16px;
    justify-content: space-evenly; }
    .color-picker-component .color-picker-options .color-picker-color {
      border-radius: 6px;
      width: 24px;
      height: 24px;
      margin: 2px;
      border: 2px solid white;
      transition: all 0.1s ease-in-out; }
      .color-picker-component .color-picker-options .color-picker-color.selected, .color-picker-component .color-picker-options .color-picker-color:hover {
        transform: scale(1.1);
        cursor: pointer; }
      .color-picker-component .color-picker-options .color-picker-color.selected {
        border-color: #5e676e; }
  .color-picker-component input[type=text] {
    margin-top: 12px;
    box-sizing: border-box;
    width: 100%; }

.gambit-settings.gambit-preview form h2 {
  margin-top: 32px;
  margin-left: 12px; }

.gambit-settings.gambit-preview .content-post-create {
  flex: 1;
  min-width: 260px; }
  .gambit-settings.gambit-preview .content-post-create p {
    margin-bottom: 12px; }

.gambit-settings.gambit-preview .post-create-spinner {
  padding: 32px; }

.gambit-settings.gambit-preview .add-our-account {
  max-width: 520px;
  margin: 32px auto;
  padding: 16px 32px;
  border: 1px solid #dae4ec;
  box-sizing: border-box;
  border-radius: 8px; }
  .gambit-settings.gambit-preview .add-our-account h2 {
    margin-left: 0; }
  .gambit-settings.gambit-preview .add-our-account h3 {
    margin-top: 24px; }
  .gambit-settings.gambit-preview .add-our-account p {
    margin-bottom: 12px; }
  .gambit-settings.gambit-preview .add-our-account .squarespace-integration-fields a, .gambit-settings.gambit-preview .add-our-account .squarespace-integration-fields a:visited {
    color: #009688; }
  .gambit-settings.gambit-preview .add-our-account .add-account-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .gambit-settings.gambit-preview .add-our-account .add-account-header h2 {
      margin-left: 32px;
      font-size: 24pt; }
  .gambit-settings.gambit-preview .add-our-account .fun-button-bar {
    margin-top: 24px;
    margin-bottom: 24px; }
  .gambit-settings.gambit-preview .add-our-account .little-note {
    color: #5e676e; }

.gambit-settings.gambit-preview .post-create-flow {
  border-radius: 8px;
  border: 1px solid #dae4ec;
  display: flex;
  padding: 32px;
  margin: 64px 32px;
  align-items: center;
  animation: slide-up 0.3s ease;
  background: #f5f5f5;
  flex-wrap: wrap; }
  .gambit-settings.gambit-preview .post-create-flow img {
    margin-right: 16px 0 16px 16px;
    width: 100px;
    margin: 16px; }
  .gambit-settings.gambit-preview .post-create-flow h2 {
    margin: 0; }
  .gambit-settings.gambit-preview .post-create-flow em {
    color: #5e676e; }

.gambit-settings.gambit-preview .configurer {
  margin: 16px 0; }

.gambit-settings.gambit-preview .step {
  margin: 12px 0 48px 0;
  position: relative;
  border: 1px solid #dae4ec;
  border-radius: 8px;
  padding: 16px 16px 16px 48px; }
  .gambit-settings.gambit-preview .step .number {
    position: absolute;
    left: 12px;
    width: 24px;
    height: 24px;
    background: var(--gambit-theme-color);
    color: white;
    text-align: center;
    border-radius: 12px; }

.gambit-settings.gambit-preview .embed-note {
  margin-top: 16px;
  font-size: 9pt;
  color: #5e676e; }

.gambit-settings.gambit-preview .embed-form-settings {
  margin-top: 16px; }
  .gambit-settings.gambit-preview .embed-form-settings .peachs-form {
    text-align: left; }
    .gambit-settings.gambit-preview .embed-form-settings .peachs-form .referral-link {
      padding-top: 0px; }

.gambit-settings.gambit-preview .field {
  margin: 8px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .gambit-settings.gambit-preview .field p {
    width: 100%; }
  .gambit-settings.gambit-preview .field label {
    margin-right: 8px;
    width: 96px; }
  .gambit-settings.gambit-preview .field input {
    flex: auto; }

.gambit-settings.gambit-preview .fields-section {
  border-bottom: 1px solid #dae4ec;
  padding: 32px 16px 32px 16px;
  margin-bottom: 36px;
  margin-top: 16px;
  position: relative; }

.gambit-settings.gambit-preview .preview-section {
  position: relative;
  text-align: center;
  padding: 48px 16px 48px 16px;
  border-bottom: 1px solid #dae4ec; }
  .gambit-settings.gambit-preview .preview-section .preview-content {
    padding: 16px;
    background: #e8eef3; }

.gambit-settings.gambit-preview .test-section {
  padding: 32px 16px 32px 16px;
  margin-bottom: 36px;
  margin-top: 16px;
  position: relative; }
  .gambit-settings.gambit-preview .test-section .fun-button-bar {
    margin-top: 24px;
    margin-bottom: 24px; }

.gambit-settings.gambit-preview .embed-api-settings .fun-button {
  text-decoration: none; }

.gambit-settings.gambit-preview .embed-api-settings .code-section textarea {
  font-family: monospace;
  line-height: 1.5;
  height: 84px; }

.gambit-settings.gambit-preview .embed-api-settings .preview-section {
  text-align: left; }
  .gambit-settings.gambit-preview .embed-api-settings .preview-section input {
    display: block;
    width: 90%;
    max-width: 400px;
    margin-top: 16px; }

.gambit-settings.gambit-preview .documentation-section {
  margin-top: 36px;
  margin-bottom: 16px;
  padding: 48px 16px 48px 16px;
  border-bottom: 1px solid #dae4ec;
  position: relative;
  display: flex;
  flex-direction: column; }

.gambit-settings.gambit-preview .code-field {
  display: flex;
  flex-direction: column; }

.gambit-settings.gambit-preview .code-section {
  margin-top: 36px;
  margin-bottom: 16px;
  padding: 48px 16px 48px 16px;
  border-bottom: 1px solid #dae4ec;
  position: relative;
  display: flex;
  flex-direction: column; }
  .gambit-settings.gambit-preview .code-section textarea {
    margin: 16px;
    display: block;
    resize: none;
    padding: 16px;
    border: 1px solid #dae4ec;
    border-radius: 8px;
    font-size: 11pt;
    font-family: "Catamaran", sans-serif;
    background: #e8eef3;
    height: 52px;
    color: #5e676e; }
  .gambit-settings.gambit-preview .code-section .copy-button {
    width: 120px;
    padding: 8px 16px;
    margin: 0 auto;
    background: var(--gambit-theme-color);
    color: white;
    border-radius: 8px;
    border: none;
    font-family: "Catamaran", sans-serif;
    font-style: italic;
    transition: 0.2s all ease;
    font-weight: bold; }
    .gambit-settings.gambit-preview .code-section .copy-button i {
      margin-right: 8px; }
    .gambit-settings.gambit-preview .code-section .copy-button:hover {
      cursor: pointer;
      transform: scale(1.025); }

.gambit-settings.gambit-preview .section-label {
  position: absolute;
  font-size: 10pt;
  font-style: italic;
  left: 8px;
  top: 0px;
  padding: 8px 4px;
  color: #5e676e;
  border-radius: 8px; }

.gambit-settings.gambit-preview .peachs-embed-button {
  background: #3F51B5;
  padding: 12px 16px;
  border-radius: 8px;
  outline: none;
  font-size: 11pt;
  font-weight: normal;
  letter-spacing: 0;
  color: white;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  transition: all 0.1s ease;
  display: block;
  margin: 0 auto;
  border: none; }
  .gambit-settings.gambit-preview .peachs-embed-button:hover {
    cursor: pointer;
    transform: scale(1.025); }

.gambit-settings.gambit-preview .gambit-treat-settings .fun-button-bar {
  margin: 24px; }

.gambit-settings.gambit-preview .embed-gumroad-script .fa-spinner {
  margin: 16px; }

.gambit-settings.gambit-preview .embed-gumroad-script select {
  width: 250px;
  border-radius: 0;
  border-radius: 8px;
  font-family: "Catamaran", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNOTguOSwxODQuN2wxLjgsMi4xbDEzNiwxNTYuNWM0LjYsNS4zLDExLjUsOC42LDE5LjIsOC42YzcuNywwLDE0LjYtMy40LDE5LjItOC42TDQxMSwxODcuMWwyLjMtMi42ICBjMS43LTIuNSwyLjctNS41LDIuNy04LjdjMC04LjctNy40LTE1LjgtMTYuNi0xNS44djBIMTEyLjZ2MGMtOS4yLDAtMTYuNiw3LjEtMTYuNiwxNS44Qzk2LDE3OS4xLDk3LjEsMTgyLjIsOTguOSwxODQuN3oiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: 220px center;
  background-size: 16px;
  font-size: 1em;
  padding: 8px;
  border: 1px solid #C2C7CB;
  margin: 4px;
  transition: all 0.1s ease;
  background-color: white;
  color: #342216;
  padding-right: 32px; }
  .gambit-settings.gambit-preview .embed-gumroad-script select:hover {
    cursor: pointer;
    border-color: var(--gambit-theme-color);
    transform: scale(1.025); }

.gambit-settings.gambit-preview .embed-gumroad-script .all-products {
  margin-top: 16px;
  margin-bottom: 16px; }
  .gambit-settings.gambit-preview .embed-gumroad-script .all-products input[type=checkbox] {
    width: 24px;
    height: 24px;
    flex-grow: 0;
    flex-shrink: 0; }
  .gambit-settings.gambit-preview .embed-gumroad-script .all-products .long-label {
    width: auto;
    flex: 1;
    font-style: italic;
    color: #5e676e; }

.gambit-settings.gambit-preview .embed-contact-support .fields-section {
  border-bottom: none;
  padding: 32px 32px 0 0;
  position: relative; }

.gambit-settings.gambit-preview .embed-contact-support .account-manager {
  border-radius: 4px;
  border: 1px solid #dae4ec; }

.gambit-settings.gambit-preview .embed-contact-support .account-manager-header {
  display: flex;
  vertical-align: middle;
  border-bottom: 1px solid #dae4ec;
  background: #e8eef3;
  margin: 0;
  padding: 16px;
  border-radius: 4px 4px 0 0; }
  .gambit-settings.gambit-preview .embed-contact-support .account-manager-header img {
    margin-right: 16px;
    flex: none;
    border-radius: 24px;
    width: 48px;
    height: 48px; }
  .gambit-settings.gambit-preview .embed-contact-support .account-manager-header h4 {
    margin: auto 0;
    font-size: 15pt; }

.gambit-settings.gambit-preview .embed-contact-support .response-destination {
  margin: 16px 8px;
  color: #5e676e;
  font-style: italic; }

.gambit-settings.gambit-preview .embed-contact-support .account-manager-quote {
  padding: 16px 16px 0 16px;
  color: #5e676e; }
  .gambit-settings.gambit-preview .embed-contact-support .account-manager-quote p {
    margin-bottom: 16px;
    line-height: 2;
    font-size: 11pt; }

.gambit-settings.gambit-preview .embed-contact-support textarea {
  margin: 32px 0;
  width: 100%;
  display: block;
  box-sizing: border-box;
  font-size: 12pt;
  height: 200px;
  resize: vertical;
  padding: 16px;
  border: 1px solid #dae4ec;
  line-height: 1.5;
  font-family: "Catamaran", sans-serif;
  border-radius: 4px; }

.gambit-settings.gambit-preview .embed-contact-support textarea:focus {
  border: 1px solid var(--gambit-theme-color); }

.gambit-stats, .fun-paged-table, .gambit-sales, .gambit-discounts, .squarespace-referrer-detail-content {
  position: relative;
  display: flex;
  flex-direction: column; }
  .gambit-stats .loading-overlay, .fun-paged-table .loading-overlay, .gambit-sales .loading-overlay, .gambit-discounts .loading-overlay, .squarespace-referrer-detail-content .loading-overlay {
    border-top: 2px solid #dae4ec;
    background: rgba(232, 238, 243, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 25pt;
    text-align: center;
    color: #5e676e;
    padding-top: 48px; }
    .gambit-stats .loading-overlay.loading, .fun-paged-table .loading-overlay.loading, .gambit-sales .loading-overlay.loading, .gambit-discounts .loading-overlay.loading, .squarespace-referrer-detail-content .loading-overlay.loading {
      display: block; }
    .gambit-stats .loading-overlay.loaded, .fun-paged-table .loading-overlay.loaded, .gambit-sales .loading-overlay.loaded, .gambit-discounts .loading-overlay.loaded, .squarespace-referrer-detail-content .loading-overlay.loaded {
      display: none; }

.gambit-stats {
  margin-bottom: 96px; }
  .gambit-stats h1 {
    display: inline-block;
    margin-left: 8px; }
  .gambit-stats .date-picker-component {
    display: inline-block;
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 499;
    width: 320px; }
    @media (max-width: 860px) {
      .gambit-stats .date-picker-component {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        margin: 8px;
        width: auto; } }
  .gambit-stats .stats-area {
    min-height: 700px;
    position: relative; }
  .gambit-stats .stats-container {
    padding: 28px 16px 16px 16px; }
  .gambit-stats .stats-container #canvas-holder {
    height: 400px; }
  .gambit-stats .stats-row {
    display: flex;
    justify-content: space-evenly;
    margin-top: 48px;
    margin-bottom: 64px;
    align-items: flex-start;
    flex-wrap: wrap; }
    .gambit-stats .stats-row.referrer-stats-row {
      margin-bottom: 0; }
    .gambit-stats .stats-row.channel-stats-row {
      margin-top: 36px; }
      .gambit-stats .stats-row.channel-stats-row h2 {
        margin-top: 0; }
    .gambit-stats .stats-row .stats-top-table, .gambit-stats .stats-row .big-stats-container {
      margin: 12px; }
    .gambit-stats .stats-row .stats-top-table {
      flex: 1;
      border-collapse: collapse;
      text-align: right;
      border: 1px solid #dae4ec;
      min-width: 320px;
      margin-bottom: 64px; }
      .gambit-stats .stats-row .stats-top-table thead {
        background: #e8eef3;
        color: #5e676e;
        font-size: 10pt;
        border-bottom: 2px solid #dae4ec; }
      .gambit-stats .stats-row .stats-top-table .table-title {
        font-size: 14pt;
        font-weight: bold;
        text-align: left; }
      .gambit-stats .stats-row .stats-top-table td {
        padding: 16px; }
      .gambit-stats .stats-row .stats-top-table .name {
        display: inline-block;
        margin-right: 4px; }
      .gambit-stats .stats-row .stats-top-table .referral-code {
        padding: 2px 4px;
        border-radius: 4px;
        color: #98a5af;
        border: 1px solid #e8eef3;
        font-size: 10pt;
        display: inline-block; }
      .gambit-stats .stats-row .stats-top-table tbody td {
        border-bottom: 1px dotted #dae4ec;
        padding: 16px; }
        .gambit-stats .stats-row .stats-top-table tbody td:first-child {
          text-align: left; }
    .gambit-stats .stats-row .big-stats-container {
      display: flex;
      flex-wrap: wrap;
      flex: 1;
      min-width: 320px;
      margin-bottom: 64px; }
      .gambit-stats .stats-row .big-stats-container .big-stat {
        width: 50%;
        padding: 32px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column; }
        .gambit-stats .stats-row .big-stats-container .big-stat:nth-child(1) {
          border-right: 1px dotted #dae4ec; }
        .gambit-stats .stats-row .big-stats-container .big-stat:nth-child(3) {
          border-right: 1px dotted #dae4ec;
          border-top: 1px dotted #dae4ec; }
        .gambit-stats .stats-row .big-stats-container .big-stat:nth-child(4) {
          border-top: 1px dotted #dae4ec; }
    .gambit-stats .stats-row .big-stat {
      text-align: center; }
      .gambit-stats .stats-row .big-stat h1 {
        font-size: 34pt;
        margin-bottom: 0;
        margin-top: 0; }
      .gambit-stats .stats-row .big-stat > div {
        display: flex;
        margin: auto;
        align-items: center; }
      .gambit-stats .stats-row .big-stat p {
        font-size: 10pt;
        margin: 0;
        font-weight: 800;
        letter-spacing: 0.5px;
        color: #98a5af;
        margin-top: 2px; }
      .gambit-stats .stats-row .big-stat .color-hint {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        margin-right: 8px; }
    .gambit-stats .stats-row.channel-stats-row {
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #e8eef3; }
      .gambit-stats .stats-row.channel-stats-row > .channel-stat {
        flex: 1;
        margin: auto;
        border-right: 1px solid #e8eef3; }
      .gambit-stats .stats-row.channel-stats-row .channel-stats-container {
        flex: 1;
        margin: auto; }
    .gambit-stats .stats-row .channel-stats-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap; }
      .gambit-stats .stats-row .channel-stats-container > .channel-stat {
        width: 50%; }
    .gambit-stats .stats-row .channel-stat {
      text-align: center;
      display: flex;
      flex-direction: column;
      margin: 16px auto;
      padding: 16px;
      box-sizing: border-box; }
      .gambit-stats .stats-row .channel-stat h1 {
        font-size: 34pt;
        margin: 0;
        margin-bottom: 16px;
        text-align: center;
        line-height: 1; }
      .gambit-stats .stats-row .channel-stat p {
        color: #98a5af;
        font-size: 10pt;
        margin: 0;
        font-weight: 800;
        letter-spacing: 0.5px; }
      .gambit-stats .stats-row .channel-stat i {
        font-size: 18pt;
        vertical-align: middle;
        margin-right: 8px; }
      .gambit-stats .stats-row .channel-stat.total {
        color: #342216;
        margin: auto 0; }
        .gambit-stats .stats-row .channel-stat.total h1 {
          font-size: 48pt; }
        .gambit-stats .stats-row .channel-stat.total p {
          font-size: 16pt; }
          .gambit-stats .stats-row .channel-stat.total p i {
            color: #342216; }
      .gambit-stats .stats-row .channel-stat.facebook i {
        color: #3B5998; }
      .gambit-stats .stats-row .channel-stat.twitter i {
        color: #1DA1F2; }
      .gambit-stats .stats-row .channel-stat.email i {
        color: #ea4335; }
      .gambit-stats .stats-row .channel-stat.link i {
        color: #8bc34a; }
  .gambit-stats .squarespace-order-stats .squarespace-stat {
    text-align: center; }
    .gambit-stats .squarespace-order-stats .squarespace-stat h2 {
      font-size: 32pt;
      font-weight: 700;
      margin: 0; }
    .gambit-stats .squarespace-order-stats .squarespace-stat h4 {
      font-weight: 400;
      font-size: 10pt;
      margin: 0;
      font-weight: 800;
      letter-spacing: 0.5px;
      color: #98a5af; }
    .gambit-stats .squarespace-order-stats .squarespace-stat.referred-sales h2, .gambit-stats .squarespace-order-stats .squarespace-stat.referred-sales h4 {
      color: #009688; }

.gambit-table {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #dae4ec; }
  .gambit-table.gambit-table-infinite {
    box-shadow: inset 0 -5px 5px -5px rgba(127, 127, 127, 0.4); }
    .gambit-table.gambit-table-infinite .gambit-table-header {
      box-shadow: 0 4px 5px -5px rgba(127, 127, 127, 0.4); }
  .gambit-table .gambit-table-header {
    margin-top: 48px;
    font-weight: bold;
    background: #e8eef3;
    border-left: 1px solid #dae4ec;
    border-right: 1px solid #dae4ec;
    border-bottom: 1px solid #dae4ec; }
  .gambit-table .gambit-table-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 16px 0 16px 0;
    border-left: 1px solid #dae4ec;
    border-right: 1px solid #dae4ec;
    border-bottom: 1px solid #dae4ec; }
    @media (max-width: 860px) {
      .gambit-table .gambit-table-item {
        flex-direction: column;
        align-items: center; } }
    .gambit-table .gambit-table-item span {
      box-sizing: border-box;
      overflow: hidden; }
      .gambit-table .gambit-table-item span:first-child {
        padding-left: 8px; }
      .gambit-table .gambit-table-item span:last-child {
        padding-right: 8px; }
      .gambit-table .gambit-table-item span.thin {
        flex: 1; }
      .gambit-table .gambit-table-item span.thick {
        flex: 2; }

.gambit-sales {
  margin-bottom: 120px; }
  .gambit-sales .gambit-sales-summary {
    display: flex;
    flex-wrap: wrap; }
    .gambit-sales .gambit-sales-summary div {
      flex: 1;
      text-align: center;
      padding: 8px; }
      .gambit-sales .gambit-sales-summary div h2 {
        font-size: 32pt;
        padding: 0;
        margin: 0; }
      .gambit-sales .gambit-sales-summary div h3 {
        color: #98a5af;
        padding: 0;
        margin: 0; }
      .gambit-sales .gambit-sales-summary div:last-child h2 {
        color: #009688; }
      .gambit-sales .gambit-sales-summary div:last-child h3 {
        color: #009688; }
  .gambit-sales .gambit-sales-tabs {
    display: flex;
    margin-top: 48px;
    border-top: 2px solid #dae4ec;
    padding-top: 32px; }
    .gambit-sales .gambit-sales-tabs button {
      flex: 1;
      background: white;
      border: none;
      font-size: 14pt;
      color: #342216;
      transition: all 0.2s ease;
      padding-bottom: 16px;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-weight: 600; }
      .gambit-sales .gambit-sales-tabs button.unselected {
        color: #98a5af;
        border-bottom: 4px solid #dae4ec; }
      .gambit-sales .gambit-sales-tabs button.selected {
        color: #009688;
        border-bottom: 4px solid #009688; }
      .gambit-sales .gambit-sales-tabs button.selected:hover, .gambit-sales .gambit-sales-tabs button.unselected:hover {
        cursor: pointer;
        color: #009688; }
  .gambit-sales .gambit-table {
    height: 80vh;
    margin-bottom: 96px; }
    .gambit-sales .gambit-table .gambit-table-header {
      margin-top: 0; }
    .gambit-sales .gambit-table a, .gambit-sales .gambit-table a:visited {
      color: #342216; }

.gambit-discounts .gambit-discounts-info {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border: 1px solid #dae4ec;
  padding: 32px 16px;
  border-radius: 8px; }
  .gambit-discounts .gambit-discounts-info h3 {
    margin-bottom: 0;
    margin-top: 0; }
  .gambit-discounts .gambit-discounts-info p {
    max-width: 480px;
    margin-bottom: 16px; }
    .gambit-discounts .gambit-discounts-info p:last-child {
      margin-bottom: 0; }
  .gambit-discounts .gambit-discounts-info img {
    margin-right: 16px; }

.gambit-discounts .gambit-table {
  height: 80vh;
  margin-bottom: 96px; }

.gambit-email-campaigns {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 160px;
  box-sizing: border-box;
  padding: 16px; }
  .gambit-email-campaigns .content-header {
    display: flex;
    align-items: flex-start;
    flex-direction: column; }
    .gambit-email-campaigns .content-header img {
      max-width: 200px; }
    .gambit-email-campaigns .content-header h2 {
      font-size: 20pt;
      margin-left: 24px;
      margin-right: 24px; }
  .gambit-email-campaigns .content-body {
    max-width: 560px;
    font-size: 13pt;
    margin: 0 24px; }
    .gambit-email-campaigns .content-body ol {
      margin-bottom: 32px; }
      .gambit-email-campaigns .content-body ol li {
        margin-bottom: 16px; }
  .gambit-email-campaigns .url-box {
    margin-bottom: 32px;
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid #dae4ec;
    border-radius: 8px; }
    .gambit-email-campaigns .url-box .url-label {
      font-size: 10pt;
      text-transform: uppercase;
      color: #5e676e; }
    .gambit-email-campaigns .url-box .url-text {
      padding: 8px 12px;
      background: #e8eef3;
      border-radius: 4px;
      margin-bottom: 6px; }
      .gambit-email-campaigns .url-box .url-text.not-ready {
        font-size: 11pt; }

.fun-paged-table .fun-paged-table-header h1 {
  margin-left: 8px; }

.fun-paged-table .fun-paged-table-flex-header {
  display: flex;
  align-items: center; }
  .fun-paged-table .fun-paged-table-flex-header h1 {
    margin-right: 16px; }

.fun-paged-table .fun-paged-table-content {
  min-height: 320px; }

.fun-paged-table .fun-paged-table-tablezone {
  display: flex; }
  @media (max-width: 860px) {
    .fun-paged-table .fun-paged-table-tablezone {
      flex-wrap: wrap-reverse; } }

.fun-paged-table .fun-paged-table-search-container {
  position: absolute;
  right: 0;
  top: -60px;
  flex: 0;
  min-width: 280px;
  margin-right: 4px;
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  @media (max-width: 860px) {
    .fun-paged-table .fun-paged-table-search-container {
      position: relative;
      top: 0;
      left: 0;
      width: auto;
      margin: 16px 8px; }
      .fun-paged-table .fun-paged-table-search-container .affiliate-list-filter {
        display: inline-block; }
        .fun-paged-table .fun-paged-table-search-container .affiliate-list-filter:not(.clear-filter) {
          width: 90%; } }
  .fun-paged-table .fun-paged-table-search-container .csv-export-container {
    transition: all 0.1s ease;
    margin-right: 24px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 9pt;
    color: #5e676e; }
    .fun-paged-table .fun-paged-table-search-container .csv-export-container i {
      margin-right: 6px;
      transition: all 0.1s ease; }
    .fun-paged-table .fun-paged-table-search-container .csv-export-container:hover, .fun-paged-table .fun-paged-table-search-container .csv-export-container:focus {
      transform: scale(1.05);
      cursor: pointer;
      color: var(--gambit-theme-color); }
      .fun-paged-table .fun-paged-table-search-container .csv-export-container:hover i, .fun-paged-table .fun-paged-table-search-container .csv-export-container:focus i {
        color: var(--gambit-theme-color); }
  .fun-paged-table .fun-paged-table-search-container i {
    margin-right: 12px;
    color: #5e676e;
    flex: 0; }
  .fun-paged-table .fun-paged-table-search-container input {
    border: 1px solid #dae4ec;
    padding: 12px 8px;
    border-radius: 8px;
    outline: none;
    transition: all 0.1s ease;
    font-family: "Catamaran", sans-serif;
    font-size: 10pt;
    flex: 1;
    width: 230px; }
    @media (max-width: 860px) {
      .fun-paged-table .fun-paged-table-search-container input {
        width: 100%;
        margin-top: 8px;
        display: inline-block;
        min-width: 100px; } }
  .fun-paged-table .fun-paged-table-search-container input:focus {
    border-color: var(--gambit-theme-color);
    transform: scale(1.025); }

.fun-paged-table .fun-paged-table-table {
  flex: 1;
  position: relative;
  word-break: break-word; }
  .fun-paged-table .fun-paged-table-table table {
    border: 1px solid #dae4ec;
    width: 100%;
    border-collapse: collapse; }
    @media (max-width: 860px) {
      .fun-paged-table .fun-paged-table-table table {
        table-layout: fixed; } }
  .fun-paged-table .fun-paged-table-table td {
    padding: 16px; }
  .fun-paged-table .fun-paged-table-table thead {
    background: #e8eef3;
    border-bottom: 2px solid #dae4ec;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: bold; }
    .fun-paged-table .fun-paged-table-table thead td {
      padding: 8px 16px; }
  .fun-paged-table .fun-paged-table-table tbody tr {
    border-bottom: 1px solid #dae4ec;
    transition: all 0.1s ease; }
    .fun-paged-table .fun-paged-table-table tbody tr:hover {
      cursor: pointer;
      background: #e8eef3; }
    .fun-paged-table .fun-paged-table-table tbody tr.active {
      background: #e8eef3; }

.fun-paged-table .fun-paged-table-pager {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  margin-top: 0; }

.fun-paged-table button.action-button {
  font-size: 11pt;
  background: #e8eef3;
  border-radius: 8px;
  border: none;
  padding: 12px 20px;
  font-family: "Catamaran", sans-serif;
  transition: all 0.1s ease;
  margin: 8px 32px;
  font-weight: bold; }
  .fun-paged-table button.action-button.active {
    background: var(--gambit-theme-color);
    color: white; }
    .fun-paged-table button.action-button.active:hover {
      cursor: pointer;
      transform: scale(1.025); }
  .fun-paged-table button.action-button.inactive {
    background: #e8eef3;
    color: #5e676e; }

@media (max-width: 860px) {
  .fun-paged-table .fun-paged-table-sidebar-container {
    margin: 16px 0;
    display: flex;
    width: 100%;
    align-content: center;
    align-items: center; } }

@media (max-width: 860px) {
  .fun-paged-table .basic-fields-container {
    flex: 1;
    width: 100%;
    text-align: center; } }

.fun-paged-table .fun-paged-table-sidebar {
  animation: slide-left 0.2s ease;
  background: white;
  border: 1px solid #dae4ec;
  border-radius: 8px;
  margin-left: 64px;
  margin-right: 48px;
  width: 250px; }
  @media (max-width: 860px) {
    .fun-paged-table .fun-paged-table-sidebar {
      width: 100%;
      margin: 8px;
      display: flex;
      flex-direction: column;
      align-items: center; } }
  .fun-paged-table .fun-paged-table-sidebar h2 {
    padding: 24px 12px;
    word-break: break-all;
    text-align: center;
    background-color: var(--gambit-theme-color);
    color: white;
    margin: 0;
    border-radius: 6px 6px 0 0;
    border-bottom: 2px solid #dae4ec; }
  .fun-paged-table .fun-paged-table-sidebar .fields-container {
    margin: 24px; }
  .fun-paged-table .fun-paged-table-sidebar .sidebar-field .field-label {
    display: block;
    color: #98a5af;
    font-size: 9pt; }
  .fun-paged-table .fun-paged-table-sidebar .sidebar-field .field-value {
    display: block;
    margin-bottom: 16px; }
  .fun-paged-table .fun-paged-table-sidebar .progress-container-loading {
    text-align: center;
    margin-bottom: 16px; }
  .fun-paged-table .fun-paged-table-sidebar .sidebar-step-count {
    display: flex;
    margin: 36px 24px;
    flex-direction: column; }
    .fun-paged-table .fun-paged-table-sidebar .sidebar-step-count .sidebar-step-count-row {
      display: flex;
      flex-direction: row; }
      .fun-paged-table .fun-paged-table-sidebar .sidebar-step-count .sidebar-step-count-row:nth-child(2) {
        border-bottom: 1px dashed #dae4ec;
        padding-bottom: 8px;
        margin-bottom: 8px; }
      .fun-paged-table .fun-paged-table-sidebar .sidebar-step-count .sidebar-step-count-row .column-one {
        width: 72px; }
      .fun-paged-table .fun-paged-table-sidebar .sidebar-step-count .sidebar-step-count-row .label {
        font-size: 9pt;
        color: #98a5af; }
      .fun-paged-table .fun-paged-table-sidebar .sidebar-step-count .sidebar-step-count-row .column-two, .fun-paged-table .fun-paged-table-sidebar .sidebar-step-count .sidebar-step-count-row .column-three {
        text-align: center;
        width: 64px; }
  .fun-paged-table .fun-paged-table-sidebar .progress-check-container {
    margin: 4px 64px; }
    .fun-paged-table .fun-paged-table-sidebar .progress-check-container .progress-check.done {
      color: #98a5af;
      text-decoration: line-through; }
    .fun-paged-table .fun-paged-table-sidebar .progress-check-container .progress-check i {
      color: #98a5af;
      margin-right: 4px; }
  .fun-paged-table .fun-paged-table-sidebar .actions {
    margin-top: 32px;
    margin-bottom: 16px; }

.add-manual-referral-modal {
  max-width: 520px; }
  .add-manual-referral-modal p {
    line-height: 1.5;
    margin-bottom: 16px; }
  .add-manual-referral-modal .manual-referral-link-toggle {
    display: flex;
    align-items: center; }
    .add-manual-referral-modal .manual-referral-link-toggle label {
      margin-left: 8px;
      font-weight: 600; }
  .add-manual-referral-modal .manual-referral-link-container {
    margin-top: 16px;
    display: flex; }
    .add-manual-referral-modal .manual-referral-link-container .copy-area {
      margin-right: 0;
      margin: 0 8px;
      flex: 1;
      animation: slide-up 0.4s ease; }
      .add-manual-referral-modal .manual-referral-link-container .copy-area .fun-button {
        margin: auto; }
      .add-manual-referral-modal .manual-referral-link-container .copy-area .copy-area-textarea {
        height: 18px;
        background: white;
        margin: 0 8px; }
    .add-manual-referral-modal .manual-referral-link-container .fun-button {
      margin-left: 0; }

.squarespace-referrer-detail .squarespace-referrer-detail-header {
  display: flex;
  align-items: center; }
  .squarespace-referrer-detail .squarespace-referrer-detail-header a {
    color: var(--gambit-theme-color);
    text-decoration: none;
    font-size: 18pt;
    margin-right: 24px;
    text-align: center;
    line-height: 40px;
    width: 40px;
    height: 40px;
    border: 2px solid var(--gambit-theme-color);
    padding: 0;
    border-radius: 50%;
    transition: all 0.1s ease; }
    .squarespace-referrer-detail .squarespace-referrer-detail-header a i {
      line-height: 40px; }
    .squarespace-referrer-detail .squarespace-referrer-detail-header a:hover {
      color: white;
      background: var(--gambit-theme-color);
      transform: scale(1.08); }
  .squarespace-referrer-detail .squarespace-referrer-detail-header .referral-code {
    margin-left: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    color: #98a5af;
    border: 2px solid #e8eef3;
    font-size: 16pt;
    display: inline-block;
    font-weight: 400; }
  .squarespace-referrer-detail .squarespace-referrer-detail-header .detail-header-buttons {
    margin: auto 0 auto auto; }
  .squarespace-referrer-detail .squarespace-referrer-detail-header .fun-button {
    flex: unset;
    margin: auto 8px;
    padding: 8px 16px; }

.squarespace-referrer-detail .referrer-detail-big-stats {
  display: flex;
  flex-wrap: wrap;
  background: #e8eef3;
  border-left: 2px solid #dae4ec; }
  .squarespace-referrer-detail .referrer-detail-big-stats .stat {
    width: 50%;
    box-sizing: border-box;
    padding: 48px;
    text-align: center; }
    .squarespace-referrer-detail .referrer-detail-big-stats .stat.feature {
      color: #009688; }
    .squarespace-referrer-detail .referrer-detail-big-stats .stat h2 {
      font-size: 32pt;
      margin: 0; }
    .squarespace-referrer-detail .referrer-detail-big-stats .stat h4 {
      font-size: 10pt;
      margin: 0;
      font-weight: 800;
      letter-spacing: 0.5px;
      color: #98a5af;
      margin-top: 2px; }

.squarespace-referrer-detail .referrer-detail-row {
  display: flex;
  align-items: center;
  border: 2px solid #dae4ec;
  border-radius: 8px; }
  .squarespace-referrer-detail .referrer-detail-row > div {
    flex: 1; }

.squarespace-referrer-detail .referrer-detail-referrer-info {
  box-sizing: border-box;
  padding: 0 24px; }
  .squarespace-referrer-detail .referrer-detail-referrer-info h6 {
    font-size: 10pt;
    margin: 0;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #98a5af; }
  .squarespace-referrer-detail .referrer-detail-referrer-info h3 {
    margin: 0;
    margin-bottom: 16px; }
  .squarespace-referrer-detail .referrer-detail-referrer-info .referrer-detail-referrer-info-2up {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .squarespace-referrer-detail .referrer-detail-referrer-info .referrer-detail-referrer-info-2up .referrer-info-item {
      flex: 1; }
  .squarespace-referrer-detail .referrer-detail-referrer-info .referer-detail-blocked {
    color: #d23434; }
    .squarespace-referrer-detail .referrer-detail-referrer-info .referer-detail-blocked h6 {
      color: #d23434; }

.squarespace-referrer-detail .discount-codes {
  margin-top: 64px; }
  .squarespace-referrer-detail .discount-codes h1 {
    padding-left: 24px; }
  .squarespace-referrer-detail .discount-codes .discount-code-item {
    display: flex;
    padding: 16px 16px;
    margin: 16px 8px;
    background: #e8eef3;
    border: 1px solid #dae4ec;
    align-items: center;
    border-radius: 8px; }
    .squarespace-referrer-detail .discount-codes .discount-code-item p {
      margin-right: 8px; }
    .squarespace-referrer-detail .discount-codes .discount-code-item .code {
      font-weight: 600;
      margin-right: 16px;
      width: 120px; }
    .squarespace-referrer-detail .discount-codes .discount-code-item .description {
      width: 320px; }
    .squarespace-referrer-detail .discount-codes .discount-code-item .sent-at, .squarespace-referrer-detail .discount-codes .discount-code-item .used-at {
      color: #5e676e;
      margin-right: 48px; }

.squarespace-referrer-detail .referrer-history-container {
  margin-top: 64px;
  padding-bottom: 128px; }
  .squarespace-referrer-detail .referrer-history-container h1 {
    padding-left: 24px; }
  .squarespace-referrer-detail .referrer-history-container .history-item {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    border-radius: 8px;
    margin-bottom: 32px; }
    .squarespace-referrer-detail .referrer-history-container .history-item .history-icon-bar {
      display: flex;
      align-items: center;
      padding: 12px 16px;
      box-sizing: border-box;
      background: #e8eef3;
      border-radius: 8px; }
      .squarespace-referrer-detail .referrer-history-container .history-item .history-icon-bar i {
        color: #98a5af; }
        .squarespace-referrer-detail .referrer-history-container .history-item .history-icon-bar i.email {
          color: #ea4335; }
        .squarespace-referrer-detail .referrer-history-container .history-item .history-icon-bar i.twitter {
          color: #1DA1F2; }
        .squarespace-referrer-detail .referrer-history-container .history-item .history-icon-bar i.facebook {
          color: #3B5998; }
        .squarespace-referrer-detail .referrer-history-container .history-item .history-icon-bar i.link {
          color: #4caf50; }
        .squarespace-referrer-detail .referrer-history-container .history-item .history-icon-bar i.globe {
          color: #00bcd4; }
      .squarespace-referrer-detail .referrer-history-container .history-item .history-icon-bar .text {
        margin-left: 12px;
        font-weight: 600; }
      .squarespace-referrer-detail .referrer-history-container .history-item .history-icon-bar .date {
        margin: auto 0 auto auto;
        justify-self: end;
        color: #98a5af; }
    .squarespace-referrer-detail .referrer-history-container .history-item.history-item-with-content {
      border-radius: 8px;
      border: 1px solid #dae4ec; }
      .squarespace-referrer-detail .referrer-history-container .history-item.history-item-with-content .history-icon-bar {
        border-radius: 8px 8px 0 0;
        border-bottom: 2px solid #dae4ec; }
    .squarespace-referrer-detail .referrer-history-container .history-item .history-item-content {
      padding: 12px;
      margin: 0;
      display: flex;
      flex-direction: column; }
      .squarespace-referrer-detail .referrer-history-container .history-item .history-item-content h6 {
        font-size: 10pt;
        margin: 0;
        font-weight: 400;
        letter-spacing: 0.5px;
        color: #98a5af; }
      .squarespace-referrer-detail .referrer-history-container .history-item .history-item-content h4 {
        font-size: 12pt;
        margin: 0;
        font-weight: 400;
        letter-spacing: 0.5px;
        margin-bottom: 12px; }
      .squarespace-referrer-detail .referrer-history-container .history-item .history-item-content .label {
        color: #98a5af;
        padding: 5px 10px;
        margin: auto auto 24px 0;
        font-size: 10pt;
        font-weight: 600;
        border-radius: 4px; }
        .squarespace-referrer-detail .referrer-history-container .history-item .history-item-content .label.gray {
          background-color: #5e676e;
          color: white; }
        .squarespace-referrer-detail .referrer-history-container .history-item .history-item-content .label.green {
          background-color: #03a87c;
          color: white; }
        .squarespace-referrer-detail .referrer-history-container .history-item .history-item-content .label.red {
          background-color: #d23434;
          color: white; }

.edit-templates {
  margin-top: 36px;
  margin-bottom: 36px; }
  .edit-templates h2 {
    margin-bottom: 0; }
  .edit-templates .template {
    display: flex;
    padding: 16px;
    margin: 8px;
    border-bottom: 1px solid #dae4ec;
    align-items: center; }
    .edit-templates .template:last-child {
      border-bottom: none; }
    .edit-templates .template .left {
      flex: 1;
      margin-right: 24px; }
      .edit-templates .template .left img {
        width: 100%; }
    .edit-templates .template .right {
      flex: 4; }
      .edit-templates .template .right .fun-button-bar {
        margin-top: 12px;
        margin-bottom: 24px; }
      .edit-templates .template .right .fun-button {
        margin-left: 0; }

.template-editor {
  display: flex;
  flex-direction: column;
  height: 100%; }
  .template-editor.web-template-editor {
    height: auto;
    background: #e8eef3; }
    .template-editor.web-template-editor .editor-header {
      background: white;
      position: sticky;
      top: 0;
      z-index: 999;
      box-shadow: 1px 2px 1px -1px rgba(127, 127, 127, 0.2);
      overflow: hidden; }
  .template-editor .editor-header {
    display: flex;
    align-items: center;
    padding: 0 32px;
    justify-content: space-between; }
    .template-editor .editor-header .back-bit {
      display: flex;
      align-items: center; }
    .template-editor .editor-header a {
      color: var(--gambit-theme-color);
      text-decoration: none;
      font-size: 18pt;
      margin-right: 24px;
      text-align: center;
      line-height: 40px;
      width: 40px;
      height: 40px;
      border: 2px solid var(--gambit-theme-color);
      padding: 0;
      border-radius: 50%;
      transition: all 0.1s ease; }
      .template-editor .editor-header a i {
        line-height: 40px; }
      .template-editor .editor-header a:hover {
        color: white;
        background: var(--gambit-theme-color);
        transform: scale(1.08); }
    .template-editor .editor-header .fun-button-bar {
      flex-direction: row-reverse; }
    .template-editor .editor-header .fun-button.primary {
      background: var(--gambit-theme-color); }
  .template-editor .editor-subject {
    border-bottom: 1px solid #dae4ec;
    box-shadow: 1px 2px 1px -1px rgba(127, 127, 127, 0.2);
    display: flex;
    align-items: center;
    justify-content: center; }
    .template-editor .editor-subject input {
      margin-left: 16px;
      width: 100%;
      max-width: 400px; }
      .template-editor .editor-subject input:focus {
        border-color: var(--gambit-theme-color); }
    .template-editor .editor-subject .peachs-recaptcha-text {
      font-size: 8pt;
      color: #98a5af;
      max-width: 250px;
      margin-left: 16px; }
      .template-editor .editor-subject .peachs-recaptcha-text a {
        color: #98a5af; }
  .template-editor .editor-body {
    flex: 1; }
    .template-editor .editor-body .unlayer-container {
      height: 100%; }
    .template-editor .editor-body #unlayer-editor {
      height: 100%; }

.editor-item-row .page-restrictions-settings .editor-item-field h3 {
  margin-top: 24px; }

.editor-item-row .page-restrictions-settings .editor-item-field select {
  width: 400px; }

.editor-item-row .page-restrictions-settings input {
  margin: 8px; }
  .editor-item-row .page-restrictions-settings input:focus {
    border-color: #5e676e; }

.editor-item-row .page-restrictions-settings .page-restriction-list-add .fun-button {
  margin: 8px;
  color: white;
  background: #0078F8;
  font-weight: bold;
  padding: 6px 18px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 10pt;
  transition: all 0.1s ease; }

.editor-item-row .page-restrictions-settings .page-restriction-list-item {
  display: flex;
  align-items: center; }

.editor-item-row .page-restrictions-settings .page-restriction-list-item-delete {
  flex: 0;
  margin-left: 4px; }
  .editor-item-row .page-restrictions-settings .page-restriction-list-item-delete .page-restriction-list-item-delete-button {
    opacity: 0.5; }
    .editor-item-row .page-restrictions-settings .page-restriction-list-item-delete .page-restriction-list-item-delete-button:hover, .editor-item-row .page-restrictions-settings .page-restriction-list-item-delete .page-restriction-list-item-delete-button:focus {
      cursor: pointer;
      opacity: 1; }

.squarespace-code-section .code-field {
  display: flex;
  flex-direction: row;
  margin: 0; }

.squarespace-code-section {
  margin-bottom: 16px;
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column; }
  .squarespace-code-section textarea {
    flex: 1;
    margin: 16px 16px 0 4px;
    display: block;
    resize: none;
    padding: 16px;
    border: 1px solid #dae4ec;
    border-radius: 8px;
    font-size: 11pt;
    font-family: monospace;
    word-break: break-all;
    background: #e8eef3;
    height: 52px;
    color: #5e676e; }
  .squarespace-code-section .copy-button {
    flex: 0;
    padding: 8px 16px;
    margin: auto;
    background: var(--gambit-theme-color);
    color: white;
    border-radius: 8px;
    border: none;
    font-family: "Catamaran", sans-serif;
    transition: 0.2s all ease;
    font-weight: bold; }
    .squarespace-code-section .copy-button:hover {
      cursor: pointer;
      transform: scale(1.025); }

.gambit-connection .connection-next-step {
  text-align: center;
  margin-top: 48px;
  animation: slide-down 0.2s ease;
  margin-bottom: 72px; }
  .gambit-connection .connection-next-step p {
    font-size: 14pt;
    margin-bottom: 16px; }
  .gambit-connection .connection-next-step .fun-button-bar {
    justify-content: center; }

.editor-item-row {
  width: 100%;
  max-width: 600px;
  margin: 32px auto 8px auto;
  background: white;
  border-radius: 8px;
  padding: 16px 32px;
  border: 1px solid #dae4ec; }
  .editor-item-row .section-intro {
    margin-top: 8px;
    margin-bottom: 24px; }
  .editor-item-row .editor-item-field {
    margin-bottom: 32px;
    padding-bottom: 32px; }
    .editor-item-row .editor-item-field:not(:last-child) {
      border-bottom: 1px solid #dae4ec; }
    .editor-item-row .editor-item-field:last-child {
      margin-bottom: 0; }
    .editor-item-row .editor-item-field h3 {
      margin: 0; }
    .editor-item-row .editor-item-field select {
      width: 200px; }
    .editor-item-row .editor-item-field .toggle-with-input {
      margin-top: 16px;
      display: flex;
      align-items: center; }
      .editor-item-row .editor-item-field .toggle-with-input textarea {
        width: 120px;
        padding: 12px; }

.pop-up-editor-modal {
  padding: 8px; }

.pop-up-editor {
  font-size: 12pt;
  line-height: 1.5;
  max-width: 600px;
  margin: 0 auto; }
  .pop-up-editor [contenteditable] {
    position: relative; }
  .pop-up-editor [contenteditable]:after {
    width: 8px;
    height: 8px;
    position: absolute;
    color: #98a5af;
    display: inline-block;
    content: ' '; }
  .pop-up-editor [contenteditable]:hover {
    cursor: pointer;
    background-color: rgba(127, 127, 127, 0.2); }
  .pop-up-editor [contenteditable]:hover:after {
    content: url("/statics/font-awesome/pencil.png");
    transform: scale(0.5);
    opacity: 0.5;
    top: 0;
    right: 0px; }
  .pop-up-editor [contenteditable]:focus {
    cursor: default;
    background-color: transparent; }
  .pop-up-editor [contenteditable]:focus:after {
    width: 0;
    content: ''; }
  .pop-up-editor .peachs-modal {
    position: initial;
    display: block;
    top: unset;
    left: unset;
    transform: none;
    max-height: unset;
    margin: auto auto 24px auto;
    border-radius: 8px; }
  .pop-up-editor .peachs-referrer-form .fake-form-fields {
    margin-top: 24px;
    height: 80px;
    background: #e8eef3; }
    .pop-up-editor .peachs-referrer-form .fake-form-fields .fake-text {
      text-align: center;
      color: #98a5af;
      font-weight: bold;
      line-height: 80px;
      margin: 0;
      padding: 0; }
  .pop-up-editor .peachs-referrer-form button {
    margin-top: 8px; }

.squarespace-launch {
  text-align: center; }
  .squarespace-launch img {
    height: 200px; }
  .squarespace-launch h1 {
    font-size: 32pt; }
  .squarespace-launch .lead {
    font-size: 14pt; }
  .squarespace-launch .status-header {
    margin-top: 24px;
    color: #5e676e;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 11pt; }
  .squarespace-launch .fun-button-bar {
    max-width: 420px;
    margin: 16px auto 36px auto;
    justify-content: center; }

#js-modal .modal-instructions .squarespace-code-section textarea {
  margin: auto 16px; }

#js-modal .modal-instructions .squarespace-code-section button.copy-button {
  font-size: 9pt;
  margin: auto;
  padding: 8px 16px; }

.new-editor-instructions {
  max-width: 540px; }
  .new-editor-instructions a, .new-editor-instructions a:visited {
    color: #03a87c; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

.configurer {
  padding: 16px 32px 48px 32px;
  border: 1px solid #dae4ec;
  border-radius: 8px;
  box-sizing: border-box; }
  .configurer .how-it-works {
    margin-bottom: 32px; }
    .configurer .how-it-works ol {
      padding-left: 16px; }
  .configurer .sbs-integration-type {
    display: flex;
    align-items: center;
    margin: auto;
    flex-wrap: wrap; }
    .configurer .sbs-integration-type > div {
      text-align: center;
      flex: 1;
      margin-bottom: 24px;
      min-width: 320px; }
    .configurer .sbs-integration-type img {
      max-width: 100%;
      height: 240px;
      object-fit: contain; }
    .configurer .sbs-integration-type .sbs-integration-right img {
      padding-top: 8px;
      padding-left: 1px;
      padding-right: 1px;
      padding-bottom: 1px;
      border-radius: 4px;
      box-sizing: border-box;
      background: gainsboro; }
  .configurer .sbs-fields label {
    margin: 0;
    display: block;
    color: #342216; }
  .configurer .sbs-fields .sbs-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-top: 32px; }
    .configurer .sbs-fields .sbs-row.sbs-row-vertical {
      flex-direction: column;
      align-items: flex-start; }
      .configurer .sbs-fields .sbs-row.sbs-row-vertical .sbs-right {
        flex: 1;
        width: 100%; }
    .configurer .sbs-fields .sbs-row.sbs-row-section {
      padding-top: 48px;
      padding-bottom: 36px;
      border-top: 1px solid #dae4ec; }
      .configurer .sbs-fields .sbs-row.sbs-row-section.sbs-row-section-single {
        padding-bottom: 48px; }
    .configurer .sbs-fields .sbs-row.sqsp-71-toggle-row {
      flex: 1;
      padding-top: 0;
      padding-bottom: 16px; }
  .configurer .sbs-fields .sbs-left {
    flex: 1 0 0px;
    min-width: 320px; }
  .configurer .sbs-fields .sbs-right {
    flex: 0 1 0px;
    text-align: right;
    margin-left: 0; }
  .configurer .sbs-fields input[type=checkbox]:not(.fun-toggle) {
    font-size: 16pt; }
  .configurer .sbs-fields .sbs-field-primary {
    font-weight: bold;
    font-size: 12pt; }
  .configurer .sbs-fields .sbs-field-tertiary {
    color: #5e676e;
    font-style: italic;
    font-size: 10pt; }
  .configurer .warning {
    padding: 12px 24px;
    background: #e8eef3;
    border-radius: 8px;
    display: inline-block; }
    .configurer .warning i {
      margin-right: 4px; }
  .configurer h3 {
    margin-top: 24px; }
  .configurer .info-line {
    padding: 12px 24px;
    background: #e8eef3;
    border-radius: 8px;
    display: inline-block; }
  .configurer .squarespace-account-details {
    border-radius: 8px;
    padding: 12px 24px;
    background: #e8eef3; }
  .configurer .page-button-notice {
    border: 1px solid #dae4ec;
    padding: 8px 16px;
    box-sizing: border-box;
    width: 100%;
    border-radius: 8px;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0;
    background: #e8eef3; }
    .configurer .page-button-notice .left img {
      height: 80px; }
    .configurer .page-button-notice .right h3 {
      margin: 8px; }
    .configurer .page-button-notice .right a, .configurer .page-button-notice .right a:visited {
      color: #03a87c;
      font-weight: bold; }
    .configurer .page-button-notice .right p {
      text-align: center;
      margin-bottom: 16px; }
  .configurer input[type=checkbox]:not(.fun-toggle) {
    display: inline-block;
    margin: 0 4px 0 8px;
    width: auto; }
  .configurer .small-details {
    display: inline-block;
    color: #5e676e;
    margin: 4px 8px; }
  .configurer label {
    margin: 12px 0 0 8px;
    display: inline-block;
    color: #5e676e; }
    .configurer label.major {
      color: #342216;
      font-weight: 600; }
  .configurer .small-note {
    display: block;
    margin: 8px 16px 12px 16px;
    font-size: 10pt;
    color: #5e676e; }
  .configurer input:not(.fun-toggle) {
    display: block;
    width: 100%;
    box-sizing: border-box; }
  .configurer .descriptive-label {
    margin: 16px 0 4px 8px;
    color: #342216; }
  .configurer .warning {
    margin: 24px 0; }
  .configurer .rewards-configuration-container {
    max-width: 640px;
    margin: 120px auto 64px auto;
    border: 1px solid #dae4ec;
    box-sizing: border; }
    .configurer .rewards-configuration-container .rewards-configuration-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #e8eef3;
      padding: 16px;
      margin: 0; }
      .configurer .rewards-configuration-container .rewards-configuration-header .fun-select select {
        padding-right: 48px; }
    .configurer .rewards-configuration-container > div.sbs-row {
      padding-left: 16px;
      padding-right: 16px;
      box-sizing: border-box;
      margin-bottom: 0;
      padding-bottom: 16px; }
      .configurer .rewards-configuration-container > div.sbs-row.sbs-sub-row {
        animation: slide-down 0.2s ease;
        margin-top: -4px;
        margin-bottom: 16px;
        margin-right: 16px;
        margin-left: 32px;
        border-left: 4px solid #dae4ec;
        padding: 16px 12px 16px 32px; }
        .configurer .rewards-configuration-container > div.sbs-row.sbs-sub-row.product-category-row {
          flex-direction: column;
          align-items: flex-start; }
        .configurer .rewards-configuration-container > div.sbs-row.sbs-sub-row p {
          margin-bottom: 4px; }
        .configurer .rewards-configuration-container > div.sbs-row.sbs-sub-row input {
          max-width: 160px; }
    .configurer .rewards-configuration-container > div.sbs-row.sbs-row-section {
      margin-top: 0; }
      .configurer .rewards-configuration-container > div.sbs-row.sbs-row-section.referrer-custom-reward {
        padding-top: 0; }
        .configurer .rewards-configuration-container > div.sbs-row.sbs-row-section.referrer-custom-reward .referrer-rewards-guide {
          padding: 32px;
          display: flex;
          align-items: center; }
          .configurer .rewards-configuration-container > div.sbs-row.sbs-row-section.referrer-custom-reward .referrer-rewards-guide .heading {
            font-size: 12pt;
            font-weight: bold;
            margin-bottom: 0; }
          .configurer .rewards-configuration-container > div.sbs-row.sbs-row-section.referrer-custom-reward .referrer-rewards-guide .left {
            margin-right: 16px; }
          .configurer .rewards-configuration-container > div.sbs-row.sbs-row-section.referrer-custom-reward .referrer-rewards-guide a {
            color: #03a87c; }

.gambit-basics-configurer .fun-toggle {
  vertical-align: middle;
  margin-left: 16px; }

.reward-discount-field {
  display: flex;
  flex-direction: row;
  margin-left: 16px; }
  .reward-discount-field.discount-minimum-spend-value {
    justify-content: flex-end;
    margin-right: 32px;
    margin-bottom: 16px; }
  .reward-discount-field select {
    width: 140px; }
  .reward-discount-field .reward-discount-value-entry {
    display: flex;
    align-items: center; }
    .reward-discount-field .reward-discount-value-entry input.amount-text {
      margin: 4px;
      width: 60px;
      text-align: right; }
    .reward-discount-field .reward-discount-value-entry .amount-code {
      font-weight: 600;
      padding-top: 4px; }
    .reward-discount-field .reward-discount-value-entry .prefix {
      font-weight: 600;
      padding-top: 4px; }

.stackable-rewards-field {
  display: flex;
  align-items: flex-end;
  flex-direction: column; }
  .stackable-rewards-field .reward-discount-field {
    margin-top: 16px;
    align-items: center; }
    .stackable-rewards-field .reward-discount-field .stackable-limit {
      margin-right: 16px; }

.plan-configurer .fun-button-bar {
  margin-top: 16px; }

.destruction-configurer .fun-button-bar {
  margin-top: 16px; }

.destruction-configurer .fun-button {
  background: #d23434; }

.destruction-configurer .are-you-sure {
  animation: slide-down 0.2s ease;
  padding: 8px 16px;
  background: #e8eef3;
  border-radius: 8px;
  border: 1px solid #dae4ec;
  margin: 16px; }
  .destruction-configurer .are-you-sure h3 {
    margin-bottom: 0; }
  .destruction-configurer .are-you-sure .fun-button {
    margin-top: 16px; }

.discount-restrictions-71-categories {
  width: 100%;
  display: flex; }
  .discount-restrictions-71-categories .product-categories-select {
    margin-top: 16px; }
  .discount-restrictions-71-categories .select-categories-71-activity.failed {
    padding: 4px 8px;
    border-radius: 4px;
    background: #d23434;
    color: white; }
    .discount-restrictions-71-categories .select-categories-71-activity.failed i {
      margin-right: 8px;
      color: white; }
  .discount-restrictions-71-categories .fun-multi-select .multi-select-wrapper {
    column-count: 3;
    column-gap: 20px; }
  .discount-restrictions-71-categories .fun-multi-select .multi-select-row {
    display: flex;
    align-items: center;
    margin-bottom: 4px; }
    .discount-restrictions-71-categories .fun-multi-select .multi-select-row input[type="checkbox"] {
      margin-right: 8px; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

.referrer-page-content {
  padding: 16px;
  max-width: 480px;
  margin: 48px auto; }
  .referrer-page-content .errors {
    text-align: center; }
  .referrer-page-content .stripe-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 12px;
    background: var(--gambit-theme-color); }
  .referrer-page-content input {
    width: 100%;
    max-width: 320px;
    padding: 12px;
    vertical-align: middle;
    box-sizing: border-box; }
    .referrer-page-content input:focus {
      border-color: var(--gambit-theme-color); }
  .referrer-page-content h2 {
    margin-top: 64px; }
  .referrer-page-content .referral-link {
    text-align: center;
    border-radius: 8px;
    border: 1px solid #dae4ec;
    background: #e8eef3;
    padding: 32px 16px;
    box-sizing: border-box;
    margin-top: 32px; }
  .referrer-page-content .referral-link p {
    margin-bottom: 16px; }
  .referrer-page-content .remaining {
    text-align: center;
    margin-top: 16px;
    font-size: 10pt; }
  .referrer-page-content .stats {
    margin-top: 48px; }
  .referrer-page-content .referrer-stats-row {
    display: flex;
    margin-top: 16px;
    padding-bottom: 16px;
    justify-content: space-between;
    border-bottom: 1px dashed #e8eef3; }
    .referrer-page-content .referrer-stats-row span:first-child {
      font-weight: bold; }
  .referrer-page-content .claim {
    margin-top: 36px; }
  .referrer-page-content .progress-bar-container {
    margin-top: 24px;
    height: 36px;
    position: relative;
    border-radius: 8px;
    overflow: hidden; }
    .referrer-page-content .progress-bar-container .progress-bar-background {
      width: 100%;
      height: 100%;
      background: #e8eef3;
      position: absolute;
      top: 0;
      left: 0; }
    .referrer-page-content .progress-bar-container .progress-bar-peg {
      width: 0;
      border-radius: 8px 2px 2px 8px;
      background: var(--gambit-theme-color);
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      transition: all 0.4s ease;
      -webkit-box-shadow: 0px 0px 1px var(--gambit-theme-color);
      -moz-box-shadow: 0px 0px 1px var(--gambit-theme-color);
      box-shadow: 0px 0px 1px var(--gambit-theme-color); }
  .referrer-page-content .squarespace-rewards .squarespace-reward-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 16px;
    border: 1px solid #dae4ec;
    border-radius: 8px;
    margin: 16px 4px; }
    .referrer-page-content .squarespace-rewards .squarespace-reward-item .code .label {
      display: block;
      font-size: 10pt; }
    .referrer-page-content .squarespace-rewards .squarespace-reward-item .code .value {
      font-size: 14pt;
      background: #e8eef3;
      padding: 4px 8px;
      font-family: monospace;
      letter-spacing: 1px; }
    .referrer-page-content .squarespace-rewards .squarespace-reward-item div {
      display: flex;
      align-items: center; }
      .referrer-page-content .squarespace-rewards .squarespace-reward-item div .used {
        padding: 4px 8px;
        background: #e8eef3;
        text-transform: uppercase;
        font-size: 8pt;
        margin: 4px 0 4px 8px;
        border-radius: 4px;
        color: #5e676e; }
  .referrer-page-content .squarespace-referer-share-channels.peachs-modal {
    display: block;
    top: unset;
    left: unset;
    transform: unset;
    margin-top: -8px;
    border-radius: 0 0 8px 8px;
    border: 1px solid #dae4ec;
    box-shadow: none;
    padding: 32px 16px; }
    .referrer-page-content .squarespace-referer-share-channels.peachs-modal .peachs-social-options {
      margin-bottom: 12px; }
  .referrer-page-content .peachs-copy-button {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: white;
    border: 1px solid #C2C7CB;
    transition: all 0.1s ease;
    outline: none;
    vertical-align: middle;
    margin-left: 8px;
    border-radius: 4px;
    position: relative; }
  .referrer-page-content .peachs-copy-button img {
    content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yMCAyNGgtMjB2LTIyaDNjMS4yMjkgMCAyLjE4LTEuMDg0IDMtMmg4Yy44Mi45MTYgMS43NzEgMiAzIDJoM3Y5aC0ydi03aC00bC0yIDJoLTMuODk4bC0yLjEwMi0yaC00djE4aDE2di01aDJ2N3ptLTEwLTRoLTZ2LTFoNnYxem0wLTJoLTZ2LTFoNnYxem02LTVoOHYyaC04djNsLTUtNCA1LTR2M3ptLTYgM2gtNnYtMWg2djF6bTAtMmgtNnYtMWg2djF6bTAtMmgtNnYtMWg2djF6bTAtMmgtNnYtMWg2djF6bS0xLTdjMCAuNTUyLjQ0OCAxIDEgMXMxLS40NDggMS0xLS40NDgtMS0xLTEtMSAuNDQ4LTEgMXoiLz48L3N2Zz4=");
    opacity: 0.7;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 8px;
    left: 9px; }
  .referrer-page-content .peachs-copy-button.peachs-copy-button-success img {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjAuMjg1IDJsLTExLjI4NSAxMS41NjctNS4yODYtNS4wMTEtMy43MTQgMy43MTYgOSA4LjcyOCAxNS0xNS4yODV6Ii8+PC9zdmc+"); }
  .referrer-page-content .peachs-copy-button:hover {
    transform: scale(1.025);
    cursor: pointer; }
  .referrer-page-content .peachs-tag {
    font-size: 9pt;
    color: #5e676e;
    display: block;
    text-align: center;
    margin: 16px 0; }
  .referrer-page-content .peachs-tag span {
    vertical-align: middle;
    display: inline-block;
    margin-top: 2px; }
  .referrer-page-content .peachs-tag img {
    height: 14px;
    opacity: 0.6;
    vertical-align: middle;
    display: inline-block;
    margin-right: 3px; }
  .referrer-page-content .peachs-tag a {
    text-decoration: none;
    opacity: 0.8;
    color: #5e676e; }
  .referrer-page-content .peachs-tag a:hover {
    opacity: 1; }
  .referrer-page-content .peachs-tag a:visited {
    color: #5e676e; }
  .referrer-page-content .peachs-recaptcha-text {
    margin-top: 32px;
    text-align: center; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

.user-settings .header {
  align-items: center;
  display: flex;
  justify-content: space-between; }

.user-settings .fun-button-bar .flat-button.primary {
  background: #009688; }

.user-settings .form-row {
  display: flex;
  flex-direction: column;
  max-width: 520px;
  margin-bottom: 36px; }

.user-settings .user-settings-email-confirmation-container {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #e8eef3; }
  .user-settings .user-settings-email-confirmation-container:empty {
    padding-bottom: 0; }

.user-settings .user-settings-email-confirmed {
  border: 2px solid #e8eef3;
  border-radius: 8px;
  padding: 24px 16px;
  animation: slide-down 0.3s ease;
  box-sizing: border-box; }
  .user-settings .user-settings-email-confirmed h3 {
    margin: 0;
    font-size: 13pt;
    color: #009688; }
  .user-settings .user-settings-email-confirmed i {
    display: inline-block;
    margin-right: 6px; }

.user-settings .needs-confirmation-action {
  background-color: #e8eef3; }
  .user-settings .needs-confirmation-action h3 {
    color: #342216; }
  .user-settings .needs-confirmation-action .fun-button-bar {
    margin-top: 16px; }
    .user-settings .needs-confirmation-action .fun-button-bar .fun-button {
      margin-left: 0; }

.user-settings .user-settings-section {
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 24px;
  border: 2px solid #e8eef3;
  border-radius: 4px;
  max-width: 520px; }
  .user-settings .user-settings-section h2 {
    margin-top: 0;
    margin-bottom: 0; }
  .user-settings .user-settings-section .form-row {
    margin-top: 24px;
    margin-bottom: 12px; }
  .user-settings .user-settings-section label {
    margin-left: 4px; }
  .user-settings .user-settings-section .fun-button {
    margin-left: 0; }
  .user-settings .user-settings-section .user-settings-header {
    display: flex;
    border-bottom: 1px solid #e8eef3;
    padding-bottom: 24px; }
    .user-settings .user-settings-section .user-settings-header img {
      margin-top: 16px;
      height: 60px; }
    .user-settings .user-settings-section .user-settings-header > div {
      margin: auto;
      margin-left: 24px; }

.user-settings .checkbox-item {
  padding: 8px 16px;
  border-radius: 8px;
  display: inline-block;
  clear: both;
  box-sizing: border-box;
  margin: 16px 8px;
  transition: all 0.1s ease; }
  .user-settings .checkbox-item:hover {
    cursor: pointer;
    background: #e8eef3; }
  .user-settings .checkbox-item *:hover {
    cursor: pointer; }
  .user-settings .checkbox-item.checked {
    background: #e8eef3; }
  .user-settings .checkbox-item input {
    margin: 0; }
  .user-settings .checkbox-item label {
    padding-left: 4px;
    padding-top: 8px;
    padding-bottom: 8px; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

.account-settings {
  margin-bottom: 64px; }
  .account-settings .request-refund-container {
    margin-bottom: 32px; }
    .account-settings .request-refund-container .fun-button {
      margin-left: 0; }
  .account-settings .delete-account-container {
    margin-top: 48px;
    margin-bottom: 48px;
    max-width: 520px;
    border: 1px solid #d23434;
    padding: 16px 24px;
    border-radius: 4px; }
    .account-settings .delete-account-container h2 {
      margin-bottom: 0; }
    .account-settings .delete-account-container p {
      margin-top: 8px;
      margin-bottom: 16px; }
    .account-settings .delete-account-container .fun-button {
      margin-left: 0; }
    .account-settings .delete-account-container .are-you-sure {
      margin-top: 24px;
      margin-bottom: 8px; }
    .account-settings .delete-account-container .delete-individual-note {
      color: #5e676e;
      margin-top: 32px; }
  .account-settings .payment-history-table-container {
    display: flex;
    flex-direction: column; }
    .account-settings .payment-history-table-container .invoice-row {
      margin: 16px;
      border: 1px solid #dae4ec;
      border-radius: 8px; }
    .account-settings .payment-history-table-container .invoice-header {
      display: flex;
      justify-content: space-between;
      font-size: 14pt;
      font-weight: bold;
      padding: 16px;
      background: #e8eef3;
      border-radius: 8px 8px 0 0; }
    .account-settings .payment-history-table-container .invoice-amount a, .account-settings .payment-history-table-container .invoice-amount a:visited {
      color: #342216; }
    .account-settings .payment-history-table-container .invoice-amount .total {
      margin-right: 8px; }
    .account-settings .payment-history-table-container .invoice-lines {
      font-size: 12pt; }
    .account-settings .payment-history-table-container .line-description {
      margin: 16px; }

.team-settings .team-members-list {
  max-width: 600px;
  animation: slide-down 0.2s ease; }
  .team-settings .team-members-list .team-members-header {
    border-radius: 4px 4px 0 0; }
    .team-settings .team-members-list .team-members-header .team-members-header-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #e8eef3;
      padding: 0 8px;
      border: 1px solid #dae4ec;
      border-radius: 4px 4px 0 0; }
    .team-settings .team-members-list .team-members-header h2 {
      margin: 8px 0 0 0;
      font-size: 14pt; }
    .team-settings .team-members-list .team-members-header .invite-team-member .fun-button {
      margin-left: 0;
      margin-right: 0;
      font-weight: bold;
      padding: 6px 18px;
      border-radius: 4px;
      text-decoration: none;
      font-size: 10pt; }
  .team-settings .team-members-list .invite-team-member.exit {
    animation: slide-down 0.3s ease;
    animation-direction: reverse; }
  .team-settings .team-members-list .invite-team-member-form {
    border: 1px solid #dae4ec;
    border-top: none;
    animation: slide-down 0.2s ease; }
    .team-settings .team-members-list .invite-team-member-form .info {
      display: flex;
      padding: 24px 16px; }
      .team-settings .team-members-list .invite-team-member-form .info .title {
        font-weight: bold;
        font-size: 12pt; }
      .team-settings .team-members-list .invite-team-member-form .info img {
        margin-top: 12px;
        height: 60px; }
      .team-settings .team-members-list .invite-team-member-form .info .right {
        margin-left: 24px; }
        .team-settings .team-members-list .invite-team-member-form .info .right .form-row {
          margin-top: 16px;
          display: flex;
          flex-direction: column; }
        .team-settings .team-members-list .invite-team-member-form .info .right label {
          margin-left: 4px;
          font-size: 10pt;
          color: #98a5af; }
        .team-settings .team-members-list .invite-team-member-form .info .right .fun-button {
          margin-left: 4px;
          margin-right: 8px; }
  .team-settings .team-members-list .team-members-content {
    padding: 4px 8px;
    border: 1px solid #dae4ec;
    border-top: none;
    border-radius: 0 0 4px 4px;
    margin: 0; }
    .team-settings .team-members-list .team-members-content .team-members-item {
      padding: 8px 4px; }
      .team-settings .team-members-list .team-members-content .team-members-item:not(:last-child) {
        border-bottom: 1px solid #dae4ec; }
    .team-settings .team-members-list .team-members-content .team-members-item-details {
      display: flex;
      align-items: center; }
      .team-settings .team-members-list .team-members-content .team-members-item-details.user-details {
        padding: 8px 0; }
      .team-settings .team-members-list .team-members-content .team-members-item-details .accent-icon i {
        color: #98a5af;
        font-size: 14pt;
        flex: 0;
        margin-right: 16px; }
      .team-settings .team-members-list .team-members-content .team-members-item-details .text-details {
        display: flex;
        flex-direction: column;
        flex: 1; }
      .team-settings .team-members-list .team-members-content .team-members-item-details .superlabel {
        font-size: 10pt;
        color: #98a5af;
        line-height: 1; }
      .team-settings .team-members-list .team-members-content .team-members-item-details .mainlabel {
        font-weight: bold;
        font-size: 12pt; }
      .team-settings .team-members-list .team-members-content .team-members-item-details .fun-button-bar {
        flex-direction: row-reverse; }
        .team-settings .team-members-list .team-members-content .team-members-item-details .fun-button-bar .fun-button.delete-button {
          flex: 0;
          margin-left: 4px;
          background-color: white;
          text-align: center; }
          .team-settings .team-members-list .team-members-content .team-members-item-details .fun-button-bar .fun-button.delete-button i {
            margin-right: 0;
            font-size: 11pt;
            color: #d23434; }
          .team-settings .team-members-list .team-members-content .team-members-item-details .fun-button-bar .fun-button.delete-button:hover {
            background-color: #e8eef3; }
      .team-settings .team-members-list .team-members-content .team-members-item-details .confirm-delete-user {
        display: flex;
        align-items: center;
        flex-direction: column;
        background: #e8eef3;
        border-radius: 4px;
        padding: 8px 4px;
        animation: slide-down 0.2s ease; }
        .team-settings .team-members-list .team-members-content .team-members-item-details .confirm-delete-user p {
          margin-bottom: 8px;
          font-weight: bold; }
        .team-settings .team-members-list .team-members-content .team-members-item-details .confirm-delete-user .fun-button-bar {
          flex-direction: row; }
          .team-settings .team-members-list .team-members-content .team-members-item-details .confirm-delete-user .fun-button-bar .fun-button {
            margin: 0 12px;
            padding: 4px 8px;
            border-radius: 4px; }
          .team-settings .team-members-list .team-members-content .team-members-item-details .confirm-delete-user .fun-button-bar .dangerous {
            padding-right: 12px; }
            .team-settings .team-members-list .team-members-content .team-members-item-details .confirm-delete-user .fun-button-bar .dangerous i {
              margin-left: 0; }
          .team-settings .team-members-list .team-members-content .team-members-item-details .confirm-delete-user .fun-button-bar .secondary {
            color: #5e676e;
            text-decoration: underline;
            background-color: inherit; }
            .team-settings .team-members-list .team-members-content .team-members-item-details .confirm-delete-user .fun-button-bar .secondary:hover {
              box-shadow: none;
              color: #342216; }

.sign-up-log-in.accept-team-invitation-authentication-method .sign-up-log-in-content p {
  margin-bottom: 12px;
  text-align: left; }

.sign-up-log-in.accept-team-invitation-authentication-method .sign-up-log-in-content .fun-button-bar {
  justify-content: center; }
  .sign-up-log-in.accept-team-invitation-authentication-method .sign-up-log-in-content .fun-button-bar a {
    text-decoration: none; }

.sign-up-log-in.manage-team-invitation .sign-up-log-in-content {
  margin-top: 0; }
  .sign-up-log-in.manage-team-invitation .sign-up-log-in-content .fun-button-bar {
    margin-top: 0;
    flex-direction: column;
    justify-content: center; }
    .sign-up-log-in.manage-team-invitation .sign-up-log-in-content .fun-button-bar .fa-times {
      display: none; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

#js-feedback {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1001; }
  #js-feedback .feedback-prompt {
    animation: slide-up 0.4s ease;
    background: white;
    border: 2px solid #009688;
    border-radius: 8px;
    width: 50px;
    height: 40px;
    box-shadow: 1px 1px 3px rgba(127, 127, 127, 0.5);
    color: #009688;
    box-sizing: border-box;
    transition: all 0.2s ease;
    text-align: left;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center; }
    #js-feedback .feedback-prompt button {
      -webkit-appearance: none;
      color: #009688;
      display: block;
      outline: none;
      border: none;
      font-size: 14pt;
      background: none;
      width: 100%;
      text-align: center;
      margin: 0;
      padding: 0; }
    #js-feedback .feedback-prompt:hover {
      cursor: pointer;
      box-shadow: 1px 1px 3px rgba(127, 127, 127, 0.7);
      transform: scale(1.05);
      transition: all 0.2s ease; }
      #js-feedback .feedback-prompt:hover button {
        cursor: pointer; }
      #js-feedback .feedback-prompt:hover i {
        cursor: pointer; }
      #js-feedback .feedback-prompt:hover:after {
        cursor: pointer; }
  #js-feedback .feedback-form {
    animation: slide-up 0.4s ease;
    background: white;
    border: 2px solid #009688;
    border-radius: 8px;
    margin: 0 auto;
    width: 320px;
    height: 440px;
    box-shadow: 1px 1px 3px rgba(127, 127, 127, 0.5);
    color: #342216;
    box-sizing: border-box;
    transition: all 0.2s ease;
    text-align: left;
    position: relative;
    overflow: hidden;
    padding: 16px; }
    #js-feedback .feedback-form h3 {
      margin-top: 0; }
    #js-feedback .feedback-form .response {
      font-size: 9pt;
      color: #5e676e;
      margin-top: 8px;
      margin-left: 8px; }
    #js-feedback .feedback-form .online em {
      position: relative;
      display: inline-block;
      padding-left: 16px;
      margin-left: 4px; }
    #js-feedback .feedback-form .online em::before {
      content: '';
      display: block;
      position: absolute;
      left: 2px;
      top: 6px;
      width: 10px;
      height: 10px;
      background: #64D58A;
      border-radius: 10px;
      box-shadow: 0px 0px 1px #64D58A; }
    #js-feedback .feedback-form form {
      display: flex;
      flex-direction: column; }
      #js-feedback .feedback-form form p {
        display: flex; }
        #js-feedback .feedback-form form p img {
          display: inline-block;
          border-radius: 25px;
          width: 50px;
          height: 50px; }
        #js-feedback .feedback-form form p span {
          display: inline-block;
          margin-left: 8px; }
    #js-feedback .feedback-form input, #js-feedback .feedback-form textarea {
      width: auto;
      margin-top: 16px;
      -webkit-appearance: none; }
      #js-feedback .feedback-form input:focus, #js-feedback .feedback-form textarea:focus {
        border-color: #009688; }
    #js-feedback .feedback-form .header-bar {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #js-feedback .feedback-form .header-bar span {
        color: #C2C7CB;
        transition: all 0.1s ease; }
        #js-feedback .feedback-form .header-bar span:hover {
          cursor: pointer;
          color: #5e676e;
          transform: scale(1.1); }
    #js-feedback .feedback-form textarea {
      border-radius: 8px;
      border: 1px solid #C2C7CB;
      width: auto;
      height: 140px;
      padding: 8px;
      font-family: "Catamaran", sans-serif;
      font-size: 1em;
      margin: 4px 4px 12px 4px;
      resize: none;
      transition: all 0.1s ease; }
      #js-feedback .feedback-form textarea:focus {
        transform: scale(1.025); }
    #js-feedback .feedback-form .fun-button-bar {
      margin-top: 8px;
      font-size: 10pt; }
    #js-feedback .feedback-form .fun-button-bar .fun-button {
      background: #009688;
      color: white;
      font-style: normal;
      font-weight: normal;
      font-size: 11pt;
      margin-left: 8px; }
    #js-feedback .feedback-form .fun-button-bar .message {
      margin-left: 8px; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

.sign-up-log-in {
  display: flex;
  flex-direction: column; }
  .sign-up-log-in .header-bar {
    display: block;
    height: 16px;
    background: #009688; }
  .sign-up-log-in .sign-up-log-in-content {
    animation: slide-down 0.1s ease;
    box-sizing: border-box;
    padding: 36px;
    border: 1px solid #dae4ec;
    display: flex;
    flex-direction: column;
    margin: 96px 16px 36px 16px;
    width: 100%;
    max-width: 480px;
    border-radius: 8px;
    align-self: center; }
    .sign-up-log-in .sign-up-log-in-content .people {
      text-align: center; }
      .sign-up-log-in .sign-up-log-in-content .people img {
        margin-left: -16px;
        margin-right: -16px; }
    .sign-up-log-in .sign-up-log-in-content h1 {
      text-align: center; }
    .sign-up-log-in .sign-up-log-in-content p {
      margin-bottom: 24px;
      text-align: center; }
    .sign-up-log-in .sign-up-log-in-content .user-details, .sign-up-log-in .sign-up-log-in-content .account-details {
      display: flex;
      flex-direction: column; }
    .sign-up-log-in .sign-up-log-in-content .terms-conditions {
      text-align: center;
      max-width: 300px;
      margin: 24px auto;
      color: #98a5af; }
      .sign-up-log-in .sign-up-log-in-content .terms-conditions a {
        color: #98a5af; }
    .sign-up-log-in .sign-up-log-in-content .peachs-recaptcha-text {
      font-size: 10px;
      margin-top: 24px;
      text-align: center;
      color: #98a5af; }
      .sign-up-log-in .sign-up-log-in-content .peachs-recaptcha-text a, .sign-up-log-in .sign-up-log-in-content .peachs-recaptcha-text a:visited {
        color: inherit;
        text-decoration: none; }
    .sign-up-log-in .sign-up-log-in-content .peachs-g-recaptcha {
      visibility: hidden;
      display: none; }
    .sign-up-log-in .sign-up-log-in-content .account-details {
      margin-top: 24px; }
    .sign-up-log-in .sign-up-log-in-content .fun-button-bar {
      margin-top: 36px;
      flex-direction: row; }
      .sign-up-log-in .sign-up-log-in-content .fun-button-bar .fun-button {
        padding-left: 36px;
        padding-right: 36px;
        margin-left: 16px;
        flex-grow: 0;
        flex-shrink: 0; }
      .sign-up-log-in .sign-up-log-in-content .fun-button-bar .message {
        margin-right: 4px;
        line-height: 1.2em;
        padding: 16px; }
  .sign-up-log-in .sign-up-log-in-footer {
    text-align: center;
    color: #5e676e; }
    .sign-up-log-in .sign-up-log-in-footer a {
      color: inherit; }
    .sign-up-log-in .sign-up-log-in-footer .logo-link {
      display: block;
      text-decoration: none;
      font-weight: bold;
      opacity: 0.4;
      color: black;
      font-size: 12pt;
      justify-content: center;
      padding: 16px;
      margin-top: 16px;
      transition: all 0.1s ease; }
      .sign-up-log-in .sign-up-log-in-footer .logo-link:hover {
        opacity: 0.7; }
        .sign-up-log-in .sign-up-log-in-footer .logo-link:hover span {
          text-decoration: none; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

.accounts-list {
  display: flex;
  flex-wrap: wrap; }
  .accounts-list .account-row {
    display: flex;
    flex-direction: row;
    border: 1px solid #dae4ec;
    transition: all 0.1s ease;
    padding: 12px 24px;
    border-radius: 8px;
    margin: 16px;
    margin: 8px;
    align-items: center;
    justify-content: center;
    align-self: center; }
    .accounts-list .account-row p {
      margin-left: 12px; }
      .accounts-list .account-row p span {
        color: #5e676e; }
    .accounts-list .account-row:hover {
      background: #e8eef3;
      cursor: pointer;
      transform: scale(1.025); }
    .accounts-list .account-row .gambits-line {
      display: flex;
      flex-direction: row;
      max-width: 240px;
      flex-wrap: wrap;
      justify-content: center; }
      .accounts-list .account-row .gambits-line img {
        margin: 4px;
        border-radius: 8px;
        width: 50px; }

.accounts-list-empty {
  max-width: 560px;
  padding: 8px;
  box-sizing: border-box; }
  .accounts-list-empty .accounts-list-create-new {
    border-top: 1px solid #e8eef3;
    padding-top: 24px;
    margin-top: 48px; }
  .accounts-list-empty .accounts-list-create-new-row {
    max-width: 560px;
    display: flex;
    flex-direction: column; }
    .accounts-list-empty .accounts-list-create-new-row input {
      margin-left: 0; }
  .accounts-list-empty .fun-button-bar .fun-button {
    margin-left: 0; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

.certify-create {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  margin: 48px auto; }
  .certify-create img {
    width: 100%;
    object-fit: cover;
    height: 320px; }
  .certify-create label {
    margin-top: 36px; }
  .certify-create h1 {
    margin-top: 64px;
    margin-bottom: 16px; }
  .certify-create .store-name {
    margin-top: 0; }
  .certify-create .fun-button-bar {
    margin-top: 36px; }
    .certify-create .fun-button-bar .fun-button {
      margin-left: 0; }

.certify-view {
  margin: 0; }
  .certify-view #certify-view-preview {
    max-width: 720px;
    height: 240px;
    margin: 0 auto 32px auto;
    border: 1px solid #dae4ec;
    border-radius: 8px;
    position: relative;
    background: white; }
    .certify-view #certify-view-preview .squarecertify-widget.sc-page-position-left {
      right: unset;
      left: 24px;
      bottom: unset;
      top: 50%;
      transform: translateY(-50%);
      width: 100%; }
  .certify-view .certify-no-order-sync-error {
    color: #d23434;
    max-width: 550px;
    line-height: 1.3;
    border: 1px solid #d23434;
    border-radius: 6px;
    padding: 16px; }
  .certify-view .certify-view-columns {
    display: flex; }
    .certify-view .certify-view-columns .certify-view-left {
      max-width: 560px;
      flex: 1;
      padding: 8px;
      margin: 64px auto; }
    .certify-view .certify-view-columns .certify-view-right {
      width: 448px;
      margin: 0 0 0 auto;
      box-sizing: content-box;
      border-left: 4px solid #dae4ec;
      padding: 24px;
      background: #f6f6f6; }
      .certify-view .certify-view-columns .certify-view-right .certify-view-right-content {
        position: fixed;
        width: 448px; }
        .certify-view .certify-view-columns .certify-view-right .certify-view-right-content h2 {
          margin-bottom: 0; }
        .certify-view .certify-view-columns .certify-view-right .certify-view-right-content .fun-button-bar {
          justify-content: center; }
        .certify-view .certify-view-columns .certify-view-right .certify-view-right-content .having-trouble {
          text-align: center;
          margin: 16px auto 12px auto;
          color: #5e676e;
          max-width: 480px; }
    .certify-view .certify-view-columns .certify-view-bottom {
      padding: 8px 32px;
      bottom: 0;
      left: 0;
      right: 0;
      border-top: 2px solid #dae4ec;
      position: fixed;
      background: rgba(255, 255, 255, 0.9);
      box-shadow: 0 0px 2px rgba(127, 127, 127, 0.1); }
      .certify-view .certify-view-columns .certify-view-bottom .delete-link {
        margin-left: 32px; }
        .certify-view .certify-view-columns .certify-view-bottom .delete-link a {
          text-decoration: none;
          color: #5e676e;
          display: inline-block;
          font-weight: bold;
          padding: 8px 12px;
          transition: all 0.1s ease;
          border-radius: 8px; }
          .certify-view .certify-view-columns .certify-view-bottom .delete-link a i {
            margin-right: 8px; }
          .certify-view .certify-view-columns .certify-view-bottom .delete-link a:hover {
            transform: scale(1.025); }
  .certify-view .fields-section {
    display: flex;
    flex-direction: column;
    padding-bottom: 64px;
    border-bottom: 1px solid #dae4ec;
    margin-bottom: 64px; }
  .certify-view .field-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px; }
    .certify-view .field-group label {
      color: #5e676e;
      font-size: 11pt; }
  .certify-view .order-choice {
    display: flex; }
    .certify-view .order-choice button {
      padding: 32px 16px;
      flex: 1;
      margin: 16px;
      border-radius: 8px;
      border: 1px solid #dae4ec;
      background: none;
      outline: none;
      font-size: 11pt;
      color: #342216;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: all 0.1s ease; }
      .certify-view .order-choice button i {
        font-size: 18pt;
        margin-bottom: 16px; }
      .certify-view .order-choice button:hover, .certify-view .order-choice button.selected {
        cursor: pointer;
        transform: scale(1.025);
        background: #e8eef3; }
      .certify-view .order-choice button .little {
        margin-top: 16px;
        color: #98a5af;
        font-size: 10pt; }
  .certify-view .order-block {
    position: relative;
    width: 400px;
    margin: 32px 0; }
    .certify-view .order-block .edit-icon {
      position: absolute;
      right: -32px;
      top: 16px;
      color: rgba(0, 0, 0, 0.7);
      transition: all 0.1s ease; }
      .certify-view .order-block .edit-icon:hover {
        color: rgba(0, 0, 0, 0.9);
        transform: scale(1.025);
        cursor: pointer; }
    .certify-view .order-block .delete-icon {
      position: absolute;
      right: -32px;
      bottom: 16px;
      color: #d23434;
      transition: all 0.1s ease;
      background: white; }
      .certify-view .order-block .delete-icon:hover {
        transform: scale(1.025);
        cursor: pointer; }
  .certify-view .edit-order-block {
    margin: 16px 8px;
    padding: 16px 24px;
    background: #e8eef3;
    border: 1px solid #dae4ec;
    border-radius: 8px; }
    .certify-view .edit-order-block .field-group {
      flex-direction: row;
      align-items: center; }
      .certify-view .edit-order-block .field-group label {
        min-width: 80px;
        margin-right: 8px; }
      .certify-view .edit-order-block .field-group input {
        flex: 1; }
    .certify-view .edit-order-block .fun-button-bar {
      justify-content: space-between; }
      .certify-view .edit-order-block .fun-button-bar div {
        flex: 1; }
      .certify-view .edit-order-block .fun-button-bar .fun-button.primary {
        margin-left: 96px; }
  .certify-view .import-orders {
    margin: 16px; }
    .certify-view .import-orders h3 {
      margin-top: 36px; }
    .certify-view .import-orders p {
      margin-bottom: 12px; }
    .certify-view .import-orders .user-entry {
      margin-top: 16px; }
    .certify-view .import-orders .fun-button.primary {
      margin-left: 0; }
  .certify-view .manual-orders {
    margin: 16px; }
    .certify-view .manual-orders h3 {
      margin-top: 36px; }
    .certify-view .manual-orders .fun-button-recessed {
      margin-top: 24px; }
  .certify-view .fun-button-recessed {
    margin-left: 0;
    box-shadow: none;
    background: #e8eef3;
    border: 2px solid #dae4ec;
    color: #5e676e;
    font-weight: bold; }
  .certify-view .customize-styles {
    margin: 16px; }
    .certify-view .customize-styles .fun-button {
      margin-left: 0; }
    .certify-view .customize-styles .field-group {
      flex-direction: row;
      align-items: center; }
      .certify-view .customize-styles .field-group.field-group-vertical {
        flex-direction: column;
        align-items: flex-start; }
      .certify-view .customize-styles .field-group label {
        min-width: 140px;
        margin-right: 8px; }
    .certify-view .customize-styles .certify-codearea-container {
      display: flex;
      width: 100%; }
      .certify-view .customize-styles .certify-codearea-container .certify-codearea {
        display: flex;
        margin: 8px 0;
        padding: 16px;
        font-size: 11pt;
        line-height: 1.3;
        width: 100%;
        height: 60px;
        border: 1px solid #dae4ec;
        border-radius: 8px;
        transition: all 0.2s ease; }
        .certify-view .customize-styles .certify-codearea-container .certify-codearea:focus {
          border: 1px solid #009688; }
  .certify-view .integrate-widget {
    margin: 16px; }
    .certify-view .integrate-widget .codearea {
      display: flex;
      margin: 8px;
      padding: 16px;
      font-family: monospace;
      font-size: 11pt;
      line-height: 1.3;
      width: 100%;
      height: 240px;
      border: 1px solid #dae4ec;
      border-radius: 8px;
      transition: all 0.2s ease; }
      .certify-view .integrate-widget .codearea.short {
        height: 1em; }
      .certify-view .integrate-widget .codearea:focus {
        border: 1px solid var(--gambit-theme-color);
        transform: scale(1.01); }
  .certify-view .certify-settings .certify-switch {
    margin-top: 16px;
    margin-bottom: 24px; }
  .certify-view .certify-switch {
    display: flex;
    align-items: center;
    transition: all 0.1s ease;
    flex: 1; }
    .certify-view .certify-switch > div {
      flex: 1;
      padding: 8px 16px;
      margin: 4px;
      border-radius: 8px;
      border: 1px solid #dae4ec;
      background: none;
      text-align: center;
      max-width: 120px; }
      .certify-view .certify-switch > div:nth-child(1) {
        margin-right: 8px; }
      .certify-view .certify-switch > div:nth-child(2) {
        margin-left: 8px; }
      .certify-view .certify-switch > div.selected span {
        font-weight: bold; }
      .certify-view .certify-switch > div:hover, .certify-view .certify-switch > div.selected {
        cursor: pointer;
        transform: scale(1.025);
        background: #e8eef3; }
  .certify-view .code-field {
    display: flex;
    flex-direction: column; }
  .certify-view .code-section {
    margin-bottom: 16px;
    padding: 16px 16px 48px 16px;
    position: relative;
    display: flex;
    flex-direction: column; }
    .certify-view .code-section textarea {
      margin: 16px;
      display: block;
      resize: none;
      padding: 16px;
      border: 1px solid #dae4ec;
      border-radius: 8px;
      font-size: 11pt;
      font-family: monospace;
      background: #e8eef3;
      height: 52px;
      color: #5e676e; }
    .certify-view .code-section .copy-button {
      width: 120px;
      padding: 8px 16px;
      margin: 0 auto;
      background: #009688;
      color: white;
      border-radius: 8px;
      border: none;
      font-family: "Catamaran", sans-serif;
      transition: 0.2s all ease;
      font-size: 10pt; }
      .certify-view .code-section .copy-button i {
        margin-right: 8px; }
      .certify-view .code-section .copy-button:hover {
        cursor: pointer;
        transform: scale(1.025); }
  .certify-view .certify-stats-table {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 48px; }
    .certify-view .certify-stats-table .left {
      text-align: left;
      margin: 0;
      line-height: 1; }
    .certify-view .certify-stats-table .right {
      text-align: right; }
    .certify-view .certify-stats-table p {
      margin: 0 4px;
      margin-top: 12px;
      font-size: 30pt;
      font-weight: bold;
      line-height: 1; }
    .certify-view .certify-stats-table p.timespan {
      font-size: 11pt;
      color: #5e676e;
      font-weight: normal; }
      .certify-view .certify-stats-table p.timespan a {
        color: #5e676e; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

.affiliate-create-program form {
  max-width: 520px;
  margin: auto; }

.affiliate-create-program img {
  max-width: 360px;
  width: 100%;
  margin: 16px 0 0 0; }

.affiliate-create-program .fun-button-bar .fun-button {
  margin-left: 0; }

.affiliate-create-program .fun-select select {
  margin-left: 0; }

.affiliate-create-program h2 {
  margin-top: 36px;
  margin-bottom: 0; }

.affiliate-create-program .affiliate-form label {
  color: #342216;
  font-weight: 600;
  font-size: 11pt; }

.affiliate-create-program .affiliate-form input {
  margin-bottom: 22px; }

.affiliate-create-program .affiliate-form .commission-row input {
  display: inline-block;
  margin: auto 4px auto 8px; }

.affiliate-view-program-sidebar-page {
  background: #e8eef3; }
  .affiliate-view-program-sidebar-page .navbar {
    border-bottom: none; }
  .affiliate-view-program-sidebar-page .page-sidebar {
    margin-top: 0;
    background: #e8eef3; }
    .affiliate-view-program-sidebar-page .page-sidebar .page-sidebar-nav {
      margin: 0 12px 0 0;
      width: 248px;
      overflow: hidden;
      border-radius: 0 4px 0 0;
      background: white;
      box-shadow: 0 0 2px rgba(127, 127, 127, 0.3);
      border: 1px solid #dae4ec; }
      .affiliate-view-program-sidebar-page .page-sidebar .page-sidebar-nav .page-sidebar-nav-inner {
        padding-top: 0; }
        .affiliate-view-program-sidebar-page .page-sidebar .page-sidebar-nav .page-sidebar-nav-inner > .row:not(.subitem) {
          border-bottom: 1px solid #e8eef3; }
          .affiliate-view-program-sidebar-page .page-sidebar .page-sidebar-nav .page-sidebar-nav-inner > .row:not(.subitem):not(:nth-child(2)) {
            border-top: 1px solid #e8eef3; }
        .affiliate-view-program-sidebar-page .page-sidebar .page-sidebar-nav .page-sidebar-nav-inner > .row.active {
          border-bottom: 2px solid #e8eef3;
          border-left: none; }
        .affiliate-view-program-sidebar-page .page-sidebar .page-sidebar-nav .page-sidebar-nav-inner > .row:nth-child(2) {
          border-radius: 0 4px 0 0; }
      .affiliate-view-program-sidebar-page .page-sidebar .page-sidebar-nav a {
        box-sizing: border-box;
        padding: 16px;
        color: inherit;
        text-decoration: none;
        font-weight: bold;
        background: white;
        transition: all 0.1s ease-in-out; }
        .affiliate-view-program-sidebar-page .page-sidebar .page-sidebar-nav a:hover {
          background-color: #e8eef3; }
      .affiliate-view-program-sidebar-page .page-sidebar .page-sidebar-nav .subitem {
        margin-left: 32px;
        background: #f5f8fa;
        font-weight: normal;
        border-left: 2px solid #e8eef3; }
      .affiliate-view-program-sidebar-page .page-sidebar .page-sidebar-nav .subitem-active {
        border-left: 2px solid #0078F8;
        color: #0078F8;
        font-weight: 600; }
  @media (max-width: 860px) {
    .affiliate-view-program-sidebar-page .page-sidebar .page-sidebar-nav {
      width: 100%;
      margin: 0 0 16px 0px; } }

.affiliate-box-full {
  background: #e8eef3;
  padding: 32px 8px 96px 8px;
  box-sizing: border-box;
  min-height: 100vh; }
  .affiliate-box-full .affiliate-box-inner {
    margin: auto;
    box-shadow: 0 0 2px rgba(127, 127, 127, 0.3);
    border: 1px solid #dae4ec;
    max-width: 720px;
    padding: 8px;
    background: white;
    border-radius: 4px;
    box-sizing: border-box;
    padding-bottom: 64px; }
    .affiliate-box-full .affiliate-box-inner.skinny {
      max-width: 600px; }
      @media (max-width: 860px) {
        .affiliate-box-full .affiliate-box-inner.skinny {
          padding: 16px; } }
    .affiliate-box-full .affiliate-box-inner.medium {
      max-width: 860px; }
    .affiliate-box-full .affiliate-box-inner.stretch {
      max-width: unset; }
  .affiliate-box-full .affiliate-box-footer {
    margin-top: 32px;
    text-align: center; }
    .affiliate-box-full .affiliate-box-footer a {
      text-decoration: none;
      margin-right: 24px;
      color: var(--affiliateThemeSecondaryLabelColor); }
      .affiliate-box-full .affiliate-box-footer a:hover {
        color: var(--affiliateThemePrimaryLabelColor); }

.affiliate-header {
  margin-bottom: 36px; }
  .affiliate-header h1 {
    line-height: 1.3;
    margin-bottom: 12px; }
  .affiliate-header img {
    height: 60px;
    margin-right: 16px; }
  .affiliate-header p {
    display: block;
    color: #5e676e;
    margin-bottom: 6px;
    font-size: 12pt;
    font-weight: 600; }
    .affiliate-header p .fa-envelope {
      color: #d23434; }
    .affiliate-header p i {
      margin-left: 4px;
      margin-right: 6px;
      vertical-align: middle;
      width: 20px;
      text-align: center; }

.affiliate-form label {
  margin-top: 16px;
  color: #98a5af;
  display: block; }

.affiliate-form input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0; }

.affiliate-form .fun-button-bar {
  margin-top: 32px; }

.affiliate-program-errors {
  margin-top: 24px; }
  .affiliate-program-errors .error {
    padding: 8px;
    color: #d23434;
    margin-top: 4px;
    animation: slide-up 0.3s ease; }
    .affiliate-program-errors .error i {
      display: inline-block;
      margin-right: 4px; }

.affiliate-program-connect-ouath-notification {
  max-width: 760px;
  border: 2px solid #e8eef3;
  padding: 16px 16px 32px 16px;
  margin-bottom: 36px;
  box-sizing: border-box;
  border-radius: 8px; }
  .affiliate-program-connect-ouath-notification .affiliate-program-connect-ouath-container {
    display: flex;
    align-items: center; }
    @media (max-width: 860px) {
      .affiliate-program-connect-ouath-notification .affiliate-program-connect-ouath-container {
        flex-direction: column; } }
  .affiliate-program-connect-ouath-notification .left {
    flex: 1;
    margin: 0 32px 0 16px; }
    .affiliate-program-connect-ouath-notification .left img {
      max-width: 100%; }
  .affiliate-program-connect-ouath-notification .right {
    flex: 4; }
  .affiliate-program-connect-ouath-notification h3 {
    margin-bottom: 0; }
  .affiliate-program-connect-ouath-notification .bar {
    display: flex;
    align-items: center;
    margin-top: 24px; }
    .affiliate-program-connect-ouath-notification .bar a {
      margin-right: 8px; }
    .affiliate-program-connect-ouath-notification .bar .small-note {
      margin: auto auto auto 16px;
      font-size: 10pt;
      color: #5e676e; }

.affiliate-program-notifications {
  max-width: 520px; }
  .affiliate-program-notifications .notification {
    display: block;
    animation: slide-up 0.3s ease;
    border-radius: 4px;
    padding: 12px;
    color: white;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    margin: 8px 0;
    box-shadow: 1px 2px 1px -1px rgba(127, 127, 127, 0.2);
    transition: all 0.2s ease;
    margin: 8px;
    align-items: center;
    font-weight: bold; }
    .affiliate-program-notifications .notification:hover {
      cursor: pointer;
      opacity: 0.98;
      transform: scale(1.01);
      box-shadow: 1px 2px 1px -1px rgba(127, 127, 127, 0.4); }
    .affiliate-program-notifications .notification.color-red {
      background: #d23434; }
    .affiliate-program-notifications .notification.color-green {
      background: #03a87c; }
    .affiliate-program-notifications .notification.color-blue {
      background: #3887AE; }
    .affiliate-program-notifications .notification.color-electric-blue {
      background: #0078F8; }
    .affiliate-program-notifications .notification.color-gray {
      background: #98a5af; }
    .affiliate-program-notifications .notification .notification-right {
      margin-left: 8px;
      margin-right: 8px; }

.affiliate-program-connection .fun-button {
  margin-left: 8px; }

.affiliate-program-connection .affiliate-orders-api-form {
  margin-top: 24px;
  padding: 24px 8px 0 8px;
  box-sizing: border-box;
  border-top: 1px solid #dae4ec; }
  .affiliate-program-connection .affiliate-orders-api-form label {
    display: block; }
  .affiliate-program-connection .affiliate-orders-api-form input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0; }
  .affiliate-program-connection .affiliate-orders-api-form .fun-button-bar {
    margin-top: 0; }

.affiliate-dashboard-reset {
  color: var(--affiliateThemePrimaryLabelColor);
  font-family: var(--affiliateThemeFontFamily);
  font-size: var(--affiliateThemeFontSize); }
  .affiliate-dashboard-reset input:not([type="checkbox"]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .affiliate-dashboard-reset.affiliate-box-full {
    background: var(--affiliateThemeBackgroundColor); }
    .affiliate-dashboard-reset.affiliate-box-full .affiliate-box-inner {
      border-radius: var(--affiliateThemeBorderRadius);
      background: var(--affiliateThemeContentBackgroundColor);
      box-shadow: var(--affiliateThemeContentBoxShadow); }
  .affiliate-dashboard-reset img {
    max-width: 100%; }
  .affiliate-dashboard-reset label {
    display: block;
    margin: 16px 0 0 0;
    color: var(--affiliateThemeSecondaryLabelColor);
    font-size: var(--affiliateThemeFontSize); }
  .affiliate-dashboard-reset input:not([type="checkbox"]) {
    display: block;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    border-radius: var(--affiliateThemeBorderRadius);
    font-family: var(--affiliateThemeFontFamily);
    border-color: var(--affiliateThemeBorderColor);
    font-size: var(--affiliateThemeFontSize);
    padding: 0.75em 0.5em; }
    .affiliate-dashboard-reset input:not([type="checkbox"]):focus {
      transform: none;
      border-color: var(--affiliateThemePrimaryAccentColor); }
  .affiliate-dashboard-reset .fun-button-bar {
    margin-top: 24px; }
  .affiliate-dashboard-reset .fun-button {
    font-family: var(--affiliateThemeFontFamily);
    background: var(--affiliateThemePrimaryAccentColor);
    margin-left: 0;
    border-radius: var(--affiliateThemeBorderRadius);
    text-decoration: none; }
    .affiliate-dashboard-reset .fun-button.lowpriority {
      background: var(--affiliateThemeSecondaryLabelColor); }
  .affiliate-dashboard-reset .affiliate-promotion-item .affiliate-promotion-item-row > span {
    font-size: var(--affiliateThemeFontSize);
    padding-right: 8px; }
  .affiliate-dashboard-reset .affiliate-program-notifications .notification {
    font-size: var(--affiliateThemeFontSize); }

.affiliate-dashboard-sign-up .affiliate-box-inner {
  padding: 32px; }

.affiliate-dashboard-sign-up .affiliate-dashboard-sign-up-header h1 {
  margin-bottom: 5px; }

.affiliate-dashboard-sign-up .affiliate-dashboard-sign-up-message {
  margin-bottom: 20px; }

.affiliate-dashboard-sign-up .affiliate-dashboard-form form {
  margin-top: 32px; }

.affiliate-dashboard-form .fun-toggle {
  margin-top: 8px; }

.affiliate-dashboard-form .peachs-g-recaptcha {
  visibility: hidden;
  display: none; }

.affiliate-dashboard-form .peachs-recaptcha-text {
  font-size: 10px;
  margin-top: 24px;
  color: #98a5af; }
  .affiliate-dashboard-form .peachs-recaptcha-text a, .affiliate-dashboard-form .peachs-recaptcha-text a:visited {
    color: inherit;
    text-decoration: none; }

.affiliate-dashboard-errors {
  text-align: center; }
  .affiliate-dashboard-errors img {
    height: 200px;
    width: auto;
    margin-top: 24px; }
  .affiliate-dashboard-errors .errors {
    max-width: 480px;
    margin: 0 auto; }

.affiliate-dashboard-tabs {
  display: flex;
  align-items: center;
  margin-top: 16px;
  flex-wrap: wrap; }
  .affiliate-dashboard-tabs a {
    padding: 0 24px 0 24px;
    margin: 0 4px 0 0;
    color: var(--affiliateThemeSecondaryLabelColor);
    text-decoration: none;
    font-weight: 600; }
    .affiliate-dashboard-tabs a i {
      margin-right: 8px; }
    .affiliate-dashboard-tabs a:not(:last-child) {
      border-right: 1px solid var(--affiliateThemeBorderColor); }
    .affiliate-dashboard-tabs a:hover {
      color: var(--affiliateThemePrimaryLabelColor); }
    .affiliate-dashboard-tabs a.selected {
      color: var(--affiliateThemePrimaryLabelColor); }

.affiliate-dashboard-content {
  margin: 0 24px; }
  @media (max-width: 860px) {
    .affiliate-dashboard-content {
      margin: 0 12px; } }
  .affiliate-dashboard-content .affiliate-program-notifications {
    margin-bottom: 24px; }
  .affiliate-dashboard-content h1 {
    margin-top: 0; }

.affiliate-dashboard-separator {
  height: 1px;
  background: var(--affiliateThemeBorderColor);
  margin: 32px 0; }

.affiliate-dashboard-errors-help-links {
  margin-top: 32px; }
  .affiliate-dashboard-errors-help-links .affiliate-secondary-link {
    padding: 12px 18px; }

.affiliate-view-program-edit-affiliate {
  background: #e8eef3;
  border: 1px solid #dae4ec;
  padding: 16px;
  border-radius: 8px;
  max-width: 600px; }
  .affiliate-view-program-edit-affiliate h2 {
    margin: 0; }
  .affiliate-view-program-edit-affiliate:hover {
    cursor: pointer;
    border-color: #98a5af; }

.affiliate-list-page {
  margin-top: 0;
  padding-top: 24px; }

.affiliate-list-table-container .affiliate-list-table-header {
  display: flex;
  background: #e8eef3;
  border-bottom: 2px solid #dae4ec;
  border-top: 2px solid #dae4ec;
  padding: 4px 12px;
  color: #5e676e;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 9pt;
  align-items: center; }
  @media (max-width: 860px) {
    .affiliate-list-table-container .affiliate-list-table-header {
      flex-direction: column;
      align-items: flex-start; } }

.affiliate-list-table-container .affiliate-list-row {
  padding: 16px 8px;
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
  border-bottom: 1px solid #dae4ec; }
  @media (max-width: 860px) {
    .affiliate-list-table-container .affiliate-list-row {
      flex-direction: column;
      align-items: flex-start; } }
  .affiliate-list-table-container .affiliate-list-row:hover, .affiliate-list-table-container .affiliate-list-row:focus {
    color: #0078F8;
    cursor: pointer; }
    .affiliate-list-table-container .affiliate-list-row:hover .affiliate-info, .affiliate-list-table-container .affiliate-list-row:focus .affiliate-info {
      text-decoration: underline; }
  .affiliate-list-table-container .affiliate-list-row.affiliate-list-pending .affiliate-status {
    margin-right: 24px;
    padding: 8px 12px;
    border-radius: 4px;
    background: #0078F8;
    color: white;
    font-weight: 600;
    font-size: 9pt; }

.affiliate-list-table-container .affiliate-info {
  display: flex;
  flex-direction: column;
  flex: 3; }
  .affiliate-list-table-container .affiliate-info .affiliate-name {
    font-size: 14pt;
    font-weight: bold; }

.affiliate-list-table-container .commission-unpaid, .affiliate-list-table-container .commission-paid, .affiliate-list-table-container .revenue, .affiliate-list-table-container .net-revenue {
  flex: 1;
  padding: 4px; }

.affiliate-list-table-container .net-revenue {
  flex: 2;
  text-align: center;
  font-weight: bold; }

.affiliate-list-table-container .affiliate-list-row .commission-unpaid, .affiliate-list-table-container .affiliate-list-row .commission-paid, .affiliate-list-table-container .affiliate-list-row .revenue, .affiliate-list-table-container .affiliate-list-row .net-revenue {
  font-size: 12pt; }

.affiliate-list-table-container .affiliate-list-row .commission-unpaid {
  font-weight: bold; }

.affiliate-list-table-container .affiliate-list-row .net-revenue {
  font-size: 14pt;
  font-weight: bold;
  color: #03a87c;
  border-left: 1px solid #e8eef3;
  text-align: center; }
  @media (max-width: 860px) {
    .affiliate-list-table-container .affiliate-list-row .net-revenue {
      border-left: none; } }

.affiliate-list-filter {
  display: flex;
  background: white;
  border-radius: 4px;
  padding: 4px 12px;
  color: #5e676e;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 9pt;
  align-items: center;
  margin-right: 8px; }
  .affiliate-list-filter.clear-filter {
    padding: 4px; }
    .affiliate-list-filter.clear-filter i {
      margin-right: 4px; }
    .affiliate-list-filter.clear-filter:hover, .affiliate-list-filter.clear-filter:focus {
      color: #342216;
      background: white; }
      .affiliate-list-filter.clear-filter:hover i, .affiliate-list-filter.clear-filter:focus i {
        color: #342216; }
  .affiliate-list-filter:hover, .affiliate-list-filter:focus, .affiliate-list-filter.selected {
    background: var(--gambit-theme-color);
    color: white;
    cursor: pointer; }
    .affiliate-list-filter:hover i, .affiliate-list-filter:focus i, .affiliate-list-filter.selected i {
      color: white; }

.affiliate-settings-container {
  padding: 0 8px 64px 0; }
  @media (max-width: 860px) {
    .affiliate-settings-container {
      padding: 0 0 64px 0; } }
  .affiliate-settings-container .affiliate-box-inner {
    margin: 0 16px 16px 16px;
    padding: 16px 36px; }
    @media (max-width: 860px) {
      .affiliate-settings-container .affiliate-box-inner {
        padding: 16px;
        margin: 4px; } }
  .affiliate-settings-container .affiliate-details-tab-bar {
    background: white;
    margin-bottom: 16px;
    border-radius: 4px;
    display: inline-block;
    padding: 16px 0; }
    .affiliate-settings-container .affiliate-details-tab-bar a {
      display: inline-block;
      color: #98a5af;
      font-weight: 600;
      font-size: 12pt;
      text-decoration: none;
      padding: 0 24px 0 24px;
      margin: 0 4px 0 0; }
      .affiliate-settings-container .affiliate-details-tab-bar a:first-child {
        margin-left: 0;
        padding-left: 0; }
      .affiliate-settings-container .affiliate-details-tab-bar a i {
        margin-right: 12px; }
      .affiliate-settings-container .affiliate-details-tab-bar a:hover, .affiliate-settings-container .affiliate-details-tab-bar a:focus {
        color: #342216; }
      .affiliate-settings-container .affiliate-details-tab-bar a:not(:last-child) {
        border-right: 1px solid #dae4ec; }
      .affiliate-settings-container .affiliate-details-tab-bar a.selected {
        color: #342216; }

.affiliate-settings-container .affiliate-form-row, .affiliate-create-program .affiliate-form-row {
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e8eef3; }
  .affiliate-settings-container .affiliate-form-row label, .affiliate-create-program .affiliate-form-row label {
    flex: 2; }
  .affiliate-settings-container .affiliate-form-row.no-border, .affiliate-create-program .affiliate-form-row.no-border {
    border-bottom: none;
    margin-bottom: 0; }

.affiliate-settings-container .commission-row input, .affiliate-create-program .commission-row input {
  max-width: 64px; }

.settings-form-lead {
  margin-bottom: 12px; }

.program-settings h2 {
  margin-bottom: 0; }

.payment-service-section {
  margin-top: 48px; }

.email-notification-settings {
  margin-top: 48px; }

.change-plan-section {
  margin-bottom: 48px; }

.synchronize-orders-settings {
  margin-bottom: 48px; }
  .synchronize-orders-settings p {
    margin-bottom: 24px; }

.affiliate-form-row {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .affiliate-form-row label {
    flex: 1;
    font-weight: 600; }
  .affiliate-form-row input {
    flex: 3; }
    .affiliate-form-row input.small-input {
      max-width: 180px; }
  .affiliate-form-row.big-label label {
    font-size: 14pt; }
  .affiliate-form-row.justify-center {
    justify-content: center; }
  .affiliate-form-row.justify-right {
    justify-content: flex-end; }
  .affiliate-form-row.vertical {
    flex-direction: column;
    align-items: flex-start; }
    .affiliate-form-row.vertical label {
      flex: 0;
      margin-top: 16px;
      margin-bottom: 8px; }
    .affiliate-form-row.vertical input {
      flex: 0;
      margin: 0;
      width: 100%;
      box-sizing: border-box; }
  .affiliate-form-row.section-break label {
    margin-top: 8px; }
  .affiliate-form-row.section-break input {
    margin-bottom: 32px; }
  .affiliate-form-row.in-section-split {
    border-top: 1px solid #e8eef3;
    margin-top: 36px;
    padding-top: 18px; }
  .affiliate-form-row .inline-url {
    display: flex;
    align-items: center;
    font-size: 12pt;
    font-weight: 600; }
    .affiliate-form-row .inline-url span {
      margin-right: 4px;
      margin-left: 4px; }
    .affiliate-form-row .inline-url input {
      flex: 1; }
  .affiliate-form-row .gambit-customization-codearea-container {
    width: 100%; }
    .affiliate-form-row .gambit-customization-codearea-container .affiliate-form-code-area {
      resize: vertical;
      animation: none;
      transition: none; }
      .affiliate-form-row .gambit-customization-codearea-container .affiliate-form-code-area.short {
        height: 100px; }

.affiliate-view-program-promotions {
  margin-top: 48px;
  margin-bottom: 48px; }
  .affiliate-view-program-promotions .affiliate-view-program-promotion-section {
    border-bottom: 32px solid #e8eef3;
    border-top: 32px solid #e8eef3;
    border-left: 1px solid #e8eef3;
    border-right: 1px solid #e8eef3;
    border-radius: 4px;
    padding: 8px 16px;
    margin-bottom: 24px; }
  .affiliate-view-program-promotions .affiliate-view-program-new-promotion {
    display: flex;
    align-items: center;
    justify-content: center; }

.affiliate-form-row-info {
  padding: 0 0 48px 0;
  margin-bottom: 48px;
  font-size: 11pt;
  color: #5e676e;
  border-bottom: 1px solid #e8eef3; }
  .affiliate-form-row-info.no-border {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0; }
  .affiliate-form-row-info:last-child {
    margin-bottom: 0;
    border-bottom: none; }
  .affiliate-form-row-info p {
    margin-bottom: 16px; }
  .affiliate-form-row-info .affiliate-form-row-info-links {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px; }
    .affiliate-form-row-info .affiliate-form-row-info-links .squarespace-link {
      background: #342216; }
      .affiliate-form-row-info .affiliate-form-row-info-links .squarespace-link i {
        font-weight: 400; }
    @media (max-width: 860px) {
      .affiliate-form-row-info .affiliate-form-row-info-links a {
        margin: 4px; } }

.affiliate-settings-form {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
  .affiliate-settings-form.denied-form .fun-button-bar {
    margin-bottom: 36px; }
  .affiliate-settings-form .fun-button-bar {
    margin-top: 16px; }
  .affiliate-settings-form .fun-button {
    margin-left: 12px; }
    .affiliate-settings-form .fun-button.approval-button {
      font-weight: bold;
      margin-left: 8px;
      display: flex;
      align-items: center; }
      .affiliate-settings-form .fun-button.approval-button i {
        color: white;
        animation: none; }

.affiliate-denied {
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #FB9C9C;
  margin-top: 16px;
  margin-bottom: 16px;
  color: #d23434; }

.affiliate-dashboard-container {
  padding-top: 0; }

.affiliate-overview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 16px 0 0 16px;
  margin-bottom: 8px; }
  @media (max-width: 860px) {
    .affiliate-overview-header {
      align-items: flex-start;
      flex-direction: column; }
      .affiliate-overview-header .affiliate-overview-header-links {
        display: flex;
        flex-direction: column;
        align-items: flex-start; }
        .affiliate-overview-header .affiliate-overview-header-links .affiliate-secondary-link {
          margin-bottom: 8px; } }
  .affiliate-overview-header .fun-button {
    background: #0078F8;
    color: white;
    font-weight: bold;
    margin: 0; }
  .affiliate-overview-header .affiliate-overview-header-links .affiliate-secondary-link {
    margin-right: 8px; }
    .affiliate-overview-header .affiliate-overview-header-links .affiliate-secondary-link:hover {
      cursor: pointer; }

.invite-affiliates-modal {
  max-width: 500px; }
  .invite-affiliates-modal p {
    font-size: 11pt;
    margin-bottom: 1em; }
  .invite-affiliates-modal .copy-area .copy-area-textarea {
    height: 20px;
    margin-top: 0; }

.dashboard-links-modal h3 {
  margin-bottom: 0;
  font-size: 15px;
  margin-left: 4px; }

.dashboard-links-modal .copy-area .copy-area-textarea {
  font-size: 13px;
  padding: 8px;
  margin-right: 8px;
  height: 17px; }

.dashboard-links-modal .copy-area .copy-area-button {
  padding: 8px 10px; }

.dashboard-links-modal .footnote {
  margin-top: 24px;
  color: #5e676e; }
  .dashboard-links-modal .footnote i {
    display: inline-block;
    margin-right: 4px; }

.affiliate-program-stats-overview .stats-section {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #dae4ec;
  padding: 32px 8px;
  margin-bottom: 16px; }

.affiliate-program-stats-overview .list-section {
  margin-top: 32px; }
  .affiliate-program-stats-overview .list-section .list-section-secondary {
    color: #5e676e;
    margin-bottom: 24px;
    max-width: 600px; }
  .affiliate-program-stats-overview .list-section .list-section-item {
    border-bottom: 1px solid #dae4ec;
    padding: 8px 0;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .affiliate-program-stats-overview .list-section .list-section-item a {
      text-decoration: none;
      color: inherit; }
      .affiliate-program-stats-overview .list-section .list-section-item a:hover {
        color: #0078F8;
        text-decoration: underline; }
    .affiliate-program-stats-overview .list-section .list-section-item .title {
      font-weight: bold; }
    .affiliate-program-stats-overview .list-section .list-section-item .subtitle {
      color: #5e676e; }

@media (max-width: 860px) {
  .affiliate-program-stats-overview .stats-section {
    flex-direction: column;
    align-items: flex-start; } }

@media (max-width: 860px) {
  .affiliate-program-stats-overview .affiliate-stat {
    border: none;
    margin: 8px;
    padding: 8px; }
    .affiliate-program-stats-overview .affiliate-stat:not(:first-child) {
      border: none; } }

.affiliate-stat {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 8px 16px;
  margin: auto; }
  .affiliate-stat:first-child {
    padding-left: 0; }
  .affiliate-stat:not(:first-child) {
    border-left: 1px solid #e8eef3; }
  .affiliate-stat.featured {
    color: #03a87c; }
    .affiliate-stat.featured .subtitle {
      color: #03a87c; }
  .affiliate-stat .title {
    font-size: 28pt;
    font-weight: bold; }
  .affiliate-stat .subtitle {
    color: #98a5af;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10pt; }

.affiliate-details-summary .stats-section {
  padding-top: 0; }

.affiliate-commission-details .commission-details-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 720px; }
  .affiliate-commission-details .commission-details-header h1 {
    display: flex;
    align-items: center; }
  .affiliate-commission-details .commission-details-header .fun-button-bar {
    flex-direction: row-reverse; }

.affiliate-commission-details .commission-details-footer {
  margin-top: 48px; }
  .affiliate-commission-details .commission-details-footer .fun-button-bar {
    max-width: 720px;
    justify-content: flex-end; }

.affiliate-commission-details .affiliate-secondary-link {
  margin-right: 16px; }

.affiliate-commission-details .commission-details-row {
  display: flex;
  margin-bottom: 8px; }
  .affiliate-commission-details .commission-details-row > :first-child {
    font-weight: bold;
    width: 200px;
    text-align: right;
    margin-right: 32px; }

.affiliate-manual-commission h1 {
  display: flex;
  align-items: center; }

.affiliate-manual-commission .affiliate-secondary-link {
  margin-right: 16px; }

.affiliate-manual-commission .fun-button-bar {
  flex-direction: row-reverse;
  flex-shrink: 0; }
  .affiliate-manual-commission .fun-button-bar i {
    margin-left: 8px; }

.affiliate-manual-commission #order-number {
  width: 200px;
  max-width: 200px; }

.affiliate-manual-commission .reward-discount-value-entry {
  display: flex;
  align-items: center; }
  .affiliate-manual-commission .reward-discount-value-entry input.amount-text {
    margin-left: 4px;
    width: auto;
    flex: 1; }
  .affiliate-manual-commission .reward-discount-value-entry .amount-prefix {
    font-weight: 600; }

.affiliate-manual-commission .synchronize-orders-manual-commission {
  display: flex;
  align-items: center;
  color: #5e676e;
  margin-top: 32px;
  border-top: 1px solid #e8eef3;
  border-radius: 8px;
  padding: 32px 16px 16px 16px;
  font-size: 10pt; }
  .affiliate-manual-commission .synchronize-orders-manual-commission .fun-button-bar {
    margin: auto; }

.affiliate-manual-commission .affiliate-form-row-info {
  padding-bottom: 16px;
  margin-bottom: 16px; }

.affiliate-manual-commission-explainer {
  display: flex;
  align-items: center;
  padding-bottom: 32px; }
  .affiliate-manual-commission-explainer p {
    margin-bottom: 16px; }
  .affiliate-manual-commission-explainer .left {
    flex: 1; }
    .affiliate-manual-commission-explainer .left img {
      height: 120px; }
  .affiliate-manual-commission-explainer .right {
    flex: 4;
    margin-left: 8px; }

.affiliate-details-commissions {
  margin-top: 64px;
  border-top: 1px solid #dae4ec;
  padding-top: 24px; }
  .affiliate-details-commissions .fun-button-bar {
    margin-top: 24px; }
    @media (max-width: 860px) {
      .affiliate-details-commissions .fun-button-bar {
        display: flex;
        flex-direction: column; }
        .affiliate-details-commissions .fun-button-bar button {
          width: 100%; } }
    .affiliate-details-commissions .fun-button-bar .fun-button {
      margin-left: 0;
      margin-right: 16px; }
      .affiliate-details-commissions .fun-button-bar .fun-button.mark-paid {
        font-weight: bold; }
      .affiliate-details-commissions .fun-button-bar .fun-button.mark-cancelled {
        background: #d23434; }
      .affiliate-details-commissions .fun-button-bar .fun-button.mark-unpaid {
        background: #5e676e; }
      .affiliate-details-commissions .fun-button-bar .fun-button.disabled {
        background: #98a5af; }
  .affiliate-details-commissions .affiliate-details-commissions-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 860px) {
      .affiliate-details-commissions .affiliate-details-commissions-header {
        flex-direction: column; }
        .affiliate-details-commissions .affiliate-details-commissions-header > div {
          margin-bottom: 16px; } }
    .affiliate-details-commissions .affiliate-details-commissions-header .affiliate-secondary-link {
      margin: auto 0; }
      .affiliate-details-commissions .affiliate-details-commissions-header .affiliate-secondary-link:not(:last-child) {
        margin-right: 8px; }
  .affiliate-details-commissions .affiliate-commission-row {
    display: flex;
    align-items: center;
    font-size: 11pt;
    padding: 16px 12px;
    border-bottom: 1px solid #e8eef3; }
    .affiliate-details-commissions .affiliate-commission-row .commission-value {
      font-weight: bold; }
    .affiliate-details-commissions .affiliate-commission-row .select-col {
      max-width: 36px;
      font-size: 16pt; }
      @media (max-width: 860px) {
        .affiliate-details-commissions .affiliate-commission-row .select-col {
          flex: none; } }
    .affiliate-details-commissions .affiliate-commission-row .type {
      flex: 1; }
    .affiliate-details-commissions .affiliate-commission-row .order-no, .affiliate-details-commissions .affiliate-commission-row .commission-value, .affiliate-details-commissions .affiliate-commission-row .order-total, .affiliate-details-commissions .affiliate-commission-row .created-at, .affiliate-details-commissions .affiliate-commission-row .status {
      flex: 2; }
    .affiliate-details-commissions .affiliate-commission-row.header-row {
      display: flex;
      background: #e8eef3;
      border-bottom: 2px solid #dae4ec;
      border-top: 2px solid #dae4ec;
      padding: 4px 12px;
      color: #5e676e;
      text-transform: uppercase;
      font-weight: 600;
      font-size: 9pt;
      align-items: center; }
    .affiliate-details-commissions .affiliate-commission-row > * {
      flex: 1; }
    @media (max-width: 860px) {
      .affiliate-details-commissions .affiliate-commission-row {
        flex-direction: column;
        align-items: flex-start; }
        .affiliate-details-commissions .affiliate-commission-row .affiliate-field {
          width: 90%;
          flex: unset; }
        .affiliate-details-commissions .affiliate-commission-row.header-row {
          align-items: flex-start; } }
  .affiliate-details-commissions .affiliate-field {
    display: flex;
    flex-direction: column;
    color: #342216;
    flex: 3;
    line-height: 1.5; }
    .affiliate-details-commissions .affiliate-field a {
      color: #342216;
      text-decoration: none; }
      .affiliate-details-commissions .affiliate-field a:hover {
        text-decoration: underline;
        color: #0078F8; }
    .affiliate-details-commissions .affiliate-field .name {
      font-size: 12pt;
      font-weight: bold; }
    .affiliate-details-commissions .affiliate-field .email {
      font-size: 11pt;
      color: #98a5af; }
      .affiliate-details-commissions .affiliate-field .email i {
        vertical-align: middle; }
  .affiliate-details-commissions .commission-status-field span {
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block; }
    .affiliate-details-commissions .commission-status-field span.none {
      background: #e8eef3;
      color: #5e676e; }
    .affiliate-details-commissions .commission-status-field span.unpaid {
      background: #0078F8;
      color: white; }
    .affiliate-details-commissions .commission-status-field span.paid {
      background: #03a87c;
      color: white; }
    .affiliate-details-commissions .commission-status-field span.cancelled {
      background: #d23434;
      color: white; }

.affiliate-unpaid-commissions-overview {
  margin-bottom: 32px;
  padding: 16px;
  border-radius: 4px; }
  .affiliate-unpaid-commissions-overview .affiliate-details-commissions {
    margin-top: 0;
    border-top: none; }

.affiliate-settings-container .affiliate-form-row .affiliate-custom-image-upload-container {
  width: 100%; }
  .affiliate-settings-container .affiliate-form-row .affiliate-custom-image-upload-container label {
    flex: unset;
    margin: unset; }

.affiliate-customize-header {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.affiliate-secondary-link, .affiliate-secondary-link:visited {
  color: white;
  background: #0078F8;
  font-weight: bold;
  padding: 6px 18px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 10pt;
  transition: all 0.1s ease; }
  .affiliate-secondary-link.gray-link, .affiliate-secondary-link:visited.gray-link {
    background: #e8eef3;
    color: #5e676e; }
    .affiliate-secondary-link.gray-link:hover, .affiliate-secondary-link:visited.gray-link:hover {
      background: #dae4ec; }
  .affiliate-secondary-link.red-link, .affiliate-secondary-link:visited.red-link {
    background: #d23434;
    color: white; }
    .affiliate-secondary-link.red-link:hover, .affiliate-secondary-link:visited.red-link:hover {
      background: #d23434; }
  .affiliate-secondary-link.animated-link, .affiliate-secondary-link:visited.animated-link {
    animation: slide-down 0.2s ease; }
  .affiliate-secondary-link:hover, .affiliate-secondary-link:focus, .affiliate-secondary-link:visited:hover, .affiliate-secondary-link:visited:focus {
    transform: scale(1.025); }
  .affiliate-secondary-link i, .affiliate-secondary-link:visited i {
    display: inline-block;
    margin-right: 8px; }
  .affiliate-secondary-link.right-icon i, .affiliate-secondary-link:visited.right-icon i {
    margin-left: 8px;
    margin-right: 0; }

.affiliate-link-method {
  margin-top: 72px; }

.default-affiliate-link .inline-url {
  padding: 8px 0;
  margin: 0;
  align-self: stretch; }
  .default-affiliate-link .inline-url span {
    color: #342216;
    margin-left: 0; }

.default-affiliate-link .affiliate-form-row {
  font-size: 10pt; }
  .default-affiliate-link .affiliate-form-row label {
    color: #5e676e; }
  .default-affiliate-link .affiliate-form-row.big-label label {
    color: #342216; }

.default-affiliate-link .affiliate-form-row-info.no-border {
  border-bottom: none; }

.default-affiliate-link .affiliate-form-row-info.main-info {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
  color: #342216; }

.default-affiliate-link .custom-destination-info {
  margin-top: 16px; }

.default-affiliate-link .custom-destination-message-row {
  padding-bottom: 64px; }

.affiliate-form-row-secondary-label {
  color: #5e676e; }

.tracking-methods {
  margin-top: 72px; }

.affiliate-links-summary {
  max-width: 600px;
  margin-top: 64px; }

.affiliate-promotion-item {
  border: 1px solid #e8eef3;
  border-radius: 4px;
  margin-bottom: 16px; }
  .affiliate-promotion-item .affiliate-promotion-item-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e8eef3;
    padding: 0 16px;
    padding-bottom: 16px;
    margin-bottom: 16px; }
    .affiliate-promotion-item .affiliate-promotion-item-row.has-message {
      border-bottom: none;
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0; }
    .affiliate-promotion-item .affiliate-promotion-item-row:last-child {
      border-bottom: none;
      margin-bottom: 0; }
    .affiliate-promotion-item .affiliate-promotion-item-row.commission-info {
      border-bottom: none;
      background: #e8eef3;
      padding: 16px;
      text-align: left;
      border-radius: 2px 2px 0 0; }
      .affiliate-promotion-item .affiliate-promotion-item-row.commission-info > span {
        font-size: 14pt;
        flex: 1; }
        .affiliate-promotion-item .affiliate-promotion-item-row.commission-info > span:nth-child(2) {
          text-align: right; }
    .affiliate-promotion-item .affiliate-promotion-item-row > * {
      flex: 1; }
    .affiliate-promotion-item .affiliate-promotion-item-row > span {
      flex: unset;
      width: 120px;
      font-weight: bold;
      font-size: 12pt;
      border-right: 1px solid #e8eef3; }
    .affiliate-promotion-item .affiliate-promotion-item-row .copy-area .copy-area-textarea {
      height: 20px;
      margin: auto;
      margin-right: 8px;
      background: white;
      border: none;
      text-align: right;
      overflow: hidden; }
    .affiliate-promotion-item .affiliate-promotion-item-row .copy-area .copy-area-button {
      display: flex;
      align-items: center;
      padding: 8px 10px; }
      .affiliate-promotion-item .affiliate-promotion-item-row .copy-area .copy-area-button i {
        margin-right: 4px; }
      .affiliate-promotion-item .affiliate-promotion-item-row .copy-area .copy-area-button:hover, .affiliate-promotion-item .affiliate-promotion-item-row .copy-area .copy-area-button:focus {
        transform: none;
        background: #dae4ec; }
    .affiliate-promotion-item .affiliate-promotion-item-row.message-row {
      justify-content: flex-end; }
      .affiliate-promotion-item .affiliate-promotion-item-row.message-row p {
        padding: 4px;
        border-radius: 16px;
        color: #5e676e;
        font-weight: 600;
        font-size: 10pt; }
        .affiliate-promotion-item .affiliate-promotion-item-row.message-row p i {
          display: inline-block;
          margin-right: 4px; }
    @media (max-width: 860px) {
      .affiliate-promotion-item .affiliate-promotion-item-row {
        flex-direction: column;
        align-items: flex-start; }
        .affiliate-promotion-item .affiliate-promotion-item-row.commission-info {
          flex-direction: row; }
        .affiliate-promotion-item .affiliate-promotion-item-row > span {
          border: none; }
        .affiliate-promotion-item .affiliate-promotion-item-row .copy-area {
          width: 100%;
          box-sizing: border-box; }
        .affiliate-promotion-item .affiliate-promotion-item-row .copy-area .copy-area-textarea {
          text-align: left;
          padding: 0;
          margin: auto; } }

.fa-dollar-sign {
  margin-right: 4px;
  color: #03a87c;
  font-size: 0.85em; }
  .fa-dollar-sign.fa-dollar-sign-white {
    color: white;
    background-color: inherit;
    margin-right: 8px;
    font-size: 1em; }

.fa-paypal {
  font-weight: 400;
  margin-right: 4px;
  color: #003087; }
  .fa-paypal.fa-paypal-white {
    color: white; }

.customize-row {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
  padding-bottom: 32px; }
  .customize-row:not(:last-child) {
    border-bottom: 1px solid #dae4ec; }
  .customize-row .left {
    width: 100px; }
    .customize-row .left img {
      width: 100%; }
  .customize-row .right {
    padding: 8px;
    margin-left: 16px;
    margin-right: 16px;
    max-width: 400px; }
    .customize-row .right h2 {
      margin-top: 0;
      margin-bottom: 0; }
    .customize-row .right .affiliate-secondary-link {
      display: inline-block;
      margin-top: 12px; }
  .customize-row .affiliate-secondary-link.right-icon {
    padding: 10px 25px;
    font-size: 11pt; }
    .customize-row .affiliate-secondary-link.right-icon i {
      font-size: 8pt;
      vertical-align: middle; }

.affiliate-customize-navbar, .affiliate-configure-navbar, .affiliate-settings-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e8eef3;
  padding-bottom: 8px;
  margin-bottom: 16px; }
  .affiliate-customize-navbar .fun-button-bar, .affiliate-configure-navbar .fun-button-bar, .affiliate-settings-navbar .fun-button-bar {
    margin: auto 0;
    flex-direction: row-reverse; }
  .affiliate-customize-navbar .affiliate-secondary-link, .affiliate-configure-navbar .affiliate-secondary-link, .affiliate-settings-navbar .affiliate-secondary-link {
    margin: auto 0; }

.affiliate-navbar-inline-header {
  display: flex;
  align-items: center; }
  .affiliate-navbar-inline-header h1 {
    padding-top: 4px; }
  .affiliate-navbar-inline-header .affiliate-secondary-link {
    margin-right: 16px; }
    .affiliate-navbar-inline-header .affiliate-secondary-link i {
      margin-right: 0; }

.affiliate-program-email-page .template-editor .editor-header .fun-button.primary {
  background: #0078F8; }

.affiliate-program-email-page .template-editor .editor-header a {
  color: #0078F8;
  border-color: #0078F8; }
  .affiliate-program-email-page .template-editor .editor-header a:hover {
    color: white;
    background: #0078F8; }

.simple-color-input {
  display: flex;
  align-items: center; }
  .simple-color-input span {
    width: 30px;
    border: 2px solid #e8eef3;
    border-radius: 4px;
    height: 30px;
    box-sizing: border-box; }

.affiliate-dashboard-terms-and-conditions {
  margin-top: 24px;
  display: flex;
  align-items: center; }
  .affiliate-dashboard-terms-and-conditions input[type="checkbox"] {
    display: inline-block;
    margin: 0px 5px 0 0; }
  .affiliate-dashboard-terms-and-conditions label {
    display: inline-block;
    margin: 0; }
  .affiliate-dashboard-terms-and-conditions a {
    color: var(--affiliateThemeSecondaryLabelColor); }
    .affiliate-dashboard-terms-and-conditions a:visited {
      color: var(--affiliateThemeSecondaryLabelColor); }
    .affiliate-dashboard-terms-and-conditions a:hover {
      color: var(--affiliateThemePrimaryLabelColor); }

.affiliate-dashboard-message-container {
  padding: 16px;
  margin-bottom: 36px;
  border: 1px solid var(--affiliateThemeBorderColor);
  border-radius: var(--affiliateThemeBorderRadius); }
  .affiliate-dashboard-message-container .affiliate-dashboard-links-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 12px; }
    .affiliate-dashboard-message-container .affiliate-dashboard-links-container a, .affiliate-dashboard-message-container .affiliate-dashboard-links-container a:visited {
      margin: 4px 20px 4px 0;
      color: var(--affiliateThemePrimaryAccentColor);
      transition: all 0.2s ease; }
      .affiliate-dashboard-message-container .affiliate-dashboard-links-container a:last-child, .affiliate-dashboard-message-container .affiliate-dashboard-links-container a:visited:last-child {
        margin-right: 0; }
      .affiliate-dashboard-message-container .affiliate-dashboard-links-container a:hover, .affiliate-dashboard-message-container .affiliate-dashboard-links-container a:visited:hover {
        transform: scale(1.025); }

.affiliate-feature-barrier-container.active {
  margin-bottom: 16px; }

.upgrade-modal-container.affiliate-upgrade-modal-container {
  font-size: 11pt; }
  .upgrade-modal-container.affiliate-upgrade-modal-container .upgrade-lead {
    font-size: 11pt; }
  .upgrade-modal-container.affiliate-upgrade-modal-container h1 {
    font-size: 14pt; }
  .upgrade-modal-container.affiliate-upgrade-modal-container .upgrade-pricing-grid .plan img {
    height: 120px; }
  .upgrade-modal-container.affiliate-upgrade-modal-container .upgrade-pricing-grid .plan h3 {
    font-size: 11pt;
    color: #5e676e; }
  .upgrade-modal-container.affiliate-upgrade-modal-container .upgrade-pricing-grid .plan ul {
    font-size: 10pt; }

.affiliate-current-plan-label {
  text-align: center;
  font-weight: bold;
  background: #dae4ec;
  color: #5e676e;
  border-radius: 4px;
  padding: 4px 8px; }

.affiliate-dashboard-icon-image.with-margin {
  margin-top: 24px; }

.affiliate-dashboard-pending {
  display: flex;
  align-items: center;
  padding: 16px;
  border: 1px solid var(--affiliateThemeBorderColor);
  border-radius: var(--affiliateThemeBorderRadius); }
  .affiliate-dashboard-pending .left {
    flex: 1; }
  .affiliate-dashboard-pending .right {
    flex: 3;
    margin-left: 30px; }
  .affiliate-dashboard-pending img {
    width: 100%;
    box-sizing: border; }
  .affiliate-dashboard-pending p {
    margin-bottom: 16px; }
  @media (max-width: 860px) {
    .affiliate-dashboard-pending {
      flex-direction: column; }
      .affiliate-dashboard-pending img {
        height: 120px;
        width: auto;
        margin: auto; }
      .affiliate-dashboard-pending .left {
        flex: unset;
        margin-top: 16px; }
      .affiliate-dashboard-pending .right {
        flex: unset;
        margin: 8px; } }

.affiliate-products-explainer {
  display: flex;
  align-items: center; }
  .affiliate-products-explainer p {
    margin-bottom: 16px; }
  .affiliate-products-explainer .left {
    flex: 1; }
    .affiliate-products-explainer .left img {
      height: 120px; }
  .affiliate-products-explainer .right {
    flex: 3;
    margin-left: 32px; }

.subscription-products-list textarea {
  display: flex;
  width: 100%;
  border: 1px solid #dae4ec;
  padding: 8px;
  border-radius: 4px;
  font-size: 11pt;
  line-height: 1.5;
  min-height: 150px;
  resize: vertical; }
  .subscription-products-list textarea:focus {
    border: 1px solid #009688; }

.product-commission-table {
  width: 100%; }
  .product-commission-table .product-commission-new-row {
    display: flex;
    justify-content: center; }
  .product-commission-table .product-commission-row-container {
    border-bottom: 1px solid #e8eef3;
    margin-bottom: 16px;
    padding-bottom: 24px; }
  .product-commission-table .product-commission-row {
    display: flex;
    align-items: center; }
    .product-commission-table .product-commission-row.product-commission-header-row {
      font-weight: bold; }
      .product-commission-table .product-commission-row.product-commission-header-row .commission-type {
        padding-left: 16px; }
    .product-commission-table .product-commission-row .product-name {
      flex: 2;
      margin-right: 32px; }
    .product-commission-table .product-commission-row .commission-type, .product-commission-table .product-commission-row .commission-amount {
      flex: 1; }
    .product-commission-table .product-commission-row .commission-delete {
      flex: 0; }
      .product-commission-table .product-commission-row .commission-delete .commission-delete-button {
        opacity: 0.5; }
        .product-commission-table .product-commission-row .commission-delete .commission-delete-button:hover, .product-commission-table .product-commission-row .commission-delete .commission-delete-button:focus {
          cursor: pointer;
          opacity: 1; }
    .product-commission-table .product-commission-row .reward-discount-value-entry {
      display: flex;
      align-items: center; }
      .product-commission-table .product-commission-row .reward-discount-value-entry input.amount-text {
        margin: 4px;
        width: 60px;
        text-align: right; }
      .product-commission-table .product-commission-row .reward-discount-value-entry .amount-code {
        font-weight: 600;
        padding-top: 4px; }
      .product-commission-table .product-commission-row .reward-discount-value-entry .prefix {
        font-weight: 600;
        padding-top: 4px; }
  .product-commission-table .product-commission-affiliate-selection-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0px;
    margin-right: 16px;
    margin-left: 8px;
    justify-content: space-between;
    max-width: 290px; }
    .product-commission-table .product-commission-affiliate-selection-row > p {
      color: #5e676e; }
  .product-commission-table .product-commission-no-restrictions {
    display: flex;
    align-items: center; }
    .product-commission-table .product-commission-no-restrictions p {
      margin-right: 8px;
      flex: 1;
      color: #5e676e; }
    .product-commission-table .product-commission-no-restrictions a {
      padding: 5px 10px; }
      .product-commission-table .product-commission-no-restrictions a i {
        margin-right: 0; }

#js-modal .modal-box .product-commission-restriction-modal + button.close,
#js-modal .modal-box .product-commission-restriction-modal + button.close + button.save {
  position: absolute;
  top: 5px;
  right: 50px;
  padding: 4px 8px;
  border-radius: 4px; }
  #js-modal .modal-box .product-commission-restriction-modal + button.close.save,
  #js-modal .modal-box .product-commission-restriction-modal + button.close + button.save.save {
    right: 0px;
    background: #0078F8; }

.affiliate-products-navbar .right-items {
  display: flex;
  align-items: center; }

.product-commissions-list .affiliate-form-row-info {
  margin-top: 36px; }

.product-commission-restriction-modal {
  height: 70vh;
  width: 440px;
  min-height: 200px;
  overflow-y: scroll; }
  .product-commission-restriction-modal .restriction-error-message {
    color: #d23434; }
  .product-commission-restriction-modal.loading-active-restrictions div {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .product-commission-restriction-modal h2 {
    margin: 4px; }
  .product-commission-restriction-modal .product-commission-restriction-table {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    position: relative; }
  .product-commission-restriction-modal .product-commission-restriction-search-container {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    background-color: white;
    padding-bottom: 8px;
    border-bottom: 1px solid #dae4ec; }
  .product-commission-restriction-modal .product-commission-restriction-input {
    border: 1px solid #dae4ec;
    border-radius: 4px;
    margin: 0;
    width: 340px;
    box-sizing: border-box; }
    .product-commission-restriction-modal .product-commission-restriction-input:focus {
      border-color: #98a5af;
      transform: none; }
      .product-commission-restriction-modal .product-commission-restriction-input:focus.has-results {
        border-bottom: 1px solid #98a5af; }
    .product-commission-restriction-modal .product-commission-restriction-input.has-results {
      margin-bottom: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0; }
  .product-commission-restriction-modal .product-commission-restriction-results {
    border: 1px solid #dae4ec;
    border-top: none;
    border-radius: 0 0 4px 4px;
    width: 340px;
    box-sizing: border-box;
    position: absolute;
    background: white;
    box-shadow: 2px 2px 2px rgba(127, 127, 127, 0.1);
    max-height: 160px;
    overflow-y: scroll; }
    .product-commission-restriction-modal .product-commission-restriction-results.no-results {
      border: none;
      box-shadow: none; }
    .product-commission-restriction-modal .product-commission-restriction-results .result-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px; }
      .product-commission-restriction-modal .product-commission-restriction-results .result-row.highlighted, .product-commission-restriction-modal .product-commission-restriction-results .result-row:hover {
        background: #e8eef3;
        cursor: pointer; }
        .product-commission-restriction-modal .product-commission-restriction-results .result-row.highlighted span:nth-child(2), .product-commission-restriction-modal .product-commission-restriction-results .result-row:hover span:nth-child(2) {
          color: #5e676e; }
      .product-commission-restriction-modal .product-commission-restriction-results .result-row span:nth-child(1) {
        font-weight: 600; }
      .product-commission-restriction-modal .product-commission-restriction-results .result-row span:nth-child(2) {
        color: #98a5af;
        margin-left: 8px; }
  .product-commission-restriction-modal .product-commission-restriction-active-restrictions {
    margin-top: 8px;
    padding-top: 4px; }
    .product-commission-restriction-modal .product-commission-restriction-active-restrictions .active-restriction-row {
      display: flex;
      align-items: center;
      padding: 4px;
      justify-content: space-between;
      margin-bottom: 12px; }
      .product-commission-restriction-modal .product-commission-restriction-active-restrictions .active-restriction-row .active-restriction-names {
        display: flex;
        flex-direction: column;
        line-height: 1.2; }
        .product-commission-restriction-modal .product-commission-restriction-active-restrictions .active-restriction-row .active-restriction-names span:first-child {
          font-weight: 600; }
        .product-commission-restriction-modal .product-commission-restriction-active-restrictions .active-restriction-row .active-restriction-names span:nth-child(2) {
          color: #98a5af; }
      .product-commission-restriction-modal .product-commission-restriction-active-restrictions .active-restriction-row .restriction-delete {
        flex: 0; }
        .product-commission-restriction-modal .product-commission-restriction-active-restrictions .active-restriction-row .restriction-delete .restriction-delete-button {
          display: block;
          transition: all 0.1s ease; }
          .product-commission-restriction-modal .product-commission-restriction-active-restrictions .active-restriction-row .restriction-delete .restriction-delete-button i {
            color: #5e676e; }
          .product-commission-restriction-modal .product-commission-restriction-active-restrictions .active-restriction-row .restriction-delete .restriction-delete-button:hover, .product-commission-restriction-modal .product-commission-restriction-active-restrictions .active-restriction-row .restriction-delete .restriction-delete-button:focus {
            transform: scale(1.1);
            cursor: pointer; }
            .product-commission-restriction-modal .product-commission-restriction-active-restrictions .active-restriction-row .restriction-delete .restriction-delete-button:hover i, .product-commission-restriction-modal .product-commission-restriction-active-restrictions .active-restriction-row .restriction-delete .restriction-delete-button:focus i {
              color: #342216; }
  .product-commission-restriction-modal .active-restrictions-empty {
    color: #5e676e;
    background: #e8eef3;
    border-radius: 4px;
    padding: 8px;
    text-align: center;
    margin: 8px; }

.delete-object-section {
  margin-bottom: 48px; }
  .delete-object-section p {
    margin-bottom: 16px; }
  .delete-object-section .fun-button-bar .fun-button:first-child {
    margin-left: 0; }
  .delete-object-section .delete-buttons-container .are-you-sure {
    margin-top: 16px;
    padding: 16px;
    background: #e8eef3;
    border-radius: 8px; }
    .delete-object-section .delete-buttons-container .are-you-sure p {
      margin-bottom: 0; }

.little-break {
  height: 1px;
  margin: 32px 16px;
  background: #dae4ec; }

.extra-setup-info-label.descriptive-label {
  margin: 16px;
  border-radius: 4px;
  color: #757575;
  background: #f2f2f2;
  padding: 16px 24px; }
  .extra-setup-info-label.descriptive-label i {
    margin-right: 6px; }

.affiliate-program-connection .connection-next-step {
  text-align: center;
  margin-top: 48px;
  animation: slide-down 0.2s ease;
  margin-bottom: 72px; }
  .affiliate-program-connection .connection-next-step p {
    font-size: 14pt;
    margin-bottom: 16px; }
  .affiliate-program-connection .connection-next-step .fun-button-bar {
    justify-content: center; }
  .affiliate-program-connection .connection-next-step a {
    text-decoration: none; }

.affiliate-preview-links-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 24px 0;
  padding: 16px 4px;
  border-bottom: 1px solid #e8eef3; }
  .affiliate-preview-links-row > a {
    margin: auto 16px; }
  .affiliate-preview-links-row > p {
    flex: 1;
    font-weight: 600;
    font-size: 12pt; }

.program-mode-container {
  margin-top: 64px;
  margin-bottom: 64px; }
  .program-mode-container p {
    max-width: 460px;
    margin: 16px auto;
    padding: 16px 8px;
    border-radius: 4px;
    text-align: center; }
  .program-mode-container .is-live {
    background: #03a87c;
    color: white; }
  .program-mode-container .preview-mode {
    background: #e8eef3;
    color: #5e676e; }
  .program-mode-container .fun-button-bar {
    justify-content: center; }
  .program-mode-container .fun-button {
    font-size: 14pt;
    font-weight: bold;
    padding: 12px 36px; }
  .program-mode-container .need-payment-method p {
    margin: 8px auto;
    padding: 0; }
  .program-mode-container .need-payment-method .fun-button-bar {
    margin-top: 16px; }
  .program-mode-container .need-payment-method .fun-button {
    font-size: 11pt;
    border-radius: 4px;
    background: #0078F8;
    text-decoration: none; }

.affiliate-having-trouble {
  padding: 16px;
  border-left: 2px solid #dae4ec;
  margin: 16px 0;
  color: #5e676e; }
  .affiliate-having-trouble a, .affiliate-having-trouble a:visited {
    color: #009688; }

.require-terms-and-conditions-container {
  margin-top: 24px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e8eef3; }

.affiliate-dashboard-links-editor {
  margin-bottom: 48px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e8eef3; }
  .affiliate-dashboard-links-editor .edit-affiliate-custom-fields-rows {
    margin-bottom: 16px; }

.edit-affiliate-custom-fields .custom-fields-warning {
  margin-bottom: 24px; }
  .edit-affiliate-custom-fields .custom-fields-warning i {
    color: #d23434; }
  .edit-affiliate-custom-fields .custom-fields-warning strong {
    color: #d23434;
    display: inline-block;
    margin-right: 8px; }

.edit-affiliate-custom-fields .edit-custom-field-delete {
  flex: 0;
  margin-left: 4px; }
  .edit-affiliate-custom-fields .edit-custom-field-delete .edit-custom-field-delete-button {
    opacity: 0.5; }
    .edit-affiliate-custom-fields .edit-custom-field-delete .edit-custom-field-delete-button:hover, .edit-affiliate-custom-fields .edit-custom-field-delete .edit-custom-field-delete-button:focus {
      cursor: pointer;
      opacity: 1; }

.edit-affiliate-custom-fields .affiliate-form-row.edit-custom-field-is-required-row {
  justify-content: flex-end;
  margin-top: -8px;
  padding-right: 16px;
  padding-bottom: 24px; }
  .edit-affiliate-custom-fields .affiliate-form-row.edit-custom-field-is-required-row label {
    flex: 0;
    margin-right: 8px;
    color: #5e676e; }

.affiliate-custom-links {
  margin: 16px 0; }
  .affiliate-custom-links .fun-button-bar {
    margin-top: 0; }
  .affiliate-custom-links .error {
    color: var(--affiliateThemeDangerColor);
    margin: 4px; }
  .affiliate-custom-links label {
    color: var(--affiliateThemeSecondaryLabelColor); }
  .affiliate-custom-links .generate-new-link {
    max-width: 600px;
    margin-top: 64px;
    box-sizing: border-box;
    border: 1px solid var(--affiliateThemeBackgroundColor);
    border-radius: var(--affiliateThemeBorderRadius);
    padding: 16px; }
  .affiliate-custom-links .affiliate-secondary-link {
    margin: 16px 0;
    padding: 10px 18px; }
  .affiliate-custom-links .generate-header {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .affiliate-custom-links .generate-header a {
      text-decoration: none;
      margin-right: 24px;
      color: var(--affiliateThemeSecondaryLabelColor); }
      .affiliate-custom-links .generate-header a:hover {
        color: var(--affiliateThemePrimaryLabelColor); }
  .affiliate-custom-links .generate-result {
    margin: 16px 0; }
    .affiliate-custom-links .generate-result p {
      font-weight: bold;
      margin-bottom: 8px; }
    .affiliate-custom-links .generate-result .copy-area .copy-area-textarea {
      height: 28px;
      margin: 0 8px 0 0; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

.prelaunch-settings-milestones .affiliate-products-explainer {
  margin-bottom: 32px; }

.prelaunch-settings-milestones .prelaunch-milestone-image-upload-container {
  flex: 3; }

.prelaunch-settings-milestones .collapse-milestone {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 2px solid #dae4ec;
  padding: 8px 16px;
  border-radius: 8px;
  margin-bottom: 16px; }
  .prelaunch-settings-milestones .collapse-milestone .collapse-milestone-info {
    display: flex;
    align-items: center; }
    .prelaunch-settings-milestones .collapse-milestone .collapse-milestone-info > div {
      margin-left: 16px;
      margin-right: 16px; }
    .prelaunch-settings-milestones .collapse-milestone .collapse-milestone-info h2 {
      line-height: 1.2;
      margin-bottom: 0; }
    .prelaunch-settings-milestones .collapse-milestone .collapse-milestone-info h3 {
      line-height: 1.2;
      color: #5e676e;
      margin-right: 16px;
      margin-top: 4px;
      font-weight: 600; }
  .prelaunch-settings-milestones .collapse-milestone .collapse-milestone-action {
    flex-shrink: 0; }

.edit-prelaunch-milestones-rows .edit-prelaunch-milestone-row {
  border-radius: 8px;
  margin-bottom: 36px;
  border: 2px solid #dae4ec;
  padding-top: 16px; }
  .edit-prelaunch-milestones-rows .edit-prelaunch-milestone-row .affiliate-form-row {
    padding-left: 16px;
    padding-right: 16px; }
  .edit-prelaunch-milestones-rows .edit-prelaunch-milestone-row .action-row {
    justify-content: space-between; }

.edit-prelaunch-milestones-rows .prelaunch-milestone-subsettings {
  border-top: 2px solid #dae4ec;
  background: #f4f7f9;
  padding: 16px;
  border-radius: 0 0 6px 6px; }

.prelaunch-settings-custom-fields .custom-fields-lead {
  margin-bottom: 24px; }

.milestone-create-manual-reward {
  margin-top: 48px;
  border: 2px solid #dae4ec;
  background: #f4f7f9;
  padding: 16px;
  border-radius: 6px;
  max-width: 600px;
  box-sizing: border-box;
  font-size: 12pt; }
  .milestone-create-manual-reward h3 {
    font-weight: 600;
    font-size: 12pt;
    margin: 0; }
  .milestone-create-manual-reward p {
    color: #5e676e;
    font-size: 11pt;
    margin-bottom: 8px; }
  .milestone-create-manual-reward > div {
    display: flex;
    align-items: center; }
    .milestone-create-manual-reward > div .fun-select select {
      margin-left: 0; }
    .milestone-create-manual-reward > div .affiliate-secondary-link {
      padding: 10px 16px;
      margin-right: 8px;
      margin-left: 8px; }

.milestone-reward-status {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 9pt;
  border-radius: 4px;
  color: white;
  background: #0078F8;
  padding: 4px 8px; }
  .milestone-reward-status.MILESTONE_REWARD_FULFILLED {
    background: #03a87c; }
  .milestone-reward-status.MILESTONE_REWARD_CANCELLED {
    background: #d23434; }

.prelaunch-list-reward, .prelaunch-list-subscriber {
  max-width: 600px; }

.prelaunch-subscriber-details-fields {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 36px;
  margin-bottom: 36px;
  font-size: 12pt; }
  .prelaunch-subscriber-details-fields .prelaunch-subscriber-details-column {
    width: 33%;
    box-sizing: border-box; }
  .prelaunch-subscriber-details-fields h4 {
    margin: 0; }
  .prelaunch-subscriber-details-fields .prelaunch-subscriber-details-item {
    margin-bottom: 16px; }
    .prelaunch-subscriber-details-fields .prelaunch-subscriber-details-item .subtitle {
      text-transform: uppercase;
      font-size: 10pt;
      font-weight: 600;
      color: #98a5af; }
    .prelaunch-subscriber-details-fields .prelaunch-subscriber-details-item .title {
      font-weight: bold; }
    .prelaunch-subscriber-details-fields .prelaunch-subscriber-details-item .hint {
      display: block;
      font-weight: 400;
      color: #5e676e;
      font-size: 10pt; }
    .prelaunch-subscriber-details-fields .prelaunch-subscriber-details-item a, .prelaunch-subscriber-details-fields .prelaunch-subscriber-details-item a:visited {
      color: #0078F8; }
    .prelaunch-subscriber-details-fields .prelaunch-subscriber-details-item .copy-area .copy-area-textarea {
      opacity: 0;
      width: 0;
      height: 0;
      margin: 0;
      flex: 0;
      padding: 0; }
    .prelaunch-subscriber-details-fields .prelaunch-subscriber-details-item .copy-area .copy-area-button {
      flex: 0;
      display: flex;
      flex-direction: row;
      align-items: center;
      margin: 0; }
      .prelaunch-subscriber-details-fields .prelaunch-subscriber-details-item .copy-area .copy-area-button i {
        margin-right: 4px; }
    .prelaunch-subscriber-details-fields .prelaunch-subscriber-details-item .milestone-reward-status {
      display: inline-block; }
  @media (max-width: 860px) {
    .prelaunch-subscriber-details-fields .prelaunch-subscriber-details-column {
      width: 100%; } }

.subscriber-check-field {
  margin-bottom: 4px;
  margin-left: 4px; }
  .subscriber-check-field i {
    display: inline-block;
    margin-right: 4px; }
  .subscriber-check-field .fa-check-circle {
    color: #03a87c; }
  .subscriber-check-field .fa-times-circle {
    color: #d23434; }
  .subscriber-check-field .hint {
    color: #5e676e;
    font-size: 10pt;
    margin-bottom: 8px;
    margin-top: -4px; }

.prelaunch-details-stats h2 {
  margin-top: 48px; }

.prelaunch-details-stats .prelaunch-stat {
  margin-left: 0; }

.failed-referral-status {
  font-size: 10pt; }

@media (max-width: 860px) {
  .affiliate-program-stats-overview .list-section .list-section-item.excluded-referral-row {
    flex-direction: column;
    align-items: flex-start; }
    .affiliate-program-stats-overview .list-section .list-section-item.excluded-referral-row .failed-referral-status {
      margin-top: 16px; } }

.reward-name, .reward-subscriber, .reward-date, .reward-status {
  flex: 1;
  padding: 4px; }

.affiliate-list-row .reward-name {
  font-weight: bold; }

.affiliate-list-row .reward-status {
  display: flex; }

.prelaunch-rewards-action-row {
  padding: 8px 0; }
  .prelaunch-rewards-action-row.has-content {
    background: #e8eef3;
    border-bottom: 2px solid #dae4ec;
    border-top: 2px solid #dae4ec; }
  .prelaunch-rewards-action-row.prelaunch-rewards-details-action-row {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .prelaunch-rewards-action-row .fun-button-bar {
    animation: slide-down 0.2s ease;
    margin-left: 12px;
    font-size: 10pt; }
    .prelaunch-rewards-action-row .fun-button-bar .fun-button {
      margin-left: 4px;
      margin-right: 4px;
      padding: 5px 10px;
      border-radius: 4px; }
      .prelaunch-rewards-action-row .fun-button-bar .fun-button.mark-cancelled {
        background: #d23434; }
      .prelaunch-rewards-action-row .fun-button-bar .fun-button.mark-pending {
        background: #5e676e; }
      .prelaunch-rewards-action-row .fun-button-bar .fun-button.disabled {
        background: #98a5af; }

.prelaunch-stats-overview .affiliate-stat {
  margin-left: 24px; }

:root {
  --gambit-theme-color: #3F51B5; }

:root {
  --affiliateThemePrimaryAccentColor: #0078F8;
  --affiliateThemeSecondaryAccentColor: #7F50C5;
  --affiliateThemePrimaryLabelColor: #222222;
  --affiliateThemeSecondaryLabelColor: #9e9e9e;
  --affiliateThemeBackgroundColor: #e8eef3;
  --affiliateThemeBorderColor: #C2C7CB;
  --affiliateThemeDangerColor: #d23434;
  --affiliateThemeContentBackgroundColor: white;
  --affiliateThemeContentBoxShadow: 0 0 2px rgba(127, 127, 127, 0.3);
  --affiliateThemeBorderRadius: 4px;
  --affiliateThemeFontFamily: $font-sans;
  --affiliateThemeFontSize: 12pt; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-right {
  0% {
    opacity: 0;
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(20px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute; }

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #FEC066; }

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #FEC066;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #44331a;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold; }

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px; }

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent; }

.ribbon-top-left::before {
  top: 0;
  right: 0; }

.ribbon-top-left::after {
  bottom: 0;
  left: 0; }

.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg); }

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px; }

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent; }

.ribbon-top-right::before {
  top: 0;
  left: 0; }

.ribbon-top-right::after {
  bottom: 0;
  right: 0; }

.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg); }

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px; }

.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent; }

.ribbon-bottom-left::before {
  bottom: 0;
  right: 0; }

.ribbon-bottom-left::after {
  top: 0;
  left: 0; }

.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg); }

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px; }

.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent; }

.ribbon-bottom-right::before {
  bottom: 0;
  left: 0; }

.ribbon-bottom-right::after {
  top: 0;
  right: 0; }

.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg); }

.email-subscription-page {
  padding: 16px;
  max-width: 480px;
  margin: 48px auto;
  font-size: 15px; }
  .email-subscription-page p {
    margin-top: 16px;
    margin-bottom: 16px; }
  .email-subscription-page .fun-button-bar .fun-button {
    margin-left: 0; }
  .email-subscription-page .footnote {
    margin-top: 48px;
    font-size: 14px;
    color: #5e676e; }
  .email-subscription-page .home-link {
    display: block;
    text-decoration: none;
    line-height: 24px;
    margin-top: 64px;
    color: #5e676e;
    font-weight: bold;
    font-size: 13px;
    text-align: center; }
    .email-subscription-page .home-link img {
      display: inline-block;
      width: 24px;
      height: 24px;
      vertical-align: middle;
      margin-top: 3px; }
    .email-subscription-page .home-link span {
      display: inline-block;
      vertical-align: middle;
      font-size: 12pt;
      margin-top: 10px; }