.Button-module_button__1zUUs {
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.07s ease-in-out;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 24px;
  padding-left: 24px;
  padding-left: var(--unit-6);
  padding-right: 24px;
  padding-right: 24px;
  padding-right: var(--unit-6);
}

.Button-module_button__1zUUs:focus {
  outline: none !important;
}

.Button-module_button__1zUUs.Button-module_noIcon__oZffU {
  padding-left: 32px;
  padding-left: 32px;
  padding-left: var(--unit-8);
  padding-right: 32px;
  padding-right: 32px;
  padding-right: var(--unit-8);
}

.Button-module_button__1zUUs.Button-module_medium__2ccWT {
  height: 48px;
  height: 48px;
  height: var(--unit-12);
}

.Button-module_button__1zUUs.Button-module_small__wV5sj {
  height: 32px;
  height: 32px;
  height: var(--unit-8);
}

.Button-module_button__1zUUs.Button-module_tiny__1l1dv {
  height: 28px;
  height: 28px;
  height: var(--unit-7);
  padding-left: 16px;
  padding-left: 16px;
  padding-left: var(--unit-4);
  padding-right: 16px;
  padding-right: 16px;
  padding-right: var(--unit-4);
}

.Button-module_button__1zUUs .Button-module_icon__8KOnJ svg {
  width: 24px;
  width: 24px;
  width: var(--unit-6);
}

.Button-module_button__1zUUs .Button-module_icon__8KOnJ path {
  fill: #858199;
  fill: #858199;
  fill: var(--neutral);
}

.Button-module_button__1zUUs .Button-module_icon__8KOnJ.Button-module_left__1Xfi0 {
  margin-right: 12px;
  margin-right: 12px;
  margin-right: var(--unit-3);
}

.Button-module_button__1zUUs .Button-module_icon__8KOnJ.Button-module_left__1Xfi0.Button-module_noText__3ogTh {
  margin: 0;
}

.Button-module_button__1zUUs .Button-module_icon__8KOnJ.Button-module_right__17kbx {
  margin-left: 12px;
  margin-left: 12px;
  margin-left: var(--unit-3);
}

.Button-module_button__1zUUs .Button-module_icon__8KOnJ.Button-module_right__17kbx.Button-module_noText__3ogTh {
  margin: 0;
}

.Button-module_button__1zUUs .Button-module_icon__8KOnJ {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

.Button-module_textLabel__WtyCo {
  vertical-align: middle;
  transition: all 0.07s ease-in-out;
}

/* Primary Button */

.Button-module_primary__1JJ4p {
  border: none;
  border-radius: 4px;
  background: linear-gradient(135deg, #D63FE6 0%, #A30CB3 100%);
  box-shadow: 0 2px 4px -2px rgba(204,15,224,0.4), 0 2px 4px -2px rgba(133,129,153,0.35);
}

.Button-module_primary__1JJ4p .Button-module_textLabel__WtyCo {
  color: #FAFAFA;
  font-size: 18px;
  font-size: 18px;
  font-size: var(--font-l);
  font-weight: 700;
  font-weight: 700;
  font-weight: var(--font-bold);
}

.Button-module_primary__1JJ4p .Button-module_icon__8KOnJ g path, .Button-module_primary__1JJ4p .Button-module_icon__8KOnJ use {
  fill: #FAFAFA;
}

.Button-module_primary__1JJ4p.Button-module_includeHoverAnimations__2eER3:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 8px -2px rgba(204,15,224,0.4), 0 2px 8px -2px rgba(144,139,166,0.35);
  background: linear-gradient(135deg, #C93BD9 0%, #960CA6 100%);
}

.Button-module_primary__1JJ4p.Button-module_includeHoverAnimations__2eER3:active {
  transform: perspective(1px) scale3d(0.99, 0.99, 0.99);
  box-shadow: 0 2px 3px -2px rgba(204,15,224,0.4), 0 2px 3px -2px rgba(133,129,153,0.35);
  background: linear-gradient(135deg, #BD37CC 0%, #8B0B99 100%);
}


/* PrimaryAlt Button */

.Button-module_primaryAlt__1QSpU {
  height: 46px;
  border: none;
  border-radius: 4px;
  background: #CC0FE0;
  background: #CC0FE0;
  background: var(--primary);
}

.Button-module_primaryAlt__1QSpU .Button-module_textLabel__WtyCo {
  color: #FFFFFF;
  color: #FFFFFF;
  color: var(--static-white);
  font-size: 14px;
  font-size: 14px;
  font-size: var(--font-s);
  font-weight: 700;
  font-weight: 700;
  font-weight: var(--font-bold);
  letter-spacing: 0.5px;
}

.Button-module_primaryAlt__1QSpU .Button-module_icon__8KOnJ path, .Button-module_primaryAlt__1QSpU .Button-module_icon__8KOnJ use {
  fill: #FFFFFF;
  fill: #FFFFFF;
  fill: var(--static-white);
}

.Button-module_primaryAlt__1QSpU.Button-module_includeHoverAnimations__2eER3:hover {
  transform: perspective(1px) scale3d(1.04, 1.04, 1.04);
  background: #D127E3;
  background: #D127E3;
  background: var(--primary-light-1);
}

.Button-module_primaryAlt__1QSpU.Button-module_includeHoverAnimations__2eER3:active {
  transform: perspective(1px) scale3d(0.99, 0.99, 0.99);
  background: #B80ECA;
  background: #B80ECA;
  background: var(--primary-dark-1);
}


/* Secondary Button */

.Button-module_secondary__2-6ze {
  border: 1px solid #BD10E0;
  border-radius: 4px;
  background: #FFFFFF;
  background: #FFFFFF;
  background: var(--white);
}

.Button-module_secondary__2-6ze .Button-module_textLabel__WtyCo {
  color: #CC0FE0;
  color: #CC0FE0;
  color: var(--primary);
  font-size: 18px;
  font-size: 18px;
  font-size: var(--font-l);
  font-weight: 700;
  font-weight: 700;
  font-weight: var(--font-bold);
}

.Button-module_secondary__2-6ze.Button-module_small__wV5sj .Button-module_textLabel__WtyCo {
  font-size: 14px;
  font-size: 14px;
  font-size: var(--font-s);
  letter-spacing: 0.5px;
}

.Button-module_secondary__2-6ze.Button-module_tiny__1l1dv .Button-module_textLabel__WtyCo {
  font-size: 11px;
  letter-spacing: 0.3px;
}

.Button-module_secondary__2-6ze .Button-module_icon__8KOnJ path, .Button-module_secondary__2-6ze .Button-module_icon__8KOnJ use {
  fill: #CC0FE0;
  fill: #CC0FE0;
  fill: var(--primary);
}

.Button-module_secondary__2-6ze.Button-module_includeHoverAnimations__2eER3:hover {
  transform: perspective(1px) scale3d(1.04, 1.04, 1.04);
  border: 1px solid #A30CB3;
  border: 1px solid #A30CB3;
  border: 1px solid var(--primary-dark-2);
  background: #CC0FE0;
  background: #CC0FE0;
  background: var(--primary);
}

.Button-module_secondary__2-6ze.Button-module_includeHoverAnimations__2eER3:hover .Button-module_textLabel__WtyCo {
  color: #FFFFFF;
  color: #FFFFFF;
  color: var(--white);
}

.Button-module_secondary__2-6ze.Button-module_includeHoverAnimations__2eER3:hover .Button-module_icon__8KOnJ path, .Button-module_secondary__2-6ze.Button-module_includeHoverAnimations__2eER3:hover .Button-module_icon__8KOnJ use {
  fill: #FFFFFF;
  fill: #FFFFFF;
  fill: var(--white);
}

.Button-module_secondary__2-6ze.Button-module_includeHoverAnimations__2eER3:active {
  transform: perspective(1px) scale3d(0.99, 0.99, 0.99);
  border: 1px solid #A30CB3;
  border: 1px solid #A30CB3;
  border: 1px solid var(--primary-dark-2);
  background: #A30CB3;
  background: #A30CB3;
  background: var(--primary-dark-2);
}


/* Common Button */

.Button-module_common__2tCri {
  border: 1px solid #DAD9E0;
  border: 1px solid #DAD9E0;
  border: 1px solid var(--neutral-light-6); 
  border-radius: 4px; 
  background: #FFFFFF; 
  background: #FFFFFF; 
  background: var(--white);
}

.Button-module_common__2tCri.Button-module_small__wV5sj {
  padding: 0 16px;
  padding: 0 16px;
  padding: 0 var(--unit-4);
}

.Button-module_common__2tCri .Button-module_textLabel__WtyCo {
  color: #858199;
  color: #858199;
  color: var(--neutral);
  font-size: 14px;
  font-size: 14px;
  font-size: var(--font-s);
  font-weight: 700;
  font-weight: 700;
  font-weight: var(--font-bold);
  letter-spacing: 0.5px;
}

.Button-module_common__2tCri.Button-module_tiny__1l1dv .Button-module_textLabel__WtyCo {
  font-size: 11px;
  letter-spacing: 0.3px;
}

.Button-module_common__2tCri .Button-module_icon__8KOnJ path, .Button-module_common__2tCri .Button-module_icon__8KOnJ use {
  fill: #858199;
  fill: #858199;
  fill: var(--neutral);
}

.Button-module_common__2tCri.Button-module_includeHoverAnimations__2eER3:hover {
  transform: perspective(1px) scale3d(1.04, 1.04, 1.04);
  border: 1px solid #A30CB3;
  border: 1px solid #A30CB3;
  border: 1px solid var(--primary-dark-2);
  background: #CC0FE0;
  background: #CC0FE0;
  background: var(--primary);
}

.Button-module_common__2tCri.Button-module_includeHoverAnimations__2eER3:hover .Button-module_textLabel__WtyCo {
  color: #FFFFFF;
  color: #FFFFFF;
  color: var(--white)
}

.Button-module_common__2tCri.Button-module_includeHoverAnimations__2eER3:hover .Button-module_icon__8KOnJ path, .Button-module_common__2tCri.Button-module_includeHoverAnimations__2eER3:hover .Button-module_icon__8KOnJ use {
  fill: #FFFFFF;
  fill: #FFFFFF;
  fill: var(--white);
}

.Button-module_common__2tCri.Button-module_includeHoverAnimations__2eER3:active {
  transform: perspective(1px) scale3d(0.99, 0.99, 0.99);
  border: 1px solid #A30CB3;
  border: 1px solid #A30CB3;
  border: 1px solid var(--primary-dark-2);
  background: #A30CB3;
  background: #A30CB3;
  background: var(--primary-dark-2);
}

.Button-module_common__2tCri.Button-module_includeHoverAnimations__2eER3:active .Button-module_textLabel__WtyCo {
  color: #FFFFFF;
  color: #FFFFFF;
  color: var(--white);
}

.Button-module_common__2tCri.Button-module_includeHoverAnimations__2eER3:active .Button-module_icon__8KOnJ path {
  fill: #FFFFFF;
  fill: #FFFFFF;
  fill: var(--white);
}


/* Common Alt Button */

.Button-module_commonAlt__1Dd8g {
  border: 1px solid #DAD9E0;
  border: 1px solid #DAD9E0;
  border: 1px solid var(--neutral-light-6); 
  border-radius: 4px; 
  background: #FFFFFF; 
  background: #FFFFFF; 
  background: var(--white);
}

.Button-module_commonAlt__1Dd8g .Button-module_textLabel__WtyCo {
  color: #858199;
  color: #858199;
  color: var(--neutral);
  font-size: 14px;
  font-size: 14px;
  font-size: var(--font-s);
  font-weight: 700;
  font-weight: 700;
  font-weight: var(--font-bold);
  letter-spacing: 0.5px;
}

.Button-module_commonAlt__1Dd8g .Button-module_icon__8KOnJ path, .Button-module_commonAlt__1Dd8g .Button-module_icon__8KOnJ use {
  fill: #858199;
  fill: #858199;
  fill: var(--neutral);
}

.Button-module_commonAlt__1Dd8g:hover {
  transform: perspective(1px) scale3d(1.04, 1.04, 1.04);
  border: 1px solid #DAD9E0;
  border: 1px solid #DAD9E0;
  border: 1px solid var(--neutral-light-6);
  background: #FCFCFC;
  background: #FCFCFC;
  background: var(--neutral-light-10);
}

.Button-module_commonAlt__1Dd8g.Button-module_includeHoverAnimations__2eER3:active {
  transform: perspective(1px) scale3d(0.99, 0.99, 0.99);
  border: 1px solid #DAD9E0;
  border: 1px solid #DAD9E0;
  border: 1px solid var(--neutral-light-6);
  background: #F2F2F4;
  background: #F2F2F4;
  background: var(--neutral-light-8);
}

/* Glass Button */

.Button-module_glass__9QbdU {
  border: 1px solid #FFFFFF;
  border: 1px solid #FFFFFF;
  border: 1px solid var(--white);
  border-radius: 4px; 
  background-color: rgba(255,255,255,0.1);
}

.Button-module_glass__9QbdU .Button-module_textLabel__WtyCo {
  text-transform: uppercase;
  color: #FFFFFF;
  color: #FFFFFF;
  color: var(--white);
  font-size: 18px;
  font-size: 18px;
  font-size: var(--font-l);
  font-weight: 700;
  font-weight: 700;
  font-weight: var(--font-bold);
}

.Button-module_glass__9QbdU .Button-module_icon__8KOnJ path, .Button-module_glass__9QbdU .Button-module_icon__8KOnJ use {
  fill: #FFFFFF;
  fill: #FFFFFF;
  fill: var(--white);
}

.Button-module_glass__9QbdU.Button-module_includeHoverAnimations__2eER3:hover {
  transform: perspective(1px) scale3d(1.04,1.04,1.04);
  background-color: rgba(255,255,255,0.2);
}

.Button-module_glass__9QbdU.Button-module_includeHoverAnimations__2eER3:active {
  transform: perspective(1px) scale3d(1,1,1);
  background-color: rgba(255,255,255,0.05);
}

/* Disabled Button */

.Button-module_disabled__-5sms {
  border-radius: 4px; 
  background-color: #E7E6EB; 
  background-color: #E7E6EB; 
  background-color: var(--neutral-light-7);
  cursor: default;
}

.Button-module_disabled__-5sms .Button-module_textLabel__WtyCo {
  font-size: 18px;
  font-size: 18px;
  font-size: var(--font-l);
  font-weight: 700;
  font-weight: 700;
  font-weight: var(--font-bold);
  color: #FFFFFF;
  color: #FFFFFF;
  color: var(--white);
}

.Button-module_disabled__-5sms .Button-module_icon__8KOnJ path, .Button-module_disabled__-5sms .Button-module_icon__8KOnJ use {
  fill: #FFFFFF;
  fill: #FFFFFF;
  fill: var(--white)
}

.Button-module_disabled__-5sms {
  transform: none;
  border: none;
}

.Button-module_disabled__-5sms.Button-module_includeHoverAnimations__2eER3:active {
  transform: none;
  border: none;
}

/* White Button */

.Button-module_white__2NMAm {
  border: none;
  border-radius: 4px;
  background-color: #FCFCFC;
  background-color: #FCFCFC;
  background-color: var(--static-neutral-light-10);
  box-shadow: 0 1px 0 0 #C2C0CC, 0 4px 12px -4px rgba(0,0,0,0.3);
  box-shadow: 0 1px 0 0 #C2C0CC, 0 4px 12px -4px rgba(0,0,0,0.3);
  box-shadow: 0 1px 0 0 var(--neutral-light-4), 0 4px 12px -4px rgba(0,0,0,0.3);
}

.Button-module_white__2NMAm .Button-module_textLabel__WtyCo {
  color: #7E1BCC;
  color: #7E1BCC;
  color: var(--secondary);
  font-family: 'Avenir Next LT Pro'
,
'Helvetica Neue'
,
Helvetica
,
Arial
,
sans-serif;
  font-family: 'Avenir Next LT Pro'
,
'Helvetica Neue'
,
Helvetica
,
Arial
,
sans-serif;
  font-family: var(--font-family);
  font-size: 18px;
  font-size: 18px;
  font-size: var(--font-l);
  font-weight: 600;
  font-weight: 600;
  font-weight: var(--font-demi-bold);
}

.Button-module_white__2NMAm .Button-module_icon__8KOnJ path, .Button-module_white__2NMAm .Button-module_icon__8KOnJ use {
  fill: #7E1BCC;
  fill: #7E1BCC;
  fill: var(--secondary);
}

.Button-module_white__2NMAm.Button-module_includeHoverAnimations__2eER3:hover {
  transform: perspective(1px) scale3d(1.04, 1.04, 1.04);
  background-color: #FFFFFF;
  background-color: #FFFFFF;
  background-color: var(--static-white);
  box-shadow: 0 1px 0 0 #CECDD6, 0 5px 20px -3px rgba(0,0,0,0.3);
  box-shadow: 0 1px 0 0 #CECDD6, 0 5px 20px -3px rgba(0,0,0,0.3);
  box-shadow: 0 1px 0 0 var(--neutral-light-5), 0 5px 20px -3px rgba(0,0,0,0.3);
}

.Button-module_white__2NMAm.Button-module_includeHoverAnimations__2eER3:active {
  background-color: #EEEEEE;
  box-shadow: 0 1px 0 0 #C2C0CC, 0 4px 12px -4px rgba(0,0,0,0.3);
  box-shadow: 0 1px 0 0 #C2C0CC, 0 4px 12px -4px rgba(0,0,0,0.3);
  box-shadow: 0 1px 0 0 var(--neutral-light-4), 0 4px 12px -4px rgba(0,0,0,0.3);
  transform: perspective(1px) scale3d(0.99, 0.99, 0.99);
}

.Slider-module_slider__3Ap06 {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 12px;
  margin: 0 12px;
  margin: 0 var(--unit-3);
}

.Slider-module_slider__3Ap06.Slider-module_isMobile__13OPv {
  margin: 0 16px;
  margin: 0 16px;
  margin: 0 var(--unit-4);
}

.Slider-module_slider__3Ap06.Slider-module_isDisabled__3Uyh4 {
  cursor: default
}

/* Use a psuedo-element to "increase" the clickable area of the scrubber. */
.Slider-module_slider__3Ap06:after {
  position: absolute;
  opacity: 0;
  border-radius: 2px;
  border-radius: 2px;
  border-radius: var(--unit-half);;
  content: "";
  width: 100%;
  height: 500%;
  top: -300%;
  left: 0;
}

.Slider-module_rail__1YZrf {
  position: relative;
  width: 100%;
  height: 4px;
  height: 4px;
  height: var(--unit);
  border-radius: 2px;
  border-radius: 2px;
  border-radius: var(--unit-half);
  background: #F2F2F4;
  background: #F2F2F4;
  background: var(--neutral-light-8);
  overflow: hidden;
  /** Fixes Safari bug where overflow doesn't work with border radius during animation */
  mask-image: -webkit-radial-gradient(white, black);
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  transition: transform 0.18s ease-in-out;
}

.Slider-module_trackWrapper__1ZwaQ {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 100%;
}

.Slider-module_track__30evA {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #858199;
  background: #858199;
  background: var(--neutral);
}

.Slider-module_track__30evA:before {
  content: "";
  position: absolute;
  border-radius: 2px;
  border-radius: 2px;
  border-radius: var(--unit-half);
  background: var(--scrubber-hover);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.Slider-module_slider__3Ap06:hover .Slider-module_track__30evA:before {
  opacity: 1;
}

.Slider-module_handleWrapper__1z9QQ {
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  left: 0;
}

.Slider-module_handleContainer__1elkf {
  padding: 6px;
}

.Slider-module_handle__2EAM1 {
  margin-left: -4px;
  margin-left: -4px;
  margin-left: var(--negative-unit);
  height: 8px;
  height: 8px;
  height: var(--unit-2);
  width: 8px;
  width: 8px;
  width: var(--unit-2);
  border-radius: 50%;
  background: #FFFFFF;
  background: #FFFFFF;
  background: var(--white);
  box-shadow: 0 0 2px 0 rgba(133,129,153,0.5), 0 2px 5px -1px rgba(133,129,153,0.5);
  transition: transform 0.18s ease-in-out, opacity 0.18s ease-in-out;
  opacity: 0;
  transform: scale(0);
}

.Slider-module_slider__3Ap06.Slider-module_isMobile__13OPv .Slider-module_handle__2EAM1 {
  height: 16px;
  height: 16px;
  height: var(--unit-4);
  width: 16px;
  width: 16px;
  width: var(--unit-4);
  margin-left: -8px;
  margin-left: -8px;
  margin-left: var(--negative-unit-2);
}

.Slider-module_showHandle__2pZIC .Slider-module_handle__2EAM1, .Slider-module_slider__3Ap06:not(.Slider-module_showHandle__2pZIC):hover .Slider-module_handle__2EAM1 {
  opacity: 1;
  transform: scale(1);
}

.Slider-module_slider__3Ap06:not(.Slider-module_isDisabled__3Uyh4).Slider-module_slider__3Ap06:not(.Slider-module_showHandle__2pZIC):hover .Slider-module_rail__1YZrf {
  transform: scaleY(1.5);
}

.Slider-module_slider__3Ap06:not(.Slider-module_isDisabled__3Uyh4):not(.Slider-module_isMobile__13OPv):hover .Slider-module_handle__2EAM1 {
  transform: scale(1.5);
}

.Scrubber-module_scrubber__26_-N {
  display: flex;
  align-items: center;
  width: 100%;
}

.Scrubber-module_timestampStart__3cy1m, .Scrubber-module_timestampEnd__Y704s {
  color: #858199;
  color: #858199;
  color: var(--neutral);
  font-size: 10px;
  font-size: 10px;
  font-size: var(--font-2xs);
  line-height: 12px;
  font-family: 'Avenir Next LT Pro'
,
'Helvetica Neue'
,
Helvetica
,
Arial
,
sans-serif;
  font-family: 'Avenir Next LT Pro'
,
'Helvetica Neue'
,
Helvetica
,
Arial
,
sans-serif;
  font-family: var(--font-family);
  min-width: 40px;
}

.Scrubber-module_timestampStart__3cy1m {
  text-align: right;
}

.Scrubber-module_timestampEnd__Y704s {
  text-align: left;
}

.Scrubber-module_scrubber__26_-N.Scrubber-module_isMobile__jobgm .Scrubber-module_timestampStart__3cy1m,
.Scrubber-module_scrubber__26_-N.Scrubber-module_isMobile__jobgm .Scrubber-module_timestampEnd__Y704s {
  font-size: 12px;
  font-size: 12px;
  font-size: var(--font-xs);
}
