._3vk-components-PitchCard--header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.reactWrapper .subdued-text-sm {
  color: #A7B2B8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #A7B2B8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #A7B2B8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5B6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #A7B2B8;
  font-size: 1rem;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
._2ja-components-GoalsCard-GoalListItem--reachedText {
  color: #e6461a;
}
.PBk-components-GoalsCard-GoalListItem--description {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.reactWrapper .subdued-text-sm {
  color: #A7B2B8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #A7B2B8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #A7B2B8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5B6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #A7B2B8;
  font-size: 1rem;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
._10e-components-GoalsCard--header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
._2jP-components-GoalsCard--headerControls {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -1rem -0.25rem -1rem 0;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
.reactWrapper .subdued-text-sm {
  color: #A7B2B8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #A7B2B8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #A7B2B8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5B6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #A7B2B8;
  font-size: 1rem;
}
._1ah-components-FeaturedTags--outerDiv {
  position: relative;
}
._3lP-components-FeaturedTags--tag {
  opacity: 1.0;
  transition: opacity 0.15s ease-in-out;
  position: absolute;
  left: 0px;
  right: 0px;
}
._3TD-components-FeaturedTags--selected {
  z-index: 2000;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
.reactWrapper .subdued-text-sm {
  color: #A7B2B8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #A7B2B8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #A7B2B8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5B6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #A7B2B8;
  font-size: 1rem;
}
._-SB-components-FeaturedTag--defaultTransition {
  -webkit-transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1);
}
._3TT-components-FeaturedTag--slowTransition {
  -webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
@-webkit-keyframes _1MZ-components-FeaturedTag--fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes _1MZ-components-FeaturedTag--fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _1MZ-components-FeaturedTag--fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._1MZ-components-FeaturedTag--fadeIn {
  opacity: 0;
  -webkit-animation: _1MZ-components-FeaturedTag--fadeIn linear;
  -moz-animation: _1MZ-components-FeaturedTag--fadeIn linear;
  -o-animation: _1MZ-components-FeaturedTag--fadeIn linear;
  animation: _1MZ-components-FeaturedTag--fadeIn linear;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 300ms;
  -moz-animation-duration: 300ms;
  -o-animation-duration: 300ms;
  animation-duration: 300ms;
}
.S9J-components-FeaturedTag--selectable ._1on-components-FeaturedTag--imageAreaNoImage._1Xn-components-FeaturedTag--imageAreaUnselected:hover {
  background: #f7f7f7;
}
.S9J-components-FeaturedTag--selectable ._28_-components-FeaturedTag--imageAreaWithImage._1Xn-components-FeaturedTag--imageAreaUnselected:hover:after {
  opacity: 0.45;
}
.q-s-components-FeaturedTag--imageInfoArea {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  z-index: 200;
}
.kkc-components-FeaturedTag--title,
._1hC-components-FeaturedTag--numPosts {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._1-b-components-FeaturedTag--underline {
  -webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  height: 2px;
  opacity: 0;
  width: 100%;
}
._1-5-components-FeaturedTag--underline-white {
  background-color: #fff;
}
.pVd-components-FeaturedTag--underline-dark {
  background-color: #232D32;
}
._2rP-components-FeaturedTag--underlineSelected {
  opacity: 1;
}
._1hC-components-FeaturedTag--numPosts {
  -webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  height: 100%;
  max-height: 1.5rem;
}
._3hJ-components-FeaturedTag--numPostsSelected {
  max-height: 0;
}
._2ED-components-FeaturedTag--dragIconColumn {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-basis: 1.5rem;
  flex-basis: 1.5rem;
}

/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
.reactWrapper .subdued-text-sm {
  color: #A7B2B8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #A7B2B8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #A7B2B8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5B6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #A7B2B8;
  font-size: 1rem;
}
/**
 * parameters:
 *   @curve:
 *     values: 'linear', 'quadratic', 'cubic', 'quartic'
 *   @startPercentage:
 *     values: 0 - 1
 *     default: 0
 *   @endPercentage:
 *     values: 0 - 1
 *     default: 1
 *   @endOpacity:
 *     values: 0 - 1
 *     default: 1
 *   @color:
 *     values: any color definition
 *     default: @BLACK
 */
._12J-components-CreatorPageV3Head--creatorCoverPhoto {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 25vw;
  min-height: 12rem;
  width: 100%;
}
._12J-components-CreatorPageV3Head--creatorCoverPhoto {
  -webkit-box-align: end;
  -moz-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
._12J-components-CreatorPageV3Head--creatorCoverPhoto:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSJyZ2IoMCwgMCwgMCkiIHN0b3Atb3BhY2l0eT0iMC4wMDU5OTk5OTk5OTk5OTk4OTQiLz48c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjA1NDAwMDAwMDAwMDAwMDA1Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjAyNDAwMDAwMDAwMDAwMDAyIi8+PHN0b3Agb2Zmc2V0PSI0NCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjA5NTk5OTk5OTk5OTk5OTk3Ii8+PHN0b3Agb2Zmc2V0PSI1NSUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjE1MDAwMDAwMDAwMDAwMDAyIi8+PHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjIxNTk5OTk5OTk5OTk5OTk3Ii8+PHN0b3Agb2Zmc2V0PSI3NyUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjI5Mzk5OTk5OTk5OTk5OTkzIi8+PHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjM4NDAwMDAwMDAwMDAwMDEiLz48c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuNDg2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwgMCwgMCkiIHN0b3Atb3BhY2l0eT0iMC42Ii8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, transparent 25%, rgba(0, 0, 0, 0.005999999999999894) 32.5%, rgba(0, 0, 0, 0.02400000000000002) 40%, rgba(0, 0, 0, 0.05400000000000005) 47.5%, rgba(0, 0, 0, 0.09599999999999997) 55.00000000000001%, rgba(0, 0, 0, 0.15000000000000002) 62.5%, rgba(0, 0, 0, 0.21599999999999997) 70%, rgba(0, 0, 0, 0.29399999999999993) 77.5%, rgba(0, 0, 0, 0.3840000000000001) 85%, rgba(0, 0, 0, 0.486) 92.5%, rgba(0, 0, 0, 0.6) 100%);
  background-image: -moz-linear-gradient(top, transparent 25%, rgba(0, 0, 0, 0.005999999999999894) 32.5%, rgba(0, 0, 0, 0.02400000000000002) 40%, rgba(0, 0, 0, 0.05400000000000005) 47.5%, rgba(0, 0, 0, 0.09599999999999997) 55.00000000000001%, rgba(0, 0, 0, 0.15000000000000002) 62.5%, rgba(0, 0, 0, 0.21599999999999997) 70%, rgba(0, 0, 0, 0.29399999999999993) 77.5%, rgba(0, 0, 0, 0.3840000000000001) 85%, rgba(0, 0, 0, 0.486) 92.5%, rgba(0, 0, 0, 0.6) 100%);
  background-image: -o-linear-gradient(top, transparent 25%, rgba(0, 0, 0, 0.005999999999999894) 32.5%, rgba(0, 0, 0, 0.02400000000000002) 40%, rgba(0, 0, 0, 0.05400000000000005) 47.5%, rgba(0, 0, 0, 0.09599999999999997) 55.00000000000001%, rgba(0, 0, 0, 0.15000000000000002) 62.5%, rgba(0, 0, 0, 0.21599999999999997) 70%, rgba(0, 0, 0, 0.29399999999999993) 77.5%, rgba(0, 0, 0, 0.3840000000000001) 85%, rgba(0, 0, 0, 0.486) 92.5%, rgba(0, 0, 0, 0.6) 100%);
  background-image: linear-gradient(to bottom, transparent 25%, rgba(0, 0, 0, 0.005999999999999894) 32.5%, rgba(0, 0, 0, 0.02400000000000002) 40%, rgba(0, 0, 0, 0.05400000000000005) 47.5%, rgba(0, 0, 0, 0.09599999999999997) 55.00000000000001%, rgba(0, 0, 0, 0.15000000000000002) 62.5%, rgba(0, 0, 0, 0.21599999999999997) 70%, rgba(0, 0, 0, 0.29399999999999993) 77.5%, rgba(0, 0, 0, 0.3840000000000001) 85%, rgba(0, 0, 0, 0.486) 92.5%, rgba(0, 0, 0, 0.6) 100%);
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 30rem) {
  ._12J-components-CreatorPageV3Head--creatorCoverPhoto:after {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSJyZ2IoMCwgMCwgMCkiIHN0b3Atb3BhY2l0eT0iMC4wNjAwMDAwMDAwMDAwMDAwNSIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuMTgwMDAwMDAwMDAwMDAwMDUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuMTIiLz48c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuMjQiLz48c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuMzAwMDAwMDAwMDAwMDAwMDQiLz48c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuMzYiLz48c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuNDE5OTk5OTk5OTk5OTk5OTMiLz48c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuNDgiLz48c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuNTQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYigwLCAwLCAwKSIgc3RvcC1vcGFjaXR5PSIwLjYiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
    background-image: -webkit-linear-gradient(top, transparent 25%, rgba(0, 0, 0, 0.06000000000000005) 32.5%, rgba(0, 0, 0, 0.12) 40%, rgba(0, 0, 0, 0.18000000000000005) 47.5%, rgba(0, 0, 0, 0.24) 55.00000000000001%, rgba(0, 0, 0, 0.30000000000000004) 62.5%, rgba(0, 0, 0, 0.36) 70%, rgba(0, 0, 0, 0.41999999999999993) 77.5%, rgba(0, 0, 0, 0.48) 85%, rgba(0, 0, 0, 0.54) 92.5%, rgba(0, 0, 0, 0.6) 100%);
    background-image: -moz-linear-gradient(top, transparent 25%, rgba(0, 0, 0, 0.06000000000000005) 32.5%, rgba(0, 0, 0, 0.12) 40%, rgba(0, 0, 0, 0.18000000000000005) 47.5%, rgba(0, 0, 0, 0.24) 55.00000000000001%, rgba(0, 0, 0, 0.30000000000000004) 62.5%, rgba(0, 0, 0, 0.36) 70%, rgba(0, 0, 0, 0.41999999999999993) 77.5%, rgba(0, 0, 0, 0.48) 85%, rgba(0, 0, 0, 0.54) 92.5%, rgba(0, 0, 0, 0.6) 100%);
    background-image: -o-linear-gradient(top, transparent 25%, rgba(0, 0, 0, 0.06000000000000005) 32.5%, rgba(0, 0, 0, 0.12) 40%, rgba(0, 0, 0, 0.18000000000000005) 47.5%, rgba(0, 0, 0, 0.24) 55.00000000000001%, rgba(0, 0, 0, 0.30000000000000004) 62.5%, rgba(0, 0, 0, 0.36) 70%, rgba(0, 0, 0, 0.41999999999999993) 77.5%, rgba(0, 0, 0, 0.48) 85%, rgba(0, 0, 0, 0.54) 92.5%, rgba(0, 0, 0, 0.6) 100%);
    background-image: linear-gradient(to bottom, transparent 25%, rgba(0, 0, 0, 0.06000000000000005) 32.5%, rgba(0, 0, 0, 0.12) 40%, rgba(0, 0, 0, 0.18000000000000005) 47.5%, rgba(0, 0, 0, 0.24) 55.00000000000001%, rgba(0, 0, 0, 0.30000000000000004) 62.5%, rgba(0, 0, 0, 0.36) 70%, rgba(0, 0, 0, 0.41999999999999993) 77.5%, rgba(0, 0, 0, 0.48) 85%, rgba(0, 0, 0, 0.54) 92.5%, rgba(0, 0, 0, 0.6) 100%);
  }
}
._12J-components-CreatorPageV3Head--creatorCoverPhoto > * {
  z-index: 100;
}
._5Pw-components-CreatorPageV3Head--creatorAvatarTitleWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
._3AN-components-CreatorPageV3Head--creatorAvatarWrapper {
  -webkit-box-align: end;
  -moz-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -o-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  margin-right: 1.5rem;
}
@media (max-width: 48rem) {
  ._3AN-components-CreatorPageV3Head--creatorAvatarWrapper {
    margin: 1rem 1rem 1rem 0;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
._1Vh-components-CreatorPageV3Head--creatorTitleWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
@media (max-width: 48rem) {
  ._1Vh-components-CreatorPageV3Head--creatorTitleWrapper {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
}
._3ZJ-components-CreatorPageV3Head--creatorTitle {
  color: #fff;
  font-size: 2.117962rem;
  margin: 1rem 0;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}
@media (max-width: 48rem) {
  ._3ZJ-components-CreatorPageV3Head--creatorTitle {
    font-size: 1.618rem;
  }
}
@media (max-width: 30rem) {
  ._3ZJ-components-CreatorPageV3Head--creatorTitle {
    font-size: 1.309rem;
  }
}
.sTx-components-CreatorPageV3Head--creatorTitleName {
  font-weight: 700;
}
.Llf-components-CreatorPageV3Head--creatorTitleIsCreating {
  font-weight: 300;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
.reactWrapper .subdued-text-sm {
  color: #A7B2B8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #A7B2B8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #A7B2B8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5B6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #A7B2B8;
  font-size: 1rem;
}
._1Cu-components-CreatorPageV3HeadNavBar--navBarBacking {
  background-color: #fff;
  border-bottom: 1px solid #E8ECED;
}
._2O--components-CreatorPageV3HeadNavBar--navBarWrapper {
  position: relative;
}
._3Sv-components-CreatorPageV3HeadNavBar--isCreatingTitle {
  margin-top: 1rem;
}
@media (min-width: 48rem) {
  ._3Sv-components-CreatorPageV3HeadNavBar--isCreatingTitle {
    font-size: 1.309rem;
  }
}
@media (min-width: 48rem) {
  ._33q-components-CreatorPageV3HeadNavBar--giveMessage {
    font-size: 1.309rem;
  }
}
._2MV-components-CreatorPageV3HeadNavBar--creatorAvatarContainer {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}
._2_6-components-CreatorPageV3HeadNavBar--navWrapper {
  margin-bottom: -17px;
}
._369-components-CreatorPageV3HeadNavBar--mdAvatarTabsContainer {
  margin-left: 6.5rem;
}
.WmU-components-CreatorPageV3HeadNavBar--lgAvatarTabsContainer {
  margin-left: 8.5rem;
}
._348-components-CreatorPageV3HeadNavBar--xlAvatarTabsContainer {
  margin-left: 9.5rem;
}
._1v4-components-CreatorPageV3HeadNavBar--buttonContainer {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
._2Sn-components-CreatorPageV3HeadNavBar--fixedButtonContainer {
  background: #fff;
  border-top: 1px solid #D0D6D9;
  bottom: 0;
  left: 0;
  padding: 1rem;
  position: fixed;
  right: 0;
  z-index: 1100;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
._1d3-components-CampaignInfoCard--publicFacingNumberOuterContainer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
}
._373-components-CampaignInfoCard--publicFacingNumberContainer {
  display: inline-block;
}
._373-components-CampaignInfoCard--publicFacingNumberContainer:not(:last-child) {
  margin-right: 0.75rem;
}
._7Su-components-CampaignInfoCard--actions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 1rem;
  margin-bottom: -0.5rem;
}
._5PM-components-CampaignInfoCard--disabled {
  zoom: 1;
  filter: alpha(opacity=33);
  -webkit-opacity: 0.33;
  -moz-opacity: 0.33;
  opacity: 0.33;
  pointer-events: none;
}
.cSn-components-CampaignInfoCard--socialLinkContainer {
  display: inline-block;
  margin-top: 1rem;
}
.cSn-components-CampaignInfoCard--socialLinkContainer:not(:last-child) {
  margin-right: 0.75rem;
}
._2n1-components-CampaignInfoCard--patronCount {
  margin-bottom: -4px;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
._3Is-components-AlertPreviewingCreatorPage--buttons,
.Ti_-components-AlertPreviewingCreatorPage--buttonsConfirmation {
  margin-top: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
._3Is-components-AlertPreviewingCreatorPage--buttons > a,
.Ti_-components-AlertPreviewingCreatorPage--buttonsConfirmation > a,
._3Is-components-AlertPreviewingCreatorPage--buttons button,
.Ti_-components-AlertPreviewingCreatorPage--buttonsConfirmation button,
._3Is-components-AlertPreviewingCreatorPage--buttons .EC4-components-AlertPreviewingCreatorPage--rowItem,
.Ti_-components-AlertPreviewingCreatorPage--buttonsConfirmation .EC4-components-AlertPreviewingCreatorPage--rowItem {
  margin: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.Ti_-components-AlertPreviewingCreatorPage--buttonsConfirmation > a,
.Ti_-components-AlertPreviewingCreatorPage--buttonsConfirmation button,
.Ti_-components-AlertPreviewingCreatorPage--buttonsConfirmation .EC4-components-AlertPreviewingCreatorPage--rowItem {
  margin-right: 1rem;
  margin-left: 1rem;
}
.Wzy-components-AlertPreviewingCreatorPage--popover {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.z3N-styles-shared--defaultTransition {
  -webkit-transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1);
}
.vNj-styles-shared--slowTransition {
  -webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
@-webkit-keyframes _2hG-styles-shared--fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes _2hG-styles-shared--fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _2hG-styles-shared--fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._2hG-styles-shared--fadeIn {
  opacity: 0;
  -webkit-animation: _2hG-styles-shared--fadeIn linear;
  -moz-animation: _2hG-styles-shared--fadeIn linear;
  -o-animation: _2hG-styles-shared--fadeIn linear;
  animation: _2hG-styles-shared--fadeIn linear;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 300ms;
  -moz-animation-duration: 300ms;
  -o-animation-duration: 300ms;
  animation-duration: 300ms;
}
.reactWrapper .subdued-text-sm {
  color: #A7B2B8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #A7B2B8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #A7B2B8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5B6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #A7B2B8;
  font-size: 1rem;
}
.QP6-components-AlertCampaignPaused--creatorName {
  font-weight: 700;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
.Qxr-components-StreamEmptyCard--centerAlign {
  text-align: center;
}
._4Ly-components-StreamEmptyCard--row1 {
  margin-bottom: 1rem;
}
._2hW-components-StreamEmptyCard--row2 {
  margin-bottom: 2.5rem;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
.reactWrapper .subdued-text-sm {
  color: #A7B2B8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #A7B2B8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #A7B2B8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5B6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #A7B2B8;
  font-size: 1rem;
}
.V6I-components-PostAggregationPromotion--wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;
  line-height: 1.5;
}
._1nd-components-PostAggregationPromotion--exclusiveIcon {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-right: 1rem;
  min-width: 3rem;
}
._2rj-components-PostAggregationPromotion--exclusiveCountText {
  font-weight: 700;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes _2Y0-components-PostFeed--animation--circle-loader{ 0%{ -webkit-transform: rotate(0deg); } 100%{ -webkit-transform: rotate(360deg); }}
@-moz-keyframes _2Y0-components-PostFeed--animation--circle-loader{ 0%{ -moz-transform: rotate(0deg); } 100%{ -moz-transform: rotate(360deg); }}
@-o-keyframes _2Y0-components-PostFeed--animation--circle-loader{ 0%{ -o-transform: rotate(0deg); } 100%{ -o-transform: rotate(360deg); }}
@keyframes _2Y0-components-PostFeed--animation--circle-loader{ 0%{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); } 100%{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg); };
}
._18V-components-PostFeed--spinnerContainer {
  margin-bottom: 3rem;
}
._2CM-components-PostFeed--spacing {
  margin-bottom: 1rem;
}
._25V-components-PostFeed--loadMoreContainer {
  margin-bottom: 3rem;
}
@media (max-width: 48rem) {
  ._25V-components-PostFeed--loadMoreContainer {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
._3i7-components-PostFeed--pendingDiv {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #fff;
  opacity: 0.6;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
._14f-components-PostFeed--postFeedContainer {
  position: relative;
}
.reactWrapper .subdued-text-sm {
  color: #A7B2B8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #A7B2B8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #A7B2B8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5B6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #A7B2B8;
  font-size: 1rem;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
._78i-components-PodcastFeedCard--linkCopier {
  margin-top: 1rem;
}
._3Cs-components-Disabled--base {
  pointer-events: none;
}
._12m-components-Disabled--overlay > div,
._12m-components-Disabled--overlay > span {
  opacity: 0.5;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
.reactWrapper .subdued-text-sm {
  color: #A7B2B8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #A7B2B8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #A7B2B8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5B6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #A7B2B8;
  font-size: 1rem;
}
._2qQ-components-PostPrompt--separator {
  border-bottom: 1.5px solid #E8ECED;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
._3vF-components-PostPrompt--makeAPostButtonRow {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
._3DV-components-PostPrompt--makeAPostButton {
  border-radius: 4px;
  border: 1.5px solid #E8ECED;
  padding: 1rem;
  color: #A7B2B8;
  cursor: pointer;
  flex-grow: 1;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
.reactWrapper .subdued-text-sm {
  color: #A7B2B8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #A7B2B8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #A7B2B8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5B6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #A7B2B8;
  font-size: 1rem;
}
._1pV-components-PollResults--title {
  font-size: 1.309rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
._25M-components-PollResults--resultRow {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
._1wb-components-PollResults--resultBar {
  width: 130px;
  margin-right: 1.5rem;
}
._2S3-components-PollResults--resultLabel {
  text-align: left;
  font-weight: 500;
  color: #232D32;
}
._1Ap-components-PollResults--privacyLabel {
  margin-top: -22px;
  margin-bottom: 20px;
  color: #A7B2B8;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
.reactWrapper .subdued-text-sm {
  color: #A7B2B8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #A7B2B8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #A7B2B8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5B6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #A7B2B8;
  font-size: 1rem;
}
._2xq-components-PollResultBar--resultBar {
  -webkit-border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 4px;
  -moz-background-clip: padding;
  border-radius: 4px;
  background-clip: padding-box;
  width: 100%;
  height: 25px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
._28c-components-PollResultBar--resultBarBackground {
  background-color: #fff;
  border: 1px solid #D0D6D9;
}
._3bx-components-PollResultBar--resultBarForeground {
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  position: absolute;
  opacity: 0.2;
}
.c1K-components-PollResultBar--resultBarForegroundPrimary {
  background-color: #1D9BDB;
}
._3P--components-PollResultBar--resultBarForegroundSecondary {
  background-color: #D0D6D9;
}
._1MK-components-PollResultBar--label {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 0.80902349rem;
}
._2r5-components-PollResultBar--labelPrimary {
  color: #5B6970;
}
.qkA-components-PollResultBar--labelSecondary {
  color: #A7B2B8;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
.reactWrapper .subdued-text-sm {
  color: #A7B2B8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #A7B2B8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #A7B2B8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5B6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #A7B2B8;
  font-size: 1rem;
}
._3K8-components-MiniMakeAPost--form {
  margin: 0px;
}
.J5L-components-MiniMakeAPost--titleInput {
  border: 0px;
  resize: none;
  width: 100%;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.309rem;
  margin-bottom: 1rem;
}
._3jU-components-MiniMakeAPost--contentInput {
  border: 0px;
  resize: none;
  width: 100%;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  font-weight: 400;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
._2ih-components-MiniMakeAPost--bottomRow {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 1rem;
}
._3_D-components-MiniMakeAPost--linkText {
  font-weight: 700;
  font-size: 0.80902349rem;
  color: #1D9BDB;
  margin-right: 1rem;
}
._2u7-components-MiniMakeAPost--editInFullscreen {
  cursor: pointer;
  margin-right: 40%;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
.reactWrapper .subdued-text-sm {
  color: #A7B2B8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #A7B2B8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #A7B2B8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5B6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #A7B2B8;
  font-size: 1rem;
}
._33J-components-ButtonWithStatus--buttonAndStatusRow {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
._2Ds-components-ButtonWithStatus--statusOnLeft {
  margin-right: 2rem;
}
.pCU-components-ButtonWithStatus--statusOnRight {
  margin-left: 2rem;
}
._1is-components-ButtonWithStatus--statusSuccess {
  color: #A7B2B8;
}
._1KE-components-ButtonWithStatus--statusError {
  color: #EE6F4E;
}
._5m_-components-ButtonWithStatus--status {
  font-weight: 400;
  font-size: 0.80902349rem;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
.reactWrapper .subdued-text-sm {
  color: #A7B2B8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #A7B2B8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #A7B2B8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5B6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #A7B2B8;
  font-size: 1rem;
}
._10L-components-PostsFilter--filterBox {
  background-color: #fff;
}
._3p0-components-PostsFilter--featuredContent {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
._3B1-components-PostsFilter--filterContent {
  transition: height 1s;
}
._2Wv-components-PostsFilter--typeFilterSection {
  margin-bottom: 1rem;
}
.fgq-components-PostsFilter--tagFilterSection {
  margin-bottom: 1rem;
}
._2jF-components-PostsFilter--filterButtonSection {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
._2yr-components-PostsFilter--moreFiltersSection {
  border-top: solid 1px #E8ECED;
  background-color: #fcfcfc;
  padding: 1rem;
  text-align: center;
  color: #A7B2B8;
  font-size: 0.80902349rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
._1Xd-components-PostsFilter--surroundingDiv {
  position: relative;
}
._2S1-components-PostsFilter--pendingDiv {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #fff;
  opacity: 0.6;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
._10h-pages-creator_page_v3-components-ThankYouModal--cardContent {
  overflow-y: scroll;
  max-height: 85vh;
}
._3BO-pages-creator_page_v3-components-ThankYouModal--headerContainer {
  position: relative;
}
.qFq-pages-creator_page_v3-components-ThankYouModal--close {
  position: absolute;
  right: -3rem;
}
.reactWrapper .subdued-text-sm {
  color: #A7B2B8;
  font-size: 0.80902349rem;
}
.reactWrapper .subdued-text-sm a {
  color: #fff;
}
.reactWrapper .subdued-text-1 {
  color: #A7B2B8;
  font-size: 1rem;
}
.reactWrapper .subdued-text-1 a {
  color: #A7B2B8;
}
.reactWrapper .subdued-text-1 a:hover {
  color: #fff;
}
.reactWrapper .gray-text-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.reactWrapper .gray-text-1 {
  color: #5B6970;
  font-size: 1rem;
}
.reactWrapper .gray-header-0 {
  color: #5B6970;
  font-size: 0.80902349rem;
}
.subdued-text-md {
  color: #A7B2B8;
  font-size: 1rem;
}
/**
 * Keep available size set small w/ "t-shirt" sizing. If you need a
 * different size for one off cases/layouts then import @GUTTER and
 * multiply for the scale you need.
 *
 * eg @import '~styles/themes/default/grid.less'; @GUTTER * 4
 */
/* DO NOT ADD ANY MORE GUTTER VARIABLES */
._3mQ-components-PatronPostCard--previewImg {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topright: 3px;
  -moz-background-clip: padding;
  border-top-right-radius: 3px;
  background-clip: padding-box;
  background-color: #232D32;
  position: relative;
}
._3mQ-components-PatronPostCard--previewImg img {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius-topright: 3px;
  -moz-background-clip: padding;
  border-top-right-radius: 3px;
  background-clip: padding-box;
}
._3mQ-components-PatronPostCard--previewImg button {
  width: 32px;
  height: 32px;
  padding: 0;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
._1IH-components-PatronPostCard--progressWrapper {
  margin-bottom: 12px;
}
._3lL-components-PatronPostCard--patronPrompt {
  color: #A7B2B8;
}
._3lL-components-PatronPostCard--patronPrompt a {
  color: #1D9BDB;
  font-weight: 700;
  text-decoration: none;
}
._2Qi-components-PatronPostCard--privacyAction {
  margin-right: 1rem;
}
.C6O-components-PatronPostCard--postAction {
  margin-right: 0;
  min-width: 89px;
  display: inline-block;
}
._2bP-components-PatronPostCard--isSaving {
  zoom: 1;
  filter: alpha(opacity=50);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
@media (max-width: 48rem) {
  ._1Xe-components-PatronPostCard--attachmentWrapper {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
  }
}