*,
*:before,
*:after {
  box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
main {
  display: block;
}
ol,
ul,
li {
  list-style: none;
}
a {
  color: inherit;
  text-decoration: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
input,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  outline: none;
  border: unset;
}
::-webkit-input-placeholder {
  color: rgba(0,0,0,0.2);
}
::-moz-placeholder {
  color: rgba(0,0,0,0.2);
}
:-ms-input-placeholder {
  color: rgba(0,0,0,0.2);
}
:-moz-placeholder {
  color: rgba(0,0,0,0.2);
}
select,
input[type="range"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  margin: unset;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  border: none;
}
button,
input,
textarea {
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  line-height: inherit;
  color: inherit;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  cursor: pointer;
}
.antialiased,
.hind-300,
.hind-500,
.hind-600,
.hind-700,
.button__primary,
.button__tertiary,
.button__red,
.input,
.textarea,
.dropdown,
.analytics__empty,
.analytics__table-row,
.analytics__table-row.title,
.analytics__view,
.analytics__sig-info,
.analytics__sig-message,
.head__doc,
.segment,
.segment__name-input,
.segment__persona-input,
.segment__persona-promotion .segment__persona-txt,
.segment__persona-promotion .segment__persona-button,
.segment__persona-abandoner .segment__persona-content > .segment__persona-txt,
.dashboard__title,
.dashboard__table-row,
.dashboard__table-row.title,
.dashboard__btn-create,
.edit__title,
.edit__status,
.edit__label,
.edit__input,
.edit .rdp,
.edit__theme-error,
.edit__theme-error-btn,
.edit__variation-label,
.edit__variation-btn-edit,
.edit__variation-btn-delete,
.edit__variation-edit-info,
.edit__lastsave,
.edit__btn-variation,
.edit__btn-segment,
.edit__btn-upgrade,
.edit__btn-status,
.edit__btn-delete,
.edit__launch-error,
.login,
.login__btn-logregister,
.login__shop-input,
.login__btn-log {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hind-300 {
  font-family: 'Hind Vadodara', sans-serif;
  font-weight: 300;
}
.hind-500,
.button__primary,
.button__tertiary,
.button__red,
.input,
.textarea,
.dropdown,
.analytics__empty,
.analytics__table-row,
.analytics__sig-info,
.head__doc,
.segment,
.segment__name-input,
.segment__persona-input,
.segment__persona-promotion .segment__persona-button,
.dashboard__table-row,
.dashboard__btn-create,
.edit__label,
.edit__input,
.edit .rdp,
.edit__theme-error,
.edit__theme-error-btn,
.edit__variation-label,
.edit__variation-btn-edit,
.edit__variation-btn-delete,
.edit__variation-edit-info,
.edit__lastsave,
.edit__btn-variation,
.edit__btn-segment,
.edit__btn-upgrade,
.edit__btn-status,
.edit__btn-delete,
.edit__launch-error,
.login,
.login__btn-logregister,
.login__shop-input,
.login__btn-log {
  font-family: 'Hind Vadodara', sans-serif;
  font-weight: 500;
}
.hind-600,
.analytics__table-row.title,
.analytics__view,
.analytics__sig-message,
.segment__persona-promotion .segment__persona-txt,
.segment__persona-abandoner .segment__persona-content > .segment__persona-txt,
.dashboard__title,
.dashboard__table-row.title,
.edit__title,
.edit__status {
  font-family: 'Hind Vadodara', sans-serif;
  font-weight: 600;
}
.hind-700 {
  font-family: 'Hind Vadodara', sans-serif;
  font-weight: 700;
}
.button__primary,
.dashboard__btn-create,
.edit__btn-status,
.login__btn-log {
  font-size: 16px;
  color: #f9f9f9;
  border-radius: 5px;
  padding: 10px 15px;
  background-color: #3f0ef2;
  border: solid 1px #3f0ef2;
  box-shadow: 0 0px 3px 0 #3f0ef2;
  background: #3f0ef2;
}
.button__tertiary,
.segment__persona-promotion .segment__persona-button,
.edit__btn-variation,
.edit__btn-segment {
  color: #575757;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  border: solid 1px #575757;
  border-radius: 5px;
  height: 25px;
  padding: 0px 10px;
  box-shadow: 0 1px 3px 0 rgba(87,87,87,0.25);
}
.button__tertiary .icon__circle-plus,
.segment__persona-promotion .segment__persona-button .icon__circle-plus,
.edit__btn-variation .icon__circle-plus,
.edit__btn-segment .icon__circle-plus {
  width: 16px;
  margin-left: 10px;
}
.button__red,
.edit__theme-error-btn,
.edit__btn-delete {
  color: #fff;
  background: #e55050;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  border: solid 1px #e55050;
  border-radius: 5px;
  padding: 10px 15px;
  box-shadow: 0 1px 3px 0 rgba(229,80,80,0.25);
}
.boxShadow,
.input,
.textarea,
.dropdown,
.dropdown__container,
.segment__name-input,
.segment__criteria-item,
.segment__persona-bloc,
.segment__persona-input,
.segment__persona-spenders-low,
.segment__persona-spenders-moderate,
.segment__persona-spenders-high,
.segment__persona-recent,
.segment__persona-first,
.segment__persona-repeat,
.segment__persona-promotion,
.segment__persona-researcher,
.segment__persona-occasional,
.segment__persona-completionist,
.segment__persona-abandoner,
.edit__bloc,
.edit__input,
.login__shop {
  box-shadow: 0 0px 2px 0 rgba(243,243,243,0.25);
}
.border,
.input,
.textarea,
.analytics__empty,
.analytics__table-row,
.segment__name-input,
.segment__persona-input,
.edit__input {
  border: solid 1px #f1f1f1;
}
.input,
.textarea,
.segment__name-input,
.segment__persona-input,
.edit__input {
  color: #575757;
  background: #fff;
  border-radius: 5px;
  height: 30px;
  padding: 0 10px;
}
.input:focus,
.textarea:focus,
.segment__name-input:focus,
.segment__persona-input:focus,
.edit__input:focus {
  border-color: #575757;
}
.textarea {
  height: 150px;
}
.textarea::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
  border-radius: 5px;
}
.textarea::-webkit-scrollbar-thumb {
  width: 5px;
  background-color: #e7e7e7;
  border-radius: 10px;
}
.checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  border: solid 1px #575757;
  height: 16px;
  width: 16px;
}
.checkbox .icon {
  height: 11px;
  width: 11px;
}
.checkbox.checked {
  background: #575757;
}
.checkbox.checked .icon {
  fill: #fff;
}
.dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  width: 100%;
  border-radius: 5px;
  font-size: 16px;
  color: #575757;
  cursor: pointer;
}
.dropdown__container {
  border: solid 1px #cfcfcf;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 35px;
  right: 0;
  max-height: 300px;
  overflow: auto;
  z-index: 2;
  border-radius: 5px;
  background: #fff;
}
.dropdown__input {
  border: solid 1px #cfcfcf;
  background: #fff;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  height: 30px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: unset;
}
.dropdown__option {
  display: inline-flex;
  align-items: center;
  border-radius: 5px;
  padding: 10px 15px;
  margin: 5px 10px;
}
.dropdown__option:hover {
  background-color: #f5f5f5;
}
.dropdown__option.current {
  background-color: #f1f1f1;
}
.dropdown__placeholder {
  border: solid 1px #cfcfcf;
  display: flex;
  align-items: center;
  background: #fff;
  color: #e7e7e7;
  height: 30px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0 10px;
  border-left: unset;
}
.dropdown__placeholder-label {
  margin-right: 10px;
}
.dropdown__placeholder .icon__chevron {
  transform: rotate(90deg);
  fill: #cfcfcf;
}
.switch {
  cursor: pointer;
}
.switch__rectangle {
  width: 40px;
  height: 13px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  padding: 0 0px;
}
.switch__rectangle.green {
  background: #b9e6b5;
}
.switch__rectangle.green .switch__circle {
  margin-left: auto;
  background: #6dde72;
}
.switch__rectangle.dark {
  background: rgba(87,87,87,0.6);
}
.switch__rectangle.dark .switch__circle {
  margin-left: auto;
  background: #575757;
}
.switch__rectangle.gray {
  background: #f1f1f1;
}
.switch__rectangle.gray .switch__circle {
  background: #d9d9d9;
}
.switch__circle {
  height: 23px;
  width: 23px;
  border-radius: 50%;
}
.analytics {
  padding-bottom: 100px;
  margin-bottom: 100px;
  border-bottom: 1px solid #ececec;
}
.analytics__empty {
  color: #575757;
  border-radius: 10px;
  text-align: center;
  padding: 30px;
  font-size: 18px;
}
.analytics__analytic + .analytics__analytic {
  margin-top: 100px;
}
.analytics__table {
  padding-left: 20px;
}
.analytics__table-row {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  min-height: 56px;
  position: relative;
  padding-left: 20px;
  background: #fefefe;
  border-bottom: unset;
  font-size: 16px;
  color: #575757;
}
.analytics__table-row.title {
  background-color: #f3f3f3;
  border-radius: 5px 5px 0 0;
  border: none;
  font-size: 16px;
}
.analytics__table-row:last-child {
  border-radius: 0 0 5px 5px;
  border-bottom: solid 1px #f1f1f1;
}
.analytics__view {
  color: #575757;
  margin-bottom: 20px;
  font-size: 18px;
}
.analytics__table-cell {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.analytics__table-cell:nth-child(1) {
  width: 10%;
}
.analytics__table-cell:nth-child(2) {
  width: 14%;
}
.analytics__table-cell:nth-child(3) {
  width: 14%;
}
.analytics__table-cell:nth-child(4) {
  width: 14%;
}
.analytics__table-cell:nth-child(5) {
  width: 16%;
}
.analytics__table-cell:nth-child(6) {
  width: 16%;
}
.analytics__table-cell:nth-child(7) {
  width: 16%;
}
.analytics__table-cell-uplift {
  display: inline-block;
  background-color: #b9e6b5;
  border: 1px solid #6dde72;
  padding: 3px;
  border-radius: 7px;
  margin-left: 5px;
}
.analytics__table-cell-uplift.down {
  background-color: #e6b5b5;
  border: 1px solid #e55050;
}
.analytics__table-cell-uplift.neutral {
  background-color: #e7e7e7;
  border: 1px solid #575757;
}
.analytics__sig {
  padding-left: 20px;
  margin-left: 10px;
  border-left: solid 1px #d6d6d6;
}
.analytics__sig-info {
  font-size: 16px;
  color: #575757;
  margin-top: 30px;
  padding-left: 20px;
}
.analytics__sig-metric {
  margin-bottom: 30px;
}
.analytics__sig-metric-info {
  font-size: 14px;
  color: #949494;
}
.analytics__sig-message {
  margin-bottom: 30px;
  font-size: 17px;
}
.analytics__sig-metric-title {
  margin-bottom: 10px;
}
.head {
  padding: 10px 30px 10px 30px;
  border-bottom: solid 2px #f4f4f4;
  background: #fff;
  position: relative;
}
.head__container {
  display: flex;
  align-items: center;
}
.head__logo {
  width: 35px;
}
.head__doc {
  color: #3f0ef2;
  border: solid 2px #3f0ef2;
  border-radius: 5px;
  padding: 7px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 20px;
  font-size: 18px;
}
.head__doc:hover {
  background: #f8f8f8;
}
.head__back {
  border: solid 2px #575757;
  border-radius: 5px;
  height: 27px;
  width: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 70px;
}
.head__back:hover {
  background: #f8f8f8;
}
.segment {
  z-index: 3;
  font-size: 16px;
  color: #575757;
  background: #fff;
  position: fixed;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  max-width: 1600px;
  overflow-y: auto;
  overscroll-behavior-y: none;
}
.segment::-webkit-scrollbar {
  width: 10px;
  background-color: transparent;
  border-radius: 5px;
}
.segment::-webkit-scrollbar-thumb {
  width: 10px;
  background-color: #e7e7e7;
  border-radius: 5px;
}
.segment__container {
  border: 2px solid #f1f1f1;
  box-shadow: 0 0px 2px 0 rgba(87,87,87,0.3);
  border-radius: 5px;
  background: #fff;
  padding: 20px;
}
.segment__name-label {
  font-size: 20px;
}
.segment__name-input {
  margin-top: 10px;
}
.segment__criterias {
  margin-top: 50px;
}
.segment__criterias-label {
  font-size: 20px;
}
.segment__criterias-container {
  display: flex;
  margin-top: 50px;
}
.segment__criterias-container.first {
  margin-top: 25px;
}
.segment__criteria {
  margin-right: 200px;
  width: 300px;
}
.segment__criteria:last-child {
  margin-right: 0;
}
.segment__criteria-options {
  margin-top: 15px;
  font-size: 14px;
}
.segment__criteria-option {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.segment__criteria-option:last-child {
  margin-bottom: 0;
}
.segment__criteria-option .checkbox {
  margin-right: 10px;
}
.segment__criteria-search {
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
}
.segment__criteria-search-label {
  margin-right: 10px;
}
.segment__criteria-search-label.vp {
  width: 100px;
}
.segment__criteria-search .dropdown {
  width: 75px;
  margin-top: unset;
}
.segment__criteria-item {
  position: relative;
  display: inline-flex;
  padding: 5px 8px;
  border: solid 1px #575757;
  margin-right: 25px;
  margin-top: 20px;
}
.segment__criteria-item .icon {
  position: absolute;
  top: -7px;
  right: -7px;
  width: 14px;
  height: 14px;
  background: #fff;
}
.segment__personas {
  border-top: solid 1px #f3f3f3;
  margin-top: 75px;
  padding-top: 50px;
  max-width: 900px;
}
.segment__personas-label {
  font-size: 20px;
  margin-bottom: 40px;
}
.segment__persona-row {
  display: flex;
  margin-bottom: 40px;
}
.segment__persona-bloc,
.segment__persona-spenders-low,
.segment__persona-spenders-moderate,
.segment__persona-spenders-high,
.segment__persona-recent,
.segment__persona-first,
.segment__persona-repeat,
.segment__persona-promotion,
.segment__persona-researcher,
.segment__persona-occasional,
.segment__persona-completionist,
.segment__persona-abandoner {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 15px 25px;
  border: solid 1px #575757;
  border-radius: 5px;
}
.segment__persona-label {
  font-size: 18px;
  margin-bottom: 20px;
}
.segment__persona-txt {
  font-size: 16px;
}
.segment__persona-spenders-low,
.segment__persona-spenders-moderate {
  margin-right: 40px;
}
.segment__persona-spenders-low .segment__persona-content,
.segment__persona-spenders-high .segment__persona-content {
  display: flex;
  align-items: center;
}
.segment__persona-spenders-low .segment__persona-txt,
.segment__persona-spenders-high .segment__persona-txt {
  margin-right: 10px;
}
.segment__persona-spenders-low .icon__chevron,
.segment__persona-spenders-high .icon__chevron {
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
  margin-right: 10px;
}
.segment__persona-spenders-low .segment__persona-input,
.segment__persona-spenders-high .segment__persona-input {
  width: 30px;
}
.segment__persona-spenders-high .icon__chevron {
  transform: rotate(0deg);
}
.segment__persona-spenders-moderate .segment__persona-content {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.segment__persona-spenders-moderate .segment__persona-content:last-child {
  margin: 0;
}
.segment__persona-spenders-moderate .segment__persona-input {
  width: 30px;
  margin: 0 10px;
}
.segment__persona-spenders-moderate .segment__persona-input:last-child {
  margin-right: 0;
}
.segment__persona-recent {
  margin-right: 40px;
}
.segment__persona-recent .segment__persona-content {
  display: flex;
  align-items: center;
}
.segment__persona-recent .segment__persona-content .dropdown {
  width: 60px;
  margin-left: 10px;
  margin-top: 0;
}
.segment__persona-recent .segment__persona-content .dropdown:last-child {
  width: 100px;
}
.segment__persona-recent {
  margin-right: 40px;
}
.segment__persona-recent .segment__persona-content {
  display: flex;
  align-items: center;
}
.segment__persona-recent .segment__persona-content .dropdown {
  width: 60px;
  margin-left: 10px;
  margin-top: 0;
}
.segment__persona-recent .segment__persona-content .dropdown:last-child {
  width: 100px;
}
.segment__persona-repeat .segment__persona-content {
  display: flex;
  align-items: center;
}
.segment__persona-repeat .segment__persona-content .dropdown {
  width: 60px;
  margin-left: 10px;
  margin-top: 0;
}
.segment__persona-repeat .segment__persona-content .dropdown:last-child {
  width: 100px;
}
.segment__persona-promotion {
  align-items: unset;
}
.segment__persona-promotion .segment__persona-label {
  text-align: center;
}
.segment__persona-promotion .segment__persona-txt {
  margin-bottom: 15px;
}
.segment__persona-promotion .segment__persona-content {
  margin-bottom: 30px;
}
.segment__persona-promotion .segment__persona-buttons.flex {
  display: inline-flex;
  flex-direction: column;
}
.segment__persona-promotion .segment__persona-buttons.flex .segment__persona-button {
  margin-right: 0;
  margin-bottom: 15px;
}
.segment__persona-promotion .segment__persona-buttons.flex .segment__persona-button:last-child {
  margin-bottom: 0;
}
.segment__persona-promotion .segment__persona-button {
  margin-right: 15px;
}
.segment__persona-promotion .segment__persona-button:last-child {
  margin-right: 0;
}
.segment__persona-abandoner .segment__persona-content {
  margin-bottom: 30px;
}
.segment__persona-abandoner .segment__persona-content:last-child {
  margin-bottom: 0;
}
.segment__persona-abandoner .segment__persona-content-high,
.segment__persona-abandoner .segment__persona-content-low {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.segment__persona-abandoner .segment__persona-content-high .segment__persona-txt,
.segment__persona-abandoner .segment__persona-content-low .segment__persona-txt {
  margin-right: 10px;
}
.segment__persona-abandoner .segment__persona-input {
  width: 30px;
}
.dashboard {
  padding: 0 30px 40px 30px;
}
.dashboard__load {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  z-index: 2147483647;
}
.dashboard__loader {
  display: block;
  width: 100px;
  height: 100px;
  border: 7px solid #3f0ef2;
  border-top: 7px solid #e9e9e9;
  border-radius: 50%;
  transition-property: transform;
  animation-name: rotateloader;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.dashboard__title {
  font-size: 24px;
  color: #575757;
  margin-top: 30px;
  margin-bottom: 50px;
}
.dashboard__container {
  background: #fff;
  padding: 40px;
  border-radius: 10px;
  border: solid 1px #ececec;
}
.dashboard__table .dashboard__load {
  margin-top: 20px;
}
.dashboard__table-row {
  border: solid 1px #cfcfcf;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  min-height: 56px;
  position: relative;
  padding-left: 20px;
  background: #fefefe;
  border-bottom: unset;
  font-size: 16px;
  color: #575757;
  cursor: pointer;
}
.dashboard__table-row:hover {
  background: #f9f9f9;
}
.dashboard__table-row.title {
  background-color: #f3f3f3;
  border-radius: 5px 5px 0 0;
  border: solid 1px #cfcfcf;
  border-bottom: unset;
  font-size: 16px;
  cursor: initial;
}
.dashboard__table-row.title:hover {
  background-color: #f3f3f3;
}
.dashboard__table-row:last-child {
  border-radius: 0 0 5px 5px;
  border: solid 1px #cfcfcf;
}
.dashboard__table-cell {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dashboard__table-cell:nth-child(1) {
  width: 20%;
}
.dashboard__table-cell:nth-child(2) {
  width: 15%;
}
.dashboard__table-cell:nth-child(3) {
  width: 20%;
}
.dashboard__table-cell:nth-child(4) {
  width: 20%;
}
.dashboard__table-cell:nth-child(5) {
  width: 20%;
}
.dashboard__table-cell:nth-child(6) {
  width: 5%;
}
.dashboard__table-cell .icon__inspect {
  width: 20px;
}
.dashboard__btn-create {
  display: flex;
  align-items: center;
  margin: 50px auto 0px auto;
  position: relative;
}
.dashboard__btn-create:hover {
  background: #320bbe;
}
.dashboard__btn-create .dashboard__load {
  height: 25px;
  width: 25px;
  position: absolute;
  right: -35px;
}
.dashboard__btn-create .dashboard__loader {
  height: 25px;
  width: 25px;
  border: 3px solid #3f0ef2;
  border-top: 3px solid #e9e9e9;
}
@-moz-keyframes rotateloader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateloader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotateloader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotateloader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.edit {
  padding: 0 30px 40px 30px;
}
.edit__load {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  z-index: 2147483647;
}
.edit__load.tiny {
  height: 25px;
  width: 25px;
}
.edit__loader {
  display: block;
  width: 100px;
  height: 100px;
  border: 7px solid #3f0ef2;
  border-top: 7px solid #e9e9e9;
  border-radius: 50%;
  transition-property: transform;
  animation-name: rotateloader;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.edit__loader.tiny {
  height: 25px;
  width: 25px;
  border: 3px solid #3f0ef2;
  border-top: 3px solid #e9e9e9;
}
.edit__loader.red {
  border: 3px solid #e55050;
  border-top: 3px solid #e9e9e9;
}
.edit__title {
  font-size: 24px;
  color: #575757;
  margin-top: 30px;
  margin-bottom: 50px;
}
.edit__status {
  display: inline-flex;
  font-size: 18px;
  color: #575757;
  margin-bottom: 10px;
  background: #fff;
  padding: 13px 15px;
  border-radius: 5px;
  border: solid 1px #ececec;
}
.edit__status-current {
  margin-left: 5px;
}
.edit__status-current.live {
  color: #6dde72;
}
.edit__status-current.completed {
  color: #3f0ef2;
}
.edit__container {
  background: #fff;
  padding: 40px;
  border-radius: 10px;
  border: solid 1px #ececec;
}
.edit__bloc {
  border-radius: 5px;
  padding: 30px 20px;
  width: 500px;
  border: solid 1px #cfcfcf;
}
.edit__bloc + .edit__bloc {
  margin-top: 40px;
}
.edit__bloc.variation {
  width: 800px;
}
.edit__label {
  color: #575757;
  font-size: 16px;
  margin-right: 10px;
}
.edit__input {
  margin-top: 10px;
  width: 400px;
  border: solid 1px #cfcfcf;
}
.edit__input.duration {
  width: 200px;
}
.edit__dropdown.duration {
  width: 125px;
}
.edit__dropdown.traffic {
  width: 135px;
}
.edit__dropdown.disable {
  opacity: 0.5;
  pointer-events: none;
}
.edit__subbloc + .edit__subbloc {
  margin-top: 40px;
}
.edit__subbloc.flex {
  display: flex;
}
.edit__subbloc.aligns-center {
  align-items: center;
}
.edit__subbloc.disable {
  opacity: 0.5;
  pointer-events: none;
}
.edit__launch-time {
  display: flex;
}
.edit__launch-hour,
.edit__launch-minute {
  margin-right: 10px;
}
.edit__launch-hour .dropdown,
.edit__launch-minute .dropdown {
  width: 115px;
}
.edit .rdp {
  border: solid 1px #cfcfcf;
  color: #575757;
  font-size: 16px;
  background: #fff;
  padding: 10px;
  width: 300px;
  margin: 0;
  margin-top: 10px;
}
.edit .rdp-caption_label {
  font-weight: unset;
  font-size: 16px;
}
.edit .rdp-nav_icon {
  width: 13px;
}
.edit__theme {
  width: 185px;
}
.edit__theme-error {
  font-size: 16px;
  color: #e55050;
}
.edit__theme-error-link {
  text-decoration: underline;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.edit__variation {
  margin-bottom: 50px;
}
.edit__variation-container {
  display: flex;
}
.edit__variation-label {
  width: 90px;
  color: #575757;
  font-size: 16px;
  width: 135px;
}
.edit__variation-bloc {
  display: flex;
  align-items: center;
}
.edit__variation-btn-edit,
.edit__variation-btn-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
  border: solid 1px #575757;
  border-radius: 7px;
  color: #575757;
  font-size: 16px;
}
.edit__variation-btn-edit .icon,
.edit__variation-btn-delete .icon {
  height: 16px;
  width: 16px;
}
.edit__variation-btn-edit:hover,
.edit__variation-btn-delete:hover {
  background: #f8f8f8;
}
.edit__variation-btn-edit {
  position: relative;
}
.edit__variation-btn-edit .edit__load {
  position: absolute;
  right: -22px;
  top: -18px;
}
.edit__variation-btn-edit .edit__loader {
  width: 14px;
  height: 14px;
  border-width: 2px;
}
.edit__variation-btn-delete {
  margin-left: 20px;
}
.edit__variation-edit-info {
  color: #575757;
  margin-left: 20px;
}
.edit__lastsave {
  color: #6dde72;
  margin-top: 10px;
}
.edit__btn-variation:hover {
  background: #f8f8f8;
}
.edit__btn-upgrade {
  color: #3f0ef2;
  text-decoration: underline;
  display: inline-flex;
  margin-top: 50px;
  font-size: 18px;
}
.edit__btn-status {
  display: flex;
  align-items: center;
  margin-top: 50px;
  position: relative;
}
.edit__btn-status .edit__load {
  position: absolute;
  right: -35px;
}
.edit__btn-status:hover {
  background: #320bbe;
}
.edit__btn-status.disable {
  opacity: 0.35;
  pointer-events: none;
  margin-top: 10px;
}
.edit__btn-delete {
  margin-top: 50px;
  position: relative;
}
.edit__btn-delete.light {
  background: #e66a6a;
}
.edit__btn-delete .edit__load {
  position: absolute;
  right: -35px;
}
.edit__btn-delete:hover {
  background: #df3131;
}
.edit__launch-error {
  color: #e55050;
  margin-top: 10px;
}
@-moz-keyframes rotateloader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateloader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes rotateloader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotateloader {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.login {
  color: #3f0ef2;
}
.login__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 150px;
}
.login__logo {
  width: 300px;
  margin-bottom: 50px;
}
.login__btn-logregister {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #3f0ef2;
  box-shadow: 0 0px 3px 0 #3f0ef2;
  border: solid 1px #3f0ef2;
  height: 40px;
  min-width: 300px;
  padding: 0 20px;
  border-radius: 5px;
  margin-bottom: 50px;
}
.login__shop {
  display: flex;
  margin-bottom: 15px;
  margin-top: 10px;
  width: 300px;
  border-radius: 5px;
}
.login__shop-input {
  background: #fff;
  border-radius: 5px 0px 0px 5px;
  height: 40px;
  font-size: 16px;
  border: solid 1px #575757;
  border-right: unset;
  width: 100%;
  padding-left: 10px;
}
.login__shop-placeholder {
  display: flex;
  align-items: center;
  justify-content: right;
  background: #fff;
  border-radius: 0px 5px 5px 0px;
  height: 40px;
  font-size: 16px;
  border: solid 1px #575757;
  border-left: unset;
  padding-right: 10px;
  padding-left: 10px;
}
.login__shop-placeholder-text {
  color: #575757;
}
.login__btn-log {
  width: 300px;
  text-align: center;
  font-size: 18px;
  transition: all 0.15s ease;
  transform: translateY(0px);
}
.login__btn-log:hover {
  transform: translateY(-2px);
}
body {
  background: #fbfbfb;
}