.theme-toneden * {
    --base: #1b1b1b;
    --base-h: 0deg;
    --base-s: 0%;
    --base-l: 10.5882352941%;
    --base-a: 1;
    --base-contrast: #272727;
    --base-contrast-h: 0deg;
    --base-contrast-s: 0%;
    --base-contrast-l: 15.2941176471%;
    --base-contrast-a: 1;
    --gray: #343434;
    --gray-h: 0deg;
    --gray-s: 0%;
    --gray-l: 20.3921568627%;
    --gray-a: 1;
    --slate: #383838;
    --slate-h: 0deg;
    --slate-s: 0%;
    --slate-l: 21.9607843137%;
    --slate-a: 1;
    --concrete: #484848;
    --concrete-h: 0deg;
    --concrete-s: 0%;
    --concrete-l: 28.2352941176%;
    --concrete-a: 1;
    --dark-gray: #3e3e3e;
    --dark-gray-h: 0deg;
    --dark-gray-s: 0%;
    --dark-gray-l: 24.3137254902%;
    --dark-gray-a: 1;
    --med-gray: #434343;
    --med-gray-h: 0deg;
    --med-gray-s: 0%;
    --med-gray-l: 26.2745098039%;
    --med-gray-a: 1;
    --light-gray: #777;
    --light-gray-h: 0deg;
    --light-gray-s: 0%;
    --light-gray-l: 46.6666666667%;
    --light-gray-a: 1;
    --concrete-gray: #626262;
    --concrete-gray-h: 0deg;
    --concrete-gray-s: 0%;
    --concrete-gray-l: 38.431372549%;
    --concrete-gray-a: 1;
    --purp: #6064ff;
    --purp-h: 238.4905660377deg;
    --purp-s: 100%;
    --purp-l: 68.8235294118%;
    --purp-a: 1;
    --purp-med: #222366;
    --purp-med-h: 239.1176470588deg;
    --purp-med-s: 50%;
    --purp-med-l: 26.6666666667%;
    --purp-med-a: 1;
    --purp-contrast: #131433;
    --purp-contrast-h: 238.125deg;
    --purp-contrast-s: 45.7142857143%;
    --purp-contrast-l: 13.7254901961%;
    --purp-contrast-a: 1;
    --purp-bg: linear-gradient(-180deg, #8a95ff, #7073fe);
    --purp-bg-hover: linear-gradient(-180deg, #808cff, #6669fe);
    --turq: #00c4ff;
    --turq-h: 193.8823529412deg;
    --turq-s: 100%;
    --turq-l: 50%;
    --turq-a: 1;
    --turq-contrast: #002733;
    --turq-contrast-h: 194.1176470588deg;
    --turq-contrast-s: 100%;
    --turq-contrast-l: 10%;
    --turq-contrast-a: 1;
    --turq-med: #004e66;
    --turq-med-h: 194.1176470588deg;
    --turq-med-s: 100%;
    --turq-med-l: 20%;
    --turq-med-a: 1;
    --turq-bg: linear-gradient(-180deg, #00caff, #008bff);
    --green: #00ffac;
    --green-h: 160.4705882353deg;
    --green-s: 100%;
    --green-l: 50%;
    --green-a: 1;
    --green-med: #006645;
    --green-med-h: 160.5882352941deg;
    --green-med-s: 100%;
    --green-med-l: 20%;
    --green-med-a: 1;
    --green-contrast: #032;
    --green-contrast-h: 160deg;
    --green-contrast-s: 100%;
    --green-contrast-l: 10%;
    --green-contrast-a: 1;
    --light-green: #00cc8a;
    --light-green-h: 160.5882352941deg;
    --light-green-s: 100%;
    --light-green-l: 40%;
    --light-green-a: 1;
    --blue: #008bff;
    --blue-h: 207.2941176471deg;
    --blue-s: 100%;
    --blue-l: 50%;
    --blue-a: 1;
    --red: #ff4081;
    --red-h: 339.5811518325deg;
    --red-s: 100%;
    --red-l: 62.5490196078%;
    --red-a: 1;
    --red-med: #661a34;
    --red-med-h: 339.4736842105deg;
    --red-med-s: 59.375%;
    --red-med-l: 25.0980392157%;
    --red-med-a: 1;
    --red-contrast: #330d1a;
    --red-contrast-h: 339.4736842105deg;
    --red-contrast-s: 59.375%;
    --red-contrast-l: 12.5490196078%;
    --red-contrast-a: 1;
    --yellow: #ebff00;
    --yellow-h: 64.7058823529deg;
    --yellow-s: 100%;
    --yellow-l: 50%;
    --yellow-a: 1;
    --yellow-med: #8d9900;
    --yellow-med-h: 64.7058823529deg;
    --yellow-med-s: 100%;
    --yellow-med-l: 30%;
    --yellow-med-a: 1;
    --yellow-contrast: #2f3300;
    --yellow-contrast-h: 64.7058823529deg;
    --yellow-contrast-s: 100%;
    --yellow-contrast-l: 10%;
    --yellow-contrast-a: 1;
    --lav: #d445ff;
    --lav-h: 286.1290322581deg;
    --lav-s: 100%;
    --lav-l: 63.5294117647%;
    --lav-a: 1;
    --violet: #7242f8;
    --violet-h: 255.8241758242deg;
    --violet-s: 92.8571428571%;
    --violet-l: 61.568627451%;
    --violet-a: 1;
    --sea: #00b6ff;
    --sea-h: 197.1764705882deg;
    --sea-s: 100%;
    --sea-l: 50%;
    --sea-a: 1;
    --accent1: #004e66;
    --accent1-h: 194.1176470588deg;
    --accent1-s: 100%;
    --accent1-l: 20%;
    --accent1-a: 1;
    --accent2: #00ffac;
    --accent2-h: 160.4705882353deg;
    --accent2-s: 100%;
    --accent2-l: 50%;
    --accent2-a: 1;
    --accent3: #004e66;
    --accent3-h: 194.1176470588deg;
    --accent3-s: 100%;
    --accent3-l: 20%;
    --accent3-a: 1;
    --accent4: #004e66;
    --accent4-h: 194.1176470588deg;
    --accent4-s: 100%;
    --accent4-l: 20%;
    --accent4-a: 1;
    --btn-primary-bg: #00c4ff;
    --btn-primary-bg-h: 193.8823529412deg;
    --btn-primary-bg-s: 100%;
    --btn-primary-bg-l: 50%;
    --btn-primary-bg-a: 1;
    --btn-primary-hover-bg: #00b0e6;
    --btn-primary-hover-bg-h: 193.8823529412deg;
    --btn-primary-hover-bg-s: 100%;
    --btn-primary-hover-bg-l: 45%;
    --btn-primary-hover-bg-a: 1;
    --btn-success-bg: #6064ff;
    --btn-success-bg-h: 238.4905660377deg;
    --btn-success-bg-s: 100%;
    --btn-success-bg-l: 68.8235294118%;
    --btn-success-bg-a: 1;
    --platform-btn-bg: #004e66;
    --platform-btn-bg-h: 194.1176470588deg;
    --platform-btn-bg-s: 100%;
    --platform-btn-bg-l: 20%;
    --platform-btn-bg-a: 1;
    --eb-link-button-text-color: hsla(0, 0%, 100%, .8);
    --eb-link-button-text-color-h: 0deg;
    --eb-link-button-text-color-s: 0%;
    --eb-link-button-text-color-l: 100%;
    --eb-link-button-text-color-a: 0.8;
    --eb-link-button-text-hover-color: #00b0e6;
    --eb-link-button-text-hover-color-h: 193.8823529412deg;
    --eb-link-button-text-hover-color-s: 100%;
    --eb-link-button-text-hover-color-l: 45%;
    --eb-link-button-text-hover-color-a: 1;
    --eb-link-button-border-hover-color: #00b0e6;
    --eb-link-button-border-hover-color-h: 193.8823529412deg;
    --eb-link-button-border-hover-color-s: 100%;
    --eb-link-button-border-hover-color-l: 45%;
    --eb-link-button-border-hover-color-a: 1;
    --eb-link-button-background-color: #002733;
    --eb-link-button-background-color-h: 194.1176470588deg;
    --eb-link-button-background-color-s: 100%;
    --eb-link-button-background-color-l: 10%;
    --eb-link-button-background-color-a: 1;
    --text-color: #fff;
    --text-color-h: 0deg;
    --text-color-s: 0%;
    --text-color-l: 100%;
    --text-color-a: 1;
    --text-color-contrast: hsla(0, 0%, 100%, .8);
    --text-color-contrast-h: 0deg;
    --text-color-contrast-s: 0%;
    --text-color-contrast-l: 100%;
    --text-color-contrast-a: 0.8;
    --text-color-alt: hsla(0, 0%, 100%, .7);
    --text-color-alt-h: 0deg;
    --text-color-alt-s: 0%;
    --text-color-alt-l: 100%;
    --text-color-alt-a: 0.7;
    --text-color-invert: #333;
    --text-color-invert-h: 0deg;
    --text-color-invert-s: 0%;
    --text-color-invert-l: 20%;
    --text-color-invert-a: 1;
    --link-color: hsla(0, 0%, 100%, .8);
    --link-color-h: 0deg;
    --link-color-s: 0%;
    --link-color-l: 100%;
    --link-color-a: 0.8;
    --link-hover-color: #fff;
    --link-hover-color-h: 0deg;
    --link-hover-color-s: 0%;
    --link-hover-color-l: 100%;
    --link-hover-color-a: 1;
    --select-color: hsla(0, 0%, 100%, .8);
    --select-color-h: 0deg;
    --select-color-s: 0%;
    --select-color-l: 100%;
    --select-color-a: 0.8;
    --base-border: #1b1b1b;
    --base-border-h: 0deg;
    --base-border-s: 0%;
    --base-border-l: 10.5882352941%;
    --base-border-a: 1;
    --shadow-color: #000;
    --shadow-color-h: 0deg;
    --shadow-color-s: 0%;
    --shadow-color-l: 0%;
    --shadow-color-a: 1;
    --turq-shadow-1: rgba(0, 204, 255, .2);
    --turq-shadow-1-h: 192deg;
    --turq-shadow-1-s: 100%;
    --turq-shadow-1-l: 50%;
    --turq-shadow-1-a: 0.2;
    --turq-shadow-2: rgba(0, 0, 0, .2);
    --turq-shadow-2-h: 0deg;
    --turq-shadow-2-s: 0%;
    --turq-shadow-2-l: 0%;
    --turq-shadow-2-a: 0.2;
    --dialog-overlay: rgba(0, 0, 0, .4);
    --dialog-overlay-h: 0deg;
    --dialog-overlay-s: 0%;
    --dialog-overlay-l: 0%;
    --dialog-overlay-a: 0.4;
    --dialog-overlay-dark: rgba(0, 0, 0, .85);
    --dialog-overlay-dark-h: 0deg;
    --dialog-overlay-dark-s: 0%;
    --dialog-overlay-dark-l: 0%;
    --dialog-overlay-dark-a: 0.85;
    --report-trim: #6064ff;
    --report-trim-h: 238.4905660377deg;
    --report-trim-s: 100%;
    --report-trim-l: 68.8235294118%;
    --report-trim-a: 1;
    --sans-serif: Calibre, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    --serif: Mercury, Palatino Linotype, Book Antiqua, Palatino, serif;
    --font-size-tiny: 12px;
    --font-size-small: 14px;
    --font-size-default: 16px;
    --font-size-medium: 18px;
    --font-size-thicc: 20px;
    --font-size-large: 22px;
    --font-size-xlarge: 26px;
    --font-size-massive: 38px;
    --font-size-explosive: 48px;
    --attachment-background: #212121;
    --attachment-background-h: 0deg;
    --attachment-background-s: 0%;
    --attachment-background-l: 13.0882352941%;
    --attachment-background-a: 1
}

.theme-eventbrite * {
    --base: #fff;
    --base-h: 0deg;
    --base-s: 0%;
    --base-l: 100%;
    --base-a: 1;
    --base-contrast: #fafafa;
    --base-contrast-h: 0deg;
    --base-contrast-s: 0%;
    --base-contrast-l: 98.0392156863%;
    --base-contrast-a: 1;
    --gray: #f4f4f4;
    --gray-h: 0deg;
    --gray-s: 0%;
    --gray-l: 95.6862745098%;
    --gray-a: 1;
    --slate: #eeedf2;
    --slate-h: 252deg;
    --slate-s: 16.1290322581%;
    --slate-l: 93.9215686275%;
    --slate-a: 1;
    --concrete: #e5e4ea;
    --concrete-h: 250deg;
    --concrete-s: 12.5%;
    --concrete-l: 90.5882352941%;
    --concrete-a: 1;
    --dark-gray: #e3e3e3;
    --dark-gray-h: 0deg;
    --dark-gray-s: 0%;
    --dark-gray-l: 89.0196078431%;
    --dark-gray-a: 1;
    --med-gray: #dddbe4;
    --med-gray-h: 253.3333333333deg;
    --med-gray-s: 14.2857142857%;
    --med-gray-l: 87.6470588235%;
    --med-gray-a: 1;
    --light-gray: #dadada;
    --light-gray-h: 0deg;
    --light-gray-s: 0%;
    --light-gray-l: 85.4901960784%;
    --light-gray-a: 1;
    --concrete-gray: #dbdae3;
    --concrete-gray-h: 246.6666666667deg;
    --concrete-gray-s: 13.8461538462%;
    --concrete-gray-l: 87.2549019608%;
    --concrete-gray-a: 1;
    --purp: #555fff;
    --purp-h: 236.4705882353deg;
    --purp-s: 100%;
    --purp-l: 66.6666666667%;
    --purp-a: 1;
    --purp-med: #373da6;
    --purp-med-h: 236.7567567568deg;
    --purp-med-s: 50.2262443439%;
    --purp-med-l: 43.3333333333%;
    --purp-med-a: 1;
    --purp-contrast: #f7f8ff;
    --purp-contrast-h: 232.5deg;
    --purp-contrast-s: 100%;
    --purp-contrast-l: 98.431372549%;
    --purp-contrast-a: 1;
    --purp-bg: linear-gradient(-180deg, #8a95ff, #7073fe);
    --purp-bg-hover: linear-gradient(-180deg, #808cff, #6669fe);
    --turq: #3659e3;
    --turq-h: 227.8612716763deg;
    --turq-s: 75.5458515284%;
    --turq-l: 55.0980392157%;
    --turq-a: 1;
    --turq-bg: linear-gradient(-180deg, #029fff, #008bff);
    --turq-contrast: #f7fdff;
    --turq-contrast-h: 195deg;
    --turq-contrast-s: 100%;
    --turq-contrast-l: 98.431372549%;
    --turq-contrast-a: 1;
    --turq-med: #ddf7ff;
    --turq-med-h: 195deg;
    --turq-med-s: 100%;
    --turq-med-l: 93.431372549%;
    --turq-med-a: 1;
    --green: #179c55;
    --green-h: 147.969924812deg;
    --green-s: 74.3016759777%;
    --green-l: 35.0980392157%;
    --green-a: 1;
    --green-med: #b6ffd8;
    --green-med-h: 147.9452054795deg;
    --green-med-s: 100%;
    --green-med-l: 85.6862745098%;
    --green-med-a: 1;
    --green-contrast: #bdffdc;
    --green-contrast-h: 148.1818181818deg;
    --green-contrast-s: 100%;
    --green-contrast-l: 87.0588235294%;
    --green-contrast-a: 1;
    --light-green: #00cc8a;
    --light-green-h: 160.5882352941deg;
    --light-green-s: 100%;
    --light-green-l: 40%;
    --light-green-a: 1;
    --blue: #3659e3;
    --blue-h: 227.8612716763deg;
    --blue-s: 75.5458515284%;
    --blue-l: 55.0980392157%;
    --blue-a: 1;
    --red: #ff4081;
    --red-h: 339.5811518325deg;
    --red-s: 100%;
    --red-l: 62.5490196078%;
    --red-a: 1;
    --red-med: #f2abc3;
    --red-med-h: 339.7183098592deg;
    --red-med-s: 73.1958762887%;
    --red-med-l: 80.9803921569%;
    --red-med-a: 1;
    --yellow: #ffb400;
    --yellow-h: 42.3529411765deg;
    --yellow-s: 100%;
    --yellow-l: 50%;
    --yellow-a: 1;
    --red-contrast: #ffe7ef;
    --red-contrast-h: 340deg;
    --red-contrast-s: 100%;
    --red-contrast-l: 95.2941176471%;
    --red-contrast-a: 1;
    --yellow-med: #fffbe4;
    --yellow-med-h: 51.1111111111deg;
    --yellow-med-s: 100%;
    --yellow-med-l: 94.7058823529%;
    --yellow-med-a: 1;
    --yellow-contrast: #fffbe4;
    --yellow-contrast-h: 51.1111111111deg;
    --yellow-contrast-s: 100%;
    --yellow-contrast-l: 94.7058823529%;
    --yellow-contrast-a: 1;
    --lav: #d445ff;
    --lav-h: 286.1290322581deg;
    --lav-s: 100%;
    --lav-l: 63.5294117647%;
    --lav-a: 1;
    --violet: #7242f8;
    --violet-h: 255.8241758242deg;
    --violet-s: 92.8571428571%;
    --violet-l: 61.568627451%;
    --violet-a: 1;
    --sea: #00b6ff;
    --sea-h: 197.1764705882deg;
    --sea-s: 100%;
    --sea-l: 50%;
    --sea-a: 1;
    --accent1: #f05537;
    --accent1-h: 9.7297297297deg;
    --accent1-s: 86.0465116279%;
    --accent1-l: 57.8431372549%;
    --accent1-a: 1;
    --accent2: #1e0a3c;
    --accent2-h: 264deg;
    --accent2-s: 71.4285714286%;
    --accent2-l: 13.7254901961%;
    --accent2-a: 1;
    --accent3: #641e91;
    --accent3-h: 276.5217391304deg;
    --accent3-s: 65.7142857143%;
    --accent3-l: 34.3137254902%;
    --accent3-a: 1;
    --accent4: #4be1a0;
    --accent4-h: 154deg;
    --accent4-s: 71.4285714286%;
    --accent4-l: 58.8235294118%;
    --accent4-a: 1;
    --btn-primary-bg: #029fff;
    --btn-primary-bg-h: 202.766798419deg;
    --btn-primary-bg-s: 100%;
    --btn-primary-bg-l: 50.3921568627%;
    --btn-primary-bg-a: 1;
    --btn-primary-hover-bg: #0090e7;
    --btn-primary-hover-bg-h: 202.766798419deg;
    --btn-primary-hover-bg-s: 100%;
    --btn-primary-hover-bg-l: 45.3921568627%;
    --btn-primary-hover-bg-a: 1;
    --btn-success-bg: #6064ff;
    --btn-success-bg-h: 238.4905660377deg;
    --btn-success-bg-s: 100%;
    --btn-success-bg-l: 68.8235294118%;
    --btn-success-bg-a: 1;
    --platform-btn-bg: #3d64ff;
    --platform-btn-bg-h: 227.9381443299deg;
    --platform-btn-bg-s: 100%;
    --platform-btn-bg-l: 61.9607843137%;
    --platform-btn-bg-a: 1;
    --eb-link-button-text-color: #3d64ff;
    --eb-link-button-text-color-h: 227.9381443299deg;
    --eb-link-button-text-color-s: 100%;
    --eb-link-button-text-color-l: 61.9607843137%;
    --eb-link-button-text-color-a: 1;
    --eb-link-button-background-color: #f8f7fa;
    --eb-link-button-background-color-h: 260deg;
    --eb-link-button-background-color-s: 23.0769230769%;
    --eb-link-button-background-color-l: 97.4509803922%;
    --eb-link-button-background-color-a: 1;
    --eb-link-button-border-hover-color: transparent;
    --eb-link-button-border-hover-color-h: 0deg;
    --eb-link-button-border-hover-color-s: 0%;
    --eb-link-button-border-hover-color-l: 0%;
    --eb-link-button-border-hover-color-a: 0;
    --text-color: #333;
    --text-color-h: 0deg;
    --text-color-s: 0%;
    --text-color-l: 20%;
    --text-color-a: 1;
    --text-color-contrast: #6f7287;
    --text-color-contrast-h: 232.5deg;
    --text-color-contrast-s: 9.756097561%;
    --text-color-contrast-l: 48.2352941176%;
    --text-color-contrast-a: 1;
    --text-color-alt: #999;
    --text-color-alt-h: 0deg;
    --text-color-alt-s: 0%;
    --text-color-alt-l: 60%;
    --text-color-alt-a: 1;
    --text-color-invert: #fff;
    --text-color-invert-h: 0deg;
    --text-color-invert-s: 0%;
    --text-color-invert-l: 100%;
    --text-color-invert-a: 1;
    --link-color: #737373;
    --link-color-h: 0deg;
    --link-color-s: 0%;
    --link-color-l: 45%;
    --link-color-a: 1;
    --link-hover-color: #333;
    --link-hover-color-h: 0deg;
    --link-hover-color-s: 0%;
    --link-hover-color-l: 20%;
    --link-hover-color-a: 1;
    --select-color: #ddf7ff;
    --select-color-h: 195deg;
    --select-color-s: 100%;
    --select-color-l: 93.431372549%;
    --select-color-a: 1;
    --base-border: #ededed;
    --base-border-h: 0deg;
    --base-border-s: 0%;
    --base-border-l: 92.9411764706%;
    --base-border-a: 1;
    --shadow-color: #aaa;
    --shadow-color-h: 0deg;
    --shadow-color-s: 0%;
    --shadow-color-l: 66.6666666667%;
    --shadow-color-a: 1;
    --turq-shadow-1: rgba(2, 159, 255, .2);
    --turq-shadow-1-h: 202.766798419deg;
    --turq-shadow-1-s: 100%;
    --turq-shadow-1-l: 50.3921568627%;
    --turq-shadow-1-a: 0.2;
    --turq-shadow-2: rgba(0, 0, 0, .05);
    --turq-shadow-2-h: 0deg;
    --turq-shadow-2-s: 0%;
    --turq-shadow-2-l: 0%;
    --turq-shadow-2-a: 0.05;
    --dialog-overlay: rgba(0, 0, 0, .4);
    --dialog-overlay-h: 0deg;
    --dialog-overlay-s: 0%;
    --dialog-overlay-l: 0%;
    --dialog-overlay-a: 0.4;
    --dialog-overlay-dark: hsla(0, 0%, 100%, .85);
    --dialog-overlay-dark-h: 0deg;
    --dialog-overlay-dark-s: 0%;
    --dialog-overlay-dark-l: 100%;
    --dialog-overlay-dark-a: 0.85;
    --report-trim: #f05537;
    --report-trim-h: 9.7297297297deg;
    --report-trim-s: 86.0465116279%;
    --report-trim-l: 57.8431372549%;
    --report-trim-a: 1;
    --sans-serif: Neue Plak, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    --serif: Neue Plak, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    --font-size-tiny: 10px;
    --font-size-small: 12px;
    --font-size-default: 14px;
    --font-size-medium: 16px;
    --font-size-thicc: 18px;
    --font-size-large: 20px;
    --font-size-xlarge: 24px;
    --font-size-massive: 32px;
    --font-size-explosive: 48px;
    --attachment-background: #fff;
    --attachment-background-h: 0deg;
    --attachment-background-s: 0%;
    --attachment-background-l: 100%;
    --attachment-background-a: 1
}

.theme-ror * {
    --base: #fff;
    --base-h: 0deg;
    --base-s: 0%;
    --base-l: 100%;
    --base-a: 1;
    --base-contrast: #f7f7f7;
    --base-contrast-h: 0deg;
    --base-contrast-s: 0%;
    --base-contrast-l: 96.862745098%;
    --base-contrast-a: 1;
    --gray: #f4f4f4;
    --gray-h: 0deg;
    --gray-s: 0%;
    --gray-l: 95.6862745098%;
    --gray-a: 1;
    --slate: #f8f8f8;
    --slate-h: 0deg;
    --slate-s: 0%;
    --slate-l: 97.2549019608%;
    --slate-a: 1;
    --concrete: #efefef;
    --concrete-h: 0deg;
    --concrete-s: 0%;
    --concrete-l: 93.7254901961%;
    --concrete-a: 1;
    --dark-gray: #e3e3e3;
    --dark-gray-h: 0deg;
    --dark-gray-s: 0%;
    --dark-gray-l: 89.0196078431%;
    --dark-gray-a: 1;
    --med-gray: #d3d3d3;
    --med-gray-h: 0deg;
    --med-gray-s: 0%;
    --med-gray-l: 82.7450980392%;
    --med-gray-a: 1;
    --light-gray: #dadada;
    --light-gray-h: 0deg;
    --light-gray-s: 0%;
    --light-gray-l: 85.4901960784%;
    --light-gray-a: 1;
    --concrete-gray: #d8d8d8;
    --concrete-gray-h: 0deg;
    --concrete-gray-s: 0%;
    --concrete-gray-l: 84.7058823529%;
    --concrete-gray-a: 1;
    --purp: #029fff;
    --purp-h: 202.766798419deg;
    --purp-s: 100%;
    --purp-l: 50.3921568627%;
    --purp-a: 1;
    --purp-med: #373da6;
    --purp-med-h: 236.7567567568deg;
    --purp-med-s: 50.2262443439%;
    --purp-med-l: 43.3333333333%;
    --purp-med-a: 1;
    --purp-bg: linear-gradient(-180deg, #8a95ff, #7073fe);
    --purp-bg-hover: linear-gradient(-180deg, #808cff, #6669fe);
    --purp-contrast: #f7f8ff;
    --purp-contrast-h: 232.5deg;
    --purp-contrast-s: 100%;
    --purp-contrast-l: 98.431372549%;
    --purp-contrast-a: 1;
    --turq: #029fff;
    --turq-h: 202.766798419deg;
    --turq-s: 100%;
    --turq-l: 50.3921568627%;
    --turq-a: 1;
    --turq-bg: linear-gradient(-180deg, #029fff, #008bff);
    --turq-contrast: #f7fdff;
    --turq-contrast-h: 195deg;
    --turq-contrast-s: 100%;
    --turq-contrast-l: 98.431372549%;
    --turq-contrast-a: 1;
    --turq-med: #ddf7ff;
    --turq-med-h: 195deg;
    --turq-med-s: 100%;
    --turq-med-l: 93.431372549%;
    --turq-med-a: 1;
    --green: #00e69e;
    --green-h: 161.2173913043deg;
    --green-s: 100%;
    --green-l: 45.0980392157%;
    --green-a: 1;
    --green-med: #b3ffe7;
    --green-med-h: 161.2173913043deg;
    --green-med-s: 100%;
    --green-med-l: 85.0980392157%;
    --green-med-a: 1;
    --green-contrast: #e2fff5;
    --green-contrast-h: 159.3103448276deg;
    --green-contrast-s: 100%;
    --green-contrast-l: 94.3137254902%;
    --green-contrast-a: 1;
    --light-green: #00cc8a;
    --light-green-h: 160.5882352941deg;
    --light-green-s: 100%;
    --light-green-l: 40%;
    --light-green-a: 1;
    --blue: #008bff;
    --blue-h: 207.2941176471deg;
    --blue-s: 100%;
    --blue-l: 50%;
    --blue-a: 1;
    --red: #ff4081;
    --red-h: 339.5811518325deg;
    --red-s: 100%;
    --red-l: 62.5490196078%;
    --red-a: 1;
    --red-med: #f2abc3;
    --red-med-h: 339.7183098592deg;
    --red-med-s: 73.1958762887%;
    --red-med-l: 80.9803921569%;
    --red-med-a: 1;
    --yellow: #ffb400;
    --yellow-h: 42.3529411765deg;
    --yellow-s: 100%;
    --yellow-l: 50%;
    --yellow-a: 1;
    --red-contrast: #ffe7ef;
    --red-contrast-h: 340deg;
    --red-contrast-s: 100%;
    --red-contrast-l: 95.2941176471%;
    --red-contrast-a: 1;
    --yellow-med: #fffbe4;
    --yellow-med-h: 51.1111111111deg;
    --yellow-med-s: 100%;
    --yellow-med-l: 94.7058823529%;
    --yellow-med-a: 1;
    --yellow-contrast: #fffbe4;
    --yellow-contrast-h: 51.1111111111deg;
    --yellow-contrast-s: 100%;
    --yellow-contrast-l: 94.7058823529%;
    --yellow-contrast-a: 1;
    --lav: #d445ff;
    --lav-h: 286.1290322581deg;
    --lav-s: 100%;
    --lav-l: 63.5294117647%;
    --lav-a: 1;
    --violet: #7242f8;
    --violet-h: 255.8241758242deg;
    --violet-s: 92.8571428571%;
    --violet-l: 61.568627451%;
    --violet-a: 1;
    --sea: #00b6ff;
    --sea-h: 197.1764705882deg;
    --sea-s: 100%;
    --sea-l: 50%;
    --sea-a: 1;
    --accent1: #2772b8;
    --accent1-h: 208.9655172414deg;
    --accent1-s: 65.0224215247%;
    --accent1-l: 43.7254901961%;
    --accent1-a: 1;
    --accent2: #3c8cd6;
    --accent2-h: 208.9655172414deg;
    --accent2-s: 65.0224215247%;
    --accent2-l: 53.7254901961%;
    --accent2-a: 1;
    --accent3: #3c8cd6;
    --accent3-h: 208.9655172414deg;
    --accent3-s: 65.0224215247%;
    --accent3-l: 53.7254901961%;
    --accent3-a: 1;
    --accent4: #3c8cd6;
    --accent4-h: 208.9655172414deg;
    --accent4-s: 65.0224215247%;
    --accent4-l: 53.7254901961%;
    --accent4-a: 1;
    --btn-primary-bg: #029fff;
    --btn-primary-bg-h: 202.766798419deg;
    --btn-primary-bg-s: 100%;
    --btn-primary-bg-l: 50.3921568627%;
    --btn-primary-bg-a: 1;
    --btn-primary-hover-bg: #0090e7;
    --btn-primary-hover-bg-h: 202.766798419deg;
    --btn-primary-hover-bg-s: 100%;
    --btn-primary-hover-bg-l: 45.3921568627%;
    --btn-primary-hover-bg-a: 1;
    --btn-success-bg: #6064ff;
    --btn-success-bg-h: 238.4905660377deg;
    --btn-success-bg-s: 100%;
    --btn-success-bg-l: 68.8235294118%;
    --btn-success-bg-a: 1;
    --platform-btn-bg: #1866a5;
    --platform-btn-bg-h: 206.8085106383deg;
    --platform-btn-bg-s: 74.6031746032%;
    --platform-btn-bg-l: 37.0588235294%;
    --platform-btn-bg-a: 1;
    --text-color: #333;
    --text-color-h: 0deg;
    --text-color-s: 0%;
    --text-color-l: 20%;
    --text-color-a: 1;
    --text-color-contrast: #6f7287;
    --text-color-contrast-h: 232.5deg;
    --text-color-contrast-s: 9.756097561%;
    --text-color-contrast-l: 48.2352941176%;
    --text-color-contrast-a: 1;
    --text-color-alt: #999;
    --text-color-alt-h: 0deg;
    --text-color-alt-s: 0%;
    --text-color-alt-l: 60%;
    --text-color-alt-a: 1;
    --text-color-invert: #fff;
    --text-color-invert-h: 0deg;
    --text-color-invert-s: 0%;
    --text-color-invert-l: 100%;
    --text-color-invert-a: 1;
    --link-color: #737373;
    --link-color-h: 0deg;
    --link-color-s: 0%;
    --link-color-l: 45%;
    --link-color-a: 1;
    --link-hover-color: #333;
    --link-hover-color-h: 0deg;
    --link-hover-color-s: 0%;
    --link-hover-color-l: 20%;
    --link-hover-color-a: 1;
    --select-color: #ddf7ff;
    --select-color-h: 195deg;
    --select-color-s: 100%;
    --select-color-l: 93.431372549%;
    --select-color-a: 1;
    --base-border: #ededed;
    --base-border-h: 0deg;
    --base-border-s: 0%;
    --base-border-l: 92.9411764706%;
    --base-border-a: 1;
    --shadow-color: #aaa;
    --shadow-color-h: 0deg;
    --shadow-color-s: 0%;
    --shadow-color-l: 66.6666666667%;
    --shadow-color-a: 1;
    --turq-shadow-1: rgba(2, 159, 255, .2);
    --turq-shadow-1-h: 202.766798419deg;
    --turq-shadow-1-s: 100%;
    --turq-shadow-1-l: 50.3921568627%;
    --turq-shadow-1-a: 0.2;
    --turq-shadow-2: rgba(0, 0, 0, .05);
    --turq-shadow-2-h: 0deg;
    --turq-shadow-2-s: 0%;
    --turq-shadow-2-l: 0%;
    --turq-shadow-2-a: 0.05;
    --dialog-overlay: rgba(0, 0, 0, .4);
    --dialog-overlay-h: 0deg;
    --dialog-overlay-s: 0%;
    --dialog-overlay-l: 0%;
    --dialog-overlay-a: 0.4;
    --dialog-overlay-dark: hsla(0, 0%, 100%, .85);
    --dialog-overlay-dark-h: 0deg;
    --dialog-overlay-dark-s: 0%;
    --dialog-overlay-dark-l: 100%;
    --dialog-overlay-dark-a: 0.85;
    --report-trim: #029fff;
    --report-trim-h: 202.766798419deg;
    --report-trim-s: 100%;
    --report-trim-l: 50.3921568627%;
    --report-trim-a: 1;
    --sans-serif: Calibre, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    --serif: Calibre, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    --font-size-tiny: 10px;
    --font-size-small: 12px;
    --font-size-default: 14px;
    --font-size-medium: 16px;
    --font-size-thicc: 18px;
    --font-size-large: 20px;
    --font-size-xlarge: 24px;
    --font-size-massive: 32px;
    --font-size-explosive: 48px;
    --attachment-background: #fff;
    --attachment-background-h: 0deg;
    --attachment-background-s: 0%;
    --attachment-background-l: 100%;
    --attachment-background-a: 1
}

.theme-prekindle * {
    --base: #fff;
    --base-h: 0deg;
    --base-s: 0%;
    --base-l: 100%;
    --base-a: 1;
    --base-contrast: #f7f7f7;
    --base-contrast-h: 0deg;
    --base-contrast-s: 0%;
    --base-contrast-l: 96.862745098%;
    --base-contrast-a: 1;
    --gray: #f4f4f4;
    --gray-h: 0deg;
    --gray-s: 0%;
    --gray-l: 95.6862745098%;
    --gray-a: 1;
    --slate: #f8f8f8;
    --slate-h: 0deg;
    --slate-s: 0%;
    --slate-l: 97.2549019608%;
    --slate-a: 1;
    --concrete: #efefef;
    --concrete-h: 0deg;
    --concrete-s: 0%;
    --concrete-l: 93.7254901961%;
    --concrete-a: 1;
    --dark-gray: #e3e3e3;
    --dark-gray-h: 0deg;
    --dark-gray-s: 0%;
    --dark-gray-l: 89.0196078431%;
    --dark-gray-a: 1;
    --med-gray: #d3d3d3;
    --med-gray-h: 0deg;
    --med-gray-s: 0%;
    --med-gray-l: 82.7450980392%;
    --med-gray-a: 1;
    --light-gray: #dadada;
    --light-gray-h: 0deg;
    --light-gray-s: 0%;
    --light-gray-l: 85.4901960784%;
    --light-gray-a: 1;
    --concrete-gray: #d8d8d8;
    --concrete-gray-h: 0deg;
    --concrete-gray-s: 0%;
    --concrete-gray-l: 84.7058823529%;
    --concrete-gray-a: 1;
    --purp: #555fff;
    --purp-h: 236.4705882353deg;
    --purp-s: 100%;
    --purp-l: 66.6666666667%;
    --purp-a: 1;
    --purp-med: #373da6;
    --purp-med-h: 236.7567567568deg;
    --purp-med-s: 50.2262443439%;
    --purp-med-l: 43.3333333333%;
    --purp-med-a: 1;
    --purp-bg: linear-gradient(-180deg, #8a95ff, #7073fe);
    --purp-bg-hover: linear-gradient(-180deg, #808cff, #6669fe);
    --purp-contrast: #f7f8ff;
    --purp-contrast-h: 232.5deg;
    --purp-contrast-s: 100%;
    --purp-contrast-l: 98.431372549%;
    --purp-contrast-a: 1;
    --turq: #1e96ff;
    --turq-h: 208deg;
    --turq-s: 100%;
    --turq-l: 55.8823529412%;
    --turq-a: 1;
    --turq-bg: linear-gradient(-180deg, #029fff, #008bff);
    --turq-contrast: #f7fdff;
    --turq-contrast-h: 195deg;
    --turq-contrast-s: 100%;
    --turq-contrast-l: 98.431372549%;
    --turq-contrast-a: 1;
    --turq-med: #ddf7ff;
    --turq-med-h: 195deg;
    --turq-med-s: 100%;
    --turq-med-l: 93.431372549%;
    --turq-med-a: 1;
    --green: #00e69e;
    --green-h: 161.2173913043deg;
    --green-s: 100%;
    --green-l: 45.0980392157%;
    --green-a: 1;
    --green-med: #b3ffe7;
    --green-med-h: 161.2173913043deg;
    --green-med-s: 100%;
    --green-med-l: 85.0980392157%;
    --green-med-a: 1;
    --green-contrast: #e2fff5;
    --green-contrast-h: 159.3103448276deg;
    --green-contrast-s: 100%;
    --green-contrast-l: 94.3137254902%;
    --green-contrast-a: 1;
    --light-green: #00cc8a;
    --light-green-h: 160.5882352941deg;
    --light-green-s: 100%;
    --light-green-l: 40%;
    --light-green-a: 1;
    --blue: #008bff;
    --blue-h: 207.2941176471deg;
    --blue-s: 100%;
    --blue-l: 50%;
    --blue-a: 1;
    --red: #ff4081;
    --red-h: 339.5811518325deg;
    --red-s: 100%;
    --red-l: 62.5490196078%;
    --red-a: 1;
    --red-med: #f2abc3;
    --red-med-h: 339.7183098592deg;
    --red-med-s: 73.1958762887%;
    --red-med-l: 80.9803921569%;
    --red-med-a: 1;
    --yellow: #ffb400;
    --yellow-h: 42.3529411765deg;
    --yellow-s: 100%;
    --yellow-l: 50%;
    --yellow-a: 1;
    --red-contrast: #ffe7ef;
    --red-contrast-h: 340deg;
    --red-contrast-s: 100%;
    --red-contrast-l: 95.2941176471%;
    --red-contrast-a: 1;
    --yellow-med: #fffbe4;
    --yellow-med-h: 51.1111111111deg;
    --yellow-med-s: 100%;
    --yellow-med-l: 94.7058823529%;
    --yellow-med-a: 1;
    --yellow-contrast: #fffbe4;
    --yellow-contrast-h: 51.1111111111deg;
    --yellow-contrast-s: 100%;
    --yellow-contrast-l: 94.7058823529%;
    --yellow-contrast-a: 1;
    --lav: #d445ff;
    --lav-h: 286.1290322581deg;
    --lav-s: 100%;
    --lav-l: 63.5294117647%;
    --lav-a: 1;
    --violet: #7242f8;
    --violet-h: 255.8241758242deg;
    --violet-s: 92.8571428571%;
    --violet-l: 61.568627451%;
    --violet-a: 1;
    --sea: #00b6ff;
    --sea-h: 197.1764705882deg;
    --sea-s: 100%;
    --sea-l: 50%;
    --sea-a: 1;
    --accent1: #1e96ff;
    --accent1-h: 208deg;
    --accent1-s: 100%;
    --accent1-l: 55.8823529412%;
    --accent1-a: 1;
    --accent2: #1e96ff;
    --accent2-h: 208deg;
    --accent2-s: 100%;
    --accent2-l: 55.8823529412%;
    --accent2-a: 1;
    --accent3: #1866a5;
    --accent3-h: 206.8085106383deg;
    --accent3-s: 74.6031746032%;
    --accent3-l: 37.0588235294%;
    --accent3-a: 1;
    --accent4: #1866a5;
    --accent4-h: 206.8085106383deg;
    --accent4-s: 74.6031746032%;
    --accent4-l: 37.0588235294%;
    --accent4-a: 1;
    --btn-primary-bg: #029fff;
    --btn-primary-bg-h: 202.766798419deg;
    --btn-primary-bg-s: 100%;
    --btn-primary-bg-l: 50.3921568627%;
    --btn-primary-bg-a: 1;
    --btn-primary-hover-bg: #0090e7;
    --btn-primary-hover-bg-h: 202.766798419deg;
    --btn-primary-hover-bg-s: 100%;
    --btn-primary-hover-bg-l: 45.3921568627%;
    --btn-primary-hover-bg-a: 1;
    --btn-success-bg: #6064ff;
    --btn-success-bg-h: 238.4905660377deg;
    --btn-success-bg-s: 100%;
    --btn-success-bg-l: 68.8235294118%;
    --btn-success-bg-a: 1;
    --platform-btn-bg: #ea214f;
    --platform-btn-bg-h: 346.2686567164deg;
    --platform-btn-bg-s: 82.7160493827%;
    --platform-btn-bg-l: 52.3529411765%;
    --platform-btn-bg-a: 1;
    --text-color: #333;
    --text-color-h: 0deg;
    --text-color-s: 0%;
    --text-color-l: 20%;
    --text-color-a: 1;
    --text-color-contrast: #6f7287;
    --text-color-contrast-h: 232.5deg;
    --text-color-contrast-s: 9.756097561%;
    --text-color-contrast-l: 48.2352941176%;
    --text-color-contrast-a: 1;
    --text-color-alt: #999;
    --text-color-alt-h: 0deg;
    --text-color-alt-s: 0%;
    --text-color-alt-l: 60%;
    --text-color-alt-a: 1;
    --text-color-invert: #fff;
    --text-color-invert-h: 0deg;
    --text-color-invert-s: 0%;
    --text-color-invert-l: 100%;
    --text-color-invert-a: 1;
    --link-color: #737373;
    --link-color-h: 0deg;
    --link-color-s: 0%;
    --link-color-l: 45%;
    --link-color-a: 1;
    --link-hover-color: #333;
    --link-hover-color-h: 0deg;
    --link-hover-color-s: 0%;
    --link-hover-color-l: 20%;
    --link-hover-color-a: 1;
    --select-color: #ddf7ff;
    --select-color-h: 195deg;
    --select-color-s: 100%;
    --select-color-l: 93.431372549%;
    --select-color-a: 1;
    --base-border: #ededed;
    --base-border-h: 0deg;
    --base-border-s: 0%;
    --base-border-l: 92.9411764706%;
    --base-border-a: 1;
    --shadow-color: #aaa;
    --shadow-color-h: 0deg;
    --shadow-color-s: 0%;
    --shadow-color-l: 66.6666666667%;
    --shadow-color-a: 1;
    --turq-shadow-1: rgba(2, 159, 255, .2);
    --turq-shadow-1-h: 202.766798419deg;
    --turq-shadow-1-s: 100%;
    --turq-shadow-1-l: 50.3921568627%;
    --turq-shadow-1-a: 0.2;
    --turq-shadow-2: rgba(0, 0, 0, .05);
    --turq-shadow-2-h: 0deg;
    --turq-shadow-2-s: 0%;
    --turq-shadow-2-l: 0%;
    --turq-shadow-2-a: 0.05;
    --dialog-overlay: rgba(0, 0, 0, .4);
    --dialog-overlay-h: 0deg;
    --dialog-overlay-s: 0%;
    --dialog-overlay-l: 0%;
    --dialog-overlay-a: 0.4;
    --dialog-overlay-dark: hsla(0, 0%, 100%, .85);
    --dialog-overlay-dark-h: 0deg;
    --dialog-overlay-dark-s: 0%;
    --dialog-overlay-dark-l: 100%;
    --dialog-overlay-dark-a: 0.85;
    --report-trim: #ea214f;
    --report-trim-h: 346.2686567164deg;
    --report-trim-s: 82.7160493827%;
    --report-trim-l: 52.3529411765%;
    --report-trim-a: 1;
    --sans-serif: -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
    --serif: -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
    --font-size-tiny: 10px;
    --font-size-small: 12px;
    --font-size-default: 14px;
    --font-size-medium: 16px;
    --font-size-thicc: 18px;
    --font-size-large: 20px;
    --font-size-xlarge: 24px;
    --font-size-massive: 32px;
    --font-size-explosive: 48px;
    --attachment-background: #fff;
    --attachment-background-h: 0deg;
    --attachment-background-s: 0%;
    --attachment-background-l: 100%;
    --attachment-background-a: 1
}

.theme-ticketbud * {
    --base: #fff;
    --base-h: 0deg;
    --base-s: 0%;
    --base-l: 100%;
    --base-a: 1;
    --base-contrast: #f7f7f7;
    --base-contrast-h: 0deg;
    --base-contrast-s: 0%;
    --base-contrast-l: 96.862745098%;
    --base-contrast-a: 1;
    --gray: #f4f4f4;
    --gray-h: 0deg;
    --gray-s: 0%;
    --gray-l: 95.6862745098%;
    --gray-a: 1;
    --slate: #f1f1f1;
    --slate-h: 0deg;
    --slate-s: 0%;
    --slate-l: 94.5098039216%;
    --slate-a: 1;
    --concrete: #efefef;
    --concrete-h: 0deg;
    --concrete-s: 0%;
    --concrete-l: 93.7254901961%;
    --concrete-a: 1;
    --dark-gray: #ececec;
    --dark-gray-h: 0deg;
    --dark-gray-s: 0%;
    --dark-gray-l: 92.5490196078%;
    --dark-gray-a: 1;
    --med-gray: #d5d5d5;
    --med-gray-h: 0deg;
    --med-gray-s: 0%;
    --med-gray-l: 83.5294117647%;
    --med-gray-a: 1;
    --light-gray: #fdfdfd;
    --light-gray-h: 0deg;
    --light-gray-s: 0%;
    --light-gray-l: 99.2156862745%;
    --light-gray-a: 1;
    --concrete-gray: #fdfdfd;
    --concrete-gray-h: 0deg;
    --concrete-gray-s: 0%;
    --concrete-gray-l: 99.2156862745%;
    --concrete-gray-a: 1;
    --purp: #555fff;
    --purp-h: 236.4705882353deg;
    --purp-s: 100%;
    --purp-l: 66.6666666667%;
    --purp-a: 1;
    --purp-med: #373da6;
    --purp-med-h: 236.7567567568deg;
    --purp-med-s: 50.2262443439%;
    --purp-med-l: 43.3333333333%;
    --purp-med-a: 1;
    --purp-bg: linear-gradient(-180deg, #8a95ff, #7073fe);
    --purp-bg-hover: linear-gradient(-180deg, #808cff, #6669fe);
    --purp-contrast: #f7f8ff;
    --purp-contrast-h: 232.5deg;
    --purp-contrast-s: 100%;
    --purp-contrast-l: 98.431372549%;
    --purp-contrast-a: 1;
    --turq: #029fff;
    --turq-h: 202.766798419deg;
    --turq-s: 100%;
    --turq-l: 50.3921568627%;
    --turq-a: 1;
    --turq-bg: linear-gradient(-180deg, #029fff, #008bff);
    --turq-contrast: #f7fdff;
    --turq-contrast-h: 195deg;
    --turq-contrast-s: 100%;
    --turq-contrast-l: 98.431372549%;
    --turq-contrast-a: 1;
    --turq-med: #ddf7ff;
    --turq-med-h: 195deg;
    --turq-med-s: 100%;
    --turq-med-l: 93.431372549%;
    --turq-med-a: 1;
    --green: #00e69e;
    --green-h: 161.2173913043deg;
    --green-s: 100%;
    --green-l: 45.0980392157%;
    --green-a: 1;
    --green-med: #b3ffe7;
    --green-med-h: 161.2173913043deg;
    --green-med-s: 100%;
    --green-med-l: 85.0980392157%;
    --green-med-a: 1;
    --green-contrast: #e2fff5;
    --green-contrast-h: 159.3103448276deg;
    --green-contrast-s: 100%;
    --green-contrast-l: 94.3137254902%;
    --green-contrast-a: 1;
    --light-green: #00cc8a;
    --light-green-h: 160.5882352941deg;
    --light-green-s: 100%;
    --light-green-l: 40%;
    --light-green-a: 1;
    --blue: #008bff;
    --blue-h: 207.2941176471deg;
    --blue-s: 100%;
    --blue-l: 50%;
    --blue-a: 1;
    --red: #ff4081;
    --red-h: 339.5811518325deg;
    --red-s: 100%;
    --red-l: 62.5490196078%;
    --red-a: 1;
    --red-med: #f2abc3;
    --red-med-h: 339.7183098592deg;
    --red-med-s: 73.1958762887%;
    --red-med-l: 80.9803921569%;
    --red-med-a: 1;
    --yellow: #ffb400;
    --yellow-h: 42.3529411765deg;
    --yellow-s: 100%;
    --yellow-l: 50%;
    --yellow-a: 1;
    --red-contrast: #ffe7ef;
    --red-contrast-h: 340deg;
    --red-contrast-s: 100%;
    --red-contrast-l: 95.2941176471%;
    --red-contrast-a: 1;
    --yellow-med: #fffbe4;
    --yellow-med-h: 51.1111111111deg;
    --yellow-med-s: 100%;
    --yellow-med-l: 94.7058823529%;
    --yellow-med-a: 1;
    --yellow-contrast: #fffbe4;
    --yellow-contrast-h: 51.1111111111deg;
    --yellow-contrast-s: 100%;
    --yellow-contrast-l: 94.7058823529%;
    --yellow-contrast-a: 1;
    --lav: #d445ff;
    --lav-h: 286.1290322581deg;
    --lav-s: 100%;
    --lav-l: 63.5294117647%;
    --lav-a: 1;
    --violet: #7242f8;
    --violet-h: 255.8241758242deg;
    --violet-s: 92.8571428571%;
    --violet-l: 61.568627451%;
    --violet-a: 1;
    --sea: #00b6ff;
    --sea-h: 197.1764705882deg;
    --sea-s: 100%;
    --sea-l: 50%;
    --sea-a: 1;
    --accent1: #2f77b0;
    --accent1-h: 206.511627907deg;
    --accent1-s: 57.8475336323%;
    --accent1-l: 43.7254901961%;
    --accent1-a: 1;
    --accent2: #4591cd;
    --accent2-h: 206.511627907deg;
    --accent2-s: 57.8475336323%;
    --accent2-l: 53.7254901961%;
    --accent2-a: 1;
    --accent3: #4591cd;
    --accent3-h: 206.511627907deg;
    --accent3-s: 57.8475336323%;
    --accent3-l: 53.7254901961%;
    --accent3-a: 1;
    --accent4: #4591cd;
    --accent4-h: 206.511627907deg;
    --accent4-s: 57.8475336323%;
    --accent4-l: 53.7254901961%;
    --accent4-a: 1;
    --btn-primary-bg: #029fff;
    --btn-primary-bg-h: 202.766798419deg;
    --btn-primary-bg-s: 100%;
    --btn-primary-bg-l: 50.3921568627%;
    --btn-primary-bg-a: 1;
    --btn-primary-hover-bg: #0090e7;
    --btn-primary-hover-bg-h: 202.766798419deg;
    --btn-primary-hover-bg-s: 100%;
    --btn-primary-hover-bg-l: 45.3921568627%;
    --btn-primary-hover-bg-a: 1;
    --btn-success-bg: #6064ff;
    --btn-success-bg-h: 238.4905660377deg;
    --btn-success-bg-s: 100%;
    --btn-success-bg-l: 68.8235294118%;
    --btn-success-bg-a: 1;
    --platform-btn-bg: #1866a5;
    --platform-btn-bg-h: 206.8085106383deg;
    --platform-btn-bg-s: 74.6031746032%;
    --platform-btn-bg-l: 37.0588235294%;
    --platform-btn-bg-a: 1;
    --text-color: #333;
    --text-color-h: 0deg;
    --text-color-s: 0%;
    --text-color-l: 20%;
    --text-color-a: 1;
    --text-color-contrast: #6f7287;
    --text-color-contrast-h: 232.5deg;
    --text-color-contrast-s: 9.756097561%;
    --text-color-contrast-l: 48.2352941176%;
    --text-color-contrast-a: 1;
    --text-color-alt: #999;
    --text-color-alt-h: 0deg;
    --text-color-alt-s: 0%;
    --text-color-alt-l: 60%;
    --text-color-alt-a: 1;
    --text-color-invert: #fff;
    --text-color-invert-h: 0deg;
    --text-color-invert-s: 0%;
    --text-color-invert-l: 100%;
    --text-color-invert-a: 1;
    --link-color: #737373;
    --link-color-h: 0deg;
    --link-color-s: 0%;
    --link-color-l: 45%;
    --link-color-a: 1;
    --link-hover-color: #333;
    --link-hover-color-h: 0deg;
    --link-hover-color-s: 0%;
    --link-hover-color-l: 20%;
    --link-hover-color-a: 1;
    --select-color: #ddf7ff;
    --select-color-h: 195deg;
    --select-color-s: 100%;
    --select-color-l: 93.431372549%;
    --select-color-a: 1;
    --base-border: #ededed;
    --base-border-h: 0deg;
    --base-border-s: 0%;
    --base-border-l: 92.9411764706%;
    --base-border-a: 1;
    --shadow-color: #aaa;
    --shadow-color-h: 0deg;
    --shadow-color-s: 0%;
    --shadow-color-l: 66.6666666667%;
    --shadow-color-a: 1;
    --turq-shadow-1: rgba(2, 159, 255, .2);
    --turq-shadow-1-h: 202.766798419deg;
    --turq-shadow-1-s: 100%;
    --turq-shadow-1-l: 50.3921568627%;
    --turq-shadow-1-a: 0.2;
    --turq-shadow-2: rgba(0, 0, 0, .05);
    --turq-shadow-2-h: 0deg;
    --turq-shadow-2-s: 0%;
    --turq-shadow-2-l: 0%;
    --turq-shadow-2-a: 0.05;
    --dialog-overlay: rgba(0, 0, 0, .4);
    --dialog-overlay-h: 0deg;
    --dialog-overlay-s: 0%;
    --dialog-overlay-l: 0%;
    --dialog-overlay-a: 0.4;
    --dialog-overlay-dark: hsla(0, 0%, 100%, .85);
    --dialog-overlay-dark-h: 0deg;
    --dialog-overlay-dark-s: 0%;
    --dialog-overlay-dark-l: 100%;
    --dialog-overlay-dark-a: 0.85;
    --report-trim: #5477f5;
    --report-trim-h: 226.9565217391deg;
    --report-trim-s: 88.9502762431%;
    --report-trim-l: 64.5098039216%;
    --report-trim-a: 1;
    --sans-serif: Calibre, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    --serif: Mercury, Palatino Linotype, Book Antiqua, Palatino, serif;
    --font-size-tiny: 12px;
    --font-size-small: 14px;
    --font-size-default: 16px;
    --font-size-medium: 18px;
    --font-size-thicc: 20px;
    --font-size-large: 22px;
    --font-size-xlarge: 26px;
    --font-size-massive: 38px;
    --font-size-explosive: 48px;
    --attachment-background: #fff;
    --attachment-background-h: 0deg;
    --attachment-background-s: 0%;
    --attachment-background-l: 100%;
    --attachment-background-a: 1
}

.icon-user-check:before {
    content: "\e607"
}

.icon-user-plus:before {
    content: "\e608"
}

.icon-home:before {
    content: "\e004"
}

.icon-mic:before {
    content: "\e045"
}

.icon-calendar:before {
    content: "\e0ba"
}

.icon-home2:before {
    content: "\e003"
}

.icon-bars:before {
    content: "\e15c"
}

.icon-star:before {
    content: "\e208"
}

.icon-dashboard:before {
    content: "\e185"
}

.icon-equalizer:before {
    content: "\e600"
}

.icon-eye-blocked:before {
    content: "\e1ea"
}

.icon-eye:before {
    content: "\e1e9"
}

.icon-pencil:before {
    content: "\e009"
}

.icon-cog:before {
    content: "\e144"
}

.icon-facebook2:before {
    content: "\e32d"
}

.icon-facebook:before {
    content: "\e32b"
}

.icon-twitter2:before {
    content: "\e331"
}

.icon-twitter:before {
    content: "\e32f"
}

.icon-soundcloud:before {
    content: "\e35d"
}

.icon-youtube:before {
    content: "\e335"
}

.icon-soundcloud2:before {
    content: "\e35e"
}

.icon-youtube2:before {
    content: "\e336"
}

.icon-td_spotlight:before {
    content: "\e609"
}

.icon-td_onesheet:before {
    content: "\e60a"
}

.icon-td_web:before {
    content: "\e60b"
}

.icon-td_stream:before {
    content: "\e60c"
}

.icon-td_logo:before {
    content: "\e60d"
}

.icon-share:before {
    content: "\e606"
}

.icon-number:before {
    content: "\e604"
}

.icon-number2:before {
    content: "\e605"
}

.icon-music:before {
    content: "\e602"
}

.icon-plus:before {
    content: "\e60e"
}

.icon-add:before {
    content: "\e603"
}

.icon-circle-plus:before {
    content: "\e040"
}

.icon-circle-check:before {
    content: "\e042"
}

.icon-bell:before {
    content: "\e601"
}

html {
    font-size: 10px
}

body {
    font-family: Calibre, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.25 !important
}

@media only screen and (max-width:768px) {
    .col {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:768px) {
    .wrap {
        width: 46rem
    }

    .col-med-1 {
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .col-med-2 {
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .col-med-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-med-4 {
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .col-med-5 {
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .col-med-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-med-7 {
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .col-med-8 {
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .col-med-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-med-10 {
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .col-med-11 {
        max-width: 91.667%
    }

    .col-med-12 {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:1224px) {
    .wrap {
        width: 61rem
    }

    .col-lg-1 {
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .col-lg-2 {
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .col-lg-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .col-lg-5 {
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .col-lg-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .col-lg-8 {
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .col-lg-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .col-lg-11 {
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    .col-lg-12 {
        flex-basis: 100%;
        max-width: 100%
    }
}

.nav-brand {
    display: inline-block;
    margin: 1rem;
    opacity: .8;
    position: fixed;
    top: 0;
    transition: all .3s ease-in-out;
    z-index: 10
}

.nav-brand .nav-logo {
    background-image: linear-gradient(-134deg, #8c98ff, #6b6bff);
    border-radius: 100%;
    display: inline-block;
    height: 40px;
    text-align: center;
    width: 40px
}

.nav-brand .nav-logo i.nav-icon {
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    margin: 0;
    position: relative;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
    top: -1px;
    vertical-align: middle
}

@media only screen and (max-width:768px) {
    .nav-brand .nav-logo {
        display: none
    }
}

.nav-brand .nav-name {
    color: #fff;
    display: inline-block;
    font-family: Calibre, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    margin-left: 2rem;
    opacity: 0;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    top: 25%;
    transition: all .3s ease-in-out;
    vertical-align: sub;
    width: 300px
}

@media only screen and (max-width:768px) {
    .nav-brand .nav-name {
        margin: 0 auto
    }
}

.nav-brand:hover {
    opacity: 1;
    transition: all .3s ease-in-out
}

.nav-brand:hover .nav-name {
    display: inline-block;
    margin-left: 1rem;
    opacity: 1
}

@media only screen and (max-width:768px) {
    .nav-brand {
        display: block;
        margin: 0 auto;
        text-align: center
    }
}

.link-action-btn {
    background: #474bff;
    border: 0 solid #474bff;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: normal;
    padding: 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .2s ease-in-out
}

.link-action-btn.event {
    padding: 30px
}

.link-action-btn:hover {
    background: #3c41ff
}

.link-view {
    background: #1b1b1b;
    height: auto;
    position: relative;
    width: 100%
}

.link-view .link-wrap-bg-layer {
    background: #1b1b1b;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.link-view .link-wrap-bg-layer .link-wrap-bg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(25px);
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateZ(0);
    width: 100%;
    z-index: 1
}

.link-view .link-wrap-bg-layer .link-wrap-bg .link-wrap-bg-top {
    background: #1b1b1b;
    height: 50px;
    overflow: auto
}

.link-view .link-wrap-bg-layer .link-wrap-bg.link-wrap-bg-custom {
    filter: none;
    opacity: .6
}

.link-view .link-wrap-bg-layer .link-wrap-bg.link-wrap-bg-custom .link-wrap-bg-top {
    display: none
}

.link-view .link-wrap-bg-layer .link-wrap-bg.link-wrap-bg-custom-color {
    filter: none;
    opacity: 1
}

.link-view .link-wrap-bg-layer .link-wrap-bg.link-wrap-bg-custom-color .link-wrap-bg-top {
    display: none
}

.link-view .link-wrap-bg-layer .link-wrap-bg.link-wrap-bg-blur {
    filter: blur(50px)
}

.link-view .link-wrap-bg-layer .link-wrap-bg.link-wrap-bg-blur .link-wrap-bg-top {
    display: none
}

.link-view .link-wrap {
    height: auto;
    padding: 40px 1rem;
    transform: translateZ(0);
    z-index: 2
}

@media screen and (min-width:1024px) {
    .link-view .link-wrap .col-lg-3 {
        flex-basis: 30%;
        max-width: 30%
    }
}

@media screen and (min-width:1280px) {
    .link-view .link-wrap .col-lg-3 {
        flex-basis: 25%;
        max-width: 25%
    }
}

.link-view .link-wrap .link-main {
    z-index: 10
}

.link-view .link-wrap .link-fold {
    z-index: 9
}

.link-view .link-wrap .link-container {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .12), 0 3px 6px rgba(0, 0, 0, .21);
    padding: 0
}

.link-view .link-wrap .biglink-container {
    box-shadow: none;
    padding: 2rem 0
}

@media only screen and (max-width:768px) {
    .link-view .link-wrap .biglink-container {
        padding: 2rem 1rem
    }
}

.link-view .link-wrap .link-cover-wrap {
    display: block
}

.link-view .link-wrap .link-cover-wrap .link-cover {
    background: #121212;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    position: relative;
    transform: translateZ(0)
}

.link-view .link-wrap .link-cover-wrap .link-cover .link-cover-image {
    width: 100%
}

.link-view .link-wrap .link-cover-wrap .biglink-cover {
    padding: 0;
    position: relative
}

.link-view .link-wrap .link-cover-wrap .biglink-cover .biglink-cover-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100px;
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    height: 100px;
    margin: 0 auto;
    text-align: center;
    width: 100px
}

.link-view .link-wrap .link-header {
    background: #1b1b1b;
    color: #fff;
    padding: 1rem 0 0;
    text-align: center;
    white-space: pre-wrap
}

.link-view .link-wrap .link-header .link-header-title {
    padding: 0 2rem
}

.link-view .link-wrap .link-header .link-header-title h1 {
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    margin: 1rem 0 .5rem
}

.link-view .link-wrap .link-header .link-header-title h2 {
    color: #ccc;
    font-size: 16px;
    font-weight: 400;
    margin: 0
}

@media only screen and (max-width:768px) {
    .link-view .link-wrap .link-header .link-header-title {
        padding: 0 1rem
    }
}

.link-view .link-wrap .link-header-countdown {
    padding: 20px
}

.link-view .link-wrap .link-header-countdown .link-header-countdown-text {
    padding-bottom: 20px;
    text-align: center
}

.link-view .link-wrap .link-header-countdown .link-header-countdown-text .link-header-countdown-text-label {
    color: #ccc;
    font-size: 14px;
    padding-bottom: 5px
}

.link-view .link-wrap .link-header-countdown .link-header-countdown-text .link-header-countdown-text-date {
    color: #00ffac;
    font-size: 14px
}

.link-view .link-wrap .link-header-countdown .link-header-countdown-timer {
    padding: 20px
}

.link-view .link-wrap .link-header-countdown .link-header-countdown-timer .ant-statistic-content {
    text-align: center
}

.link-view .link-wrap .link-header-countdown .link-header-countdown-timer .ant-statistic-content .ant-statistic-content-value {
    color: #ccc;
    font-size: 14px;
    text-align: center
}

.link-view .link-wrap .link-header-cta {
    color: #e6e6e6;
    font-size: 12px;
    position: relative
}

.link-view .link-wrap .link-header-biglink {
    background: none;
    padding: 1rem 0
}

.link-view .link-wrap .link-options {
    background: #1e1e1e;
    text-align: left
}

.link-view .link-wrap .link-options .link-options-header {
    background: #1b1b1b;
    border-bottom: 1px solid #434343;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
    position: relative;
    text-align: center
}

.link-view .link-wrap .link-options .link-options-header .link-options-triangle {
    border-color: #1b1b1b transparent transparent;
    border-style: solid;
    border-width: 8px 8px 2px;
    height: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 20px;
    width: 0;
    z-index: 10
}

.link-view .link-wrap .link-options .link-options-header .link-options-triangle-back {
    border-color: #434343 transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    height: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 20px;
    width: 0;
    z-index: 9
}

.link-view .link-wrap .link-options .link-option-row {
    border-bottom: 1px solid #434343;
    color: #282828;
    cursor: pointer;
    display: block;
    padding: 2rem 1rem;
    text-decoration: none;
    transition: all .2s ease-in-out
}

.link-view .link-wrap .link-options .link-option-row.biglink {
    border: 0;
    border-radius: 2px;
    font-size: 18px;
    font-weight: 600;
    margin: 1rem 0;
    padding: 25px
}

.link-view .link-wrap .link-options .link-option-row.biglink:hover {
    box-shadow: 0 0 0 5px rgba(0, 0, 0, .1)
}

.link-view .link-wrap .link-options .link-option-row.link-option-scheduled {
    cursor: default
}

.link-view .link-wrap .link-options .link-option-row.link-option-scheduled .link-option-row-action,
.link-view .link-wrap .link-options .link-option-row.link-option-scheduled .link-option-row-title {
    opacity: .7
}

.link-view .link-wrap .link-options .link-option-row.link-option-scheduled:hover .link-option-row-action,
.link-view .link-wrap .link-options .link-option-row.link-option-scheduled:hover .link-option-row-title {
    opacity: 1
}

.link-view .link-wrap .link-options .link-option-row .link-option-row-img {
    max-height: 30px;
    max-width: 100px
}

.link-view .link-wrap .link-options .link-option-row .link-option-row-title {
    color: #fff;
    text-align: left
}

.link-view .link-wrap .link-options .link-option-row .link-option-row-title .link-option-row-title-label-title {
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px;
    padding-bottom: 8px;
    text-decoration: underline;
    text-underline-position: under
}

.link-view .link-wrap .link-options .link-option-row .link-option-row-title .link-option-row-title-label {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    padding-bottom: 8px
}

@media only screen and (max-width:1224px) {
    .link-view .link-wrap .link-options .link-option-row .link-option-row-content {
        box-sizing: border-box;
        padding: 0 1rem
    }
}

.link-view .link-wrap .link-options .link-option-row .link-option-row-action {
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 1rem 2rem;
    text-align: right;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    width: 100%
}

.link-view .link-wrap .link-options .link-option-row .link-option-row-action i {
    margin-right: .5rem
}

@media only screen and (max-width:1224px) {
    .link-view .link-wrap .link-options .link-option-row .link-option-row-action.tour-link {
        padding: 0 0 0 .5rem;
        text-align: center
    }
}

.link-view .link-wrap .link-options .link-option-row:hover {
    background: #282828
}

.link-view .link-wrap .link-options .link-option-row:hover .link-option-row-action {
    color: #00c4ff;
    text-shadow: 0 0 15px #00c4ff
}

.link-view .link-wrap .link-options .link-option-row.facebook,
.link-view .link-wrap .link-options .link-option-row.facebook-messenger,
.link-view .link-wrap .link-options .link-option-row.facebook-share {
    background: #052652
}

.link-view .link-wrap .link-options .link-option-row.twitter,
.link-view .link-wrap .link-options .link-option-row.twitter-tweet {
    background: #073249
}

.link-view .link-wrap .link-options .link-option-row.soundcloud {
    background: #6c3300
}

.link-view .link-wrap .link-options .link-option-row.spotify,
.link-view .link-wrap .link-options .link-option-row.spotify-pre-save,
.link-view .link-wrap .link-options .link-option-row.spotify-stream {
    background: #051f0e
}

.link-view .link-wrap .link-options .link-option-row.youtube {
    background: #500c0a
}

.link-view .link-wrap .link-options .link-option-row.apple-music,
.link-view .link-wrap .link-options .link-option-row.apple-music-pre-add {
    background: #000
}

.link-view .link-wrap .link-options .link-option-row.subscribe {
    background: #1777f2;
    border-bottom: 1px solid #0d6be3
}

.link-view .link-wrap .link-options .link-option-row.subscribe:hover {
    background: #0d6be3
}

.link-view .link-wrap .link-options .link-option-row.subscribe:hover .link-option-row-action {
    color: #fff;
    text-shadow: 0 0 15px #fff
}

.link-view .link-wrap .link-options .link-option-row:last-child {
    border-bottom: 0
}

.link-view .link-wrap .link-options-biglink {
    background: transparent;
    margin-top: 1rem
}

.link-socials-wrap {
    padding: 1rem;
    position: relative;
    z-index: 2
}

.link-socials-wrap .link-socials .link-socials-item {
    display: inline-block
}

.link-socials-wrap .link-socials .link-socials-item .link-socials-link {
    box-sizing: border-box;
    display: inline-block;
    font-size: 18px;
    padding: 1rem;
    text-decoration: none
}

.link-socials-wrap .link-socials .link-socials-item .link-socials-link:hover {
    transform: scale(1.075)
}

.link-unlock-mobile-email-field {
    color: #fff;
    width: 100%
}

.link-sounds {
    align-items: center;
    bottom: 0;
    display: flex;
    flex: inherit;
    justify-content: center;
    left: 0;
    padding-bottom: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.link-player .tdrow {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0
}

.link-player .tdcolumns {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: .5rem;
    padding-right: .5rem
}

.link-player .td.loader {
    display: none
}

.link-player .td.player {
    border: 0;
    font-family: Calibre, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    min-width: auto
}

.link-player .td.player .feed-cover,
.link-player .td.player .social {
    display: none
}

.link-player .td.player.feed {
    background: none !important;
    padding: 0
}

.link-player .td.player.feed .feed-container {
    display: none
}

.link-player .td.player.feed .header {
    padding: 0;
    width: 100%
}

.link-player .td.player.feed .controls {
    padding: 0;
    position: relative;
    z-index: 9
}

.link-player .td.player.feed .player-play {
    font-size: 56px;
    line-height: normal !important
}

@media only screen and (max-width:1224px) {
    .link-player .td.player.feed .player-play {
        font-size: 64px
    }
}

.link-player .td.player .track-error-box {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: auto;
    width: 100%
}

.link-player .td.player.dark {
    background: #1b1b1b
}

.link-countdown-container .link-countdown-header {
    color: #00ffac;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0 16px 1rem;
    text-align: center;
    text-transform: uppercase
}

.link-countdown {
    display: flex;
    flex-direction: row
}

.link-countdown .link-counter {
    flex: 1 1 auto
}

.link-countdown .link-counter .link-counter-group {
    padding: 0 5px
}

.link-countdown .link-counter .link-counter-group .link-counter-count {
    color: #fff;
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 3px
}

.link-countdown .link-counter .link-group-name {
    color: hsla(0, 0%, 100%, .6);
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.link-countdown .link-separator {
    flex-basis: 10px;
    max-width: 10px
}

.link-capture.post-capture-wrap {
    border-top: 1px solid #434343;
    padding-top: 0
}

.link-capture.post-capture-wrap .post-capture {
    background: #171717;
    border-color: #434343;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    padding: 2rem
}

.link-capture.post-capture-wrap .post-capture .post-capture-label .form-label-title {
    font-size: 14px
}

.link-capture.post-capture-wrap .post-capture .post-capture-label .form-sublabel {
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px
}

.link-capture.post-capture-wrap .post-capture .form-textfield .form-textfield-input-wrap .form-textfield-input-field {
    border-color: hsla(0, 0%, 100%, .3)
}

.link-capture.post-capture-wrap .post-capture .form-textfield .form-textfield-input-wrap .form-textfield-input-field:focus {
    border-color: #008bff
}

.link-capture.post-capture-wrap .post-capture .form-textfield .form-textfield-input-wrap .form-textfield-input-field-action {
    font-size: 10px;
    padding: 1rem
}

.link-capture.post-capture-wrap .post-capture .form-textfield .form-textfield-input-wrap .form-textfield-input-field-action.submit {
    background: rgba(0, 139, 255, .3);
    font-weight: 600
}

.link-capture.post-capture-wrap .post-capture .form-textfield .form-textfield-error {
    color: #ffd600;
    font-size: 12px
}

.link-capture.no-border {
    border-top: none
}

.link-capture.biglink {
    margin-top: 10px
}

.link-capture.detached {
    margin-top: 30px
}

.link-view.music-view .link-wrap,
.link-view.podcast-view .link-wrap {
    padding: 0
}

.link-view.cta-view .link-header .link-header-title h1 {
    font-size: 18px;
    margin: 1rem 0
}

.link-view.cta-view .link-options .link-options-header .link-options-triangle,
.link-view.cta-view .link-options .link-options-header .link-options-triangle-back {
    top: 20px
}

.link-unlock-view {
    height: 250px;
    margin-top: 1rem
}

.link-footer-row {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
    position: fixed;
    width: 100%;
    z-index: 3
}

.link-footer-row .link-footer-col {
    flex-basis: 200px;
    max-width: 200px;
    padding: 1rem;
    position: absolute
}

.link-footer-row .link-footer-col.left {
    left: 0;
    text-align: left
}

.link-footer-row .link-footer-col.right {
    right: 0;
    text-align: right
}

.link-footer-row .link-footer-col.bold {
    background: rgba(0, 0, 0, .25);
    border-radius: 2px;
    margin: 1rem
}

@media only screen and (max-width:768px) {
    .link-footer-row {
        display: block;
        justify-content: center;
        position: relative;
        text-align: center
    }

    .link-footer-row .link-footer-col {
        flex-basis: 100%;
        margin-bottom: 1rem;
        max-width: 100%;
        padding: 1rem;
        position: relative;
        width: 100%
    }

    .link-footer-row .link-footer-col.left,
    .link-footer-row .link-footer-col.right {
        text-align: center
    }
}

.link-terms {
    color: #fff;
    opacity: .8;
    padding: 0;
    text-shadow: 0 0 4px rgba(0, 0, 0, .6)
}

.link-terms .link-terms-text-header {
    font-weight: 600
}

.link-terms .link-terms-text {
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 5px
}

.link-terms .link-terms-text a {
    color: #fff
}

@media only screen and (max-width:768px) {
    .link-terms {
        margin-top: 0
    }
}

.link-footer-brand {
    background: rgba(0, 0, 0, .2);
    border: 1px solid hsla(0, 0%, 100%, .1);
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 0 4px rgba(0, 0, 0, .6);
    text-transform: uppercase;
    transition: all .2s ease-in-out
}

.link-footer-brand .link-footer-brand-icon {
    font-size: 16px
}

.link-footer-brand.main {
    background: #008bff;
    color: #fff;
    font-weight: 600;
    margin-right: 5px;
    text-decoration: none
}

.link-footer-brand.main:hover {
    background: #007de6;
    color: #fff
}

.link-footer-brand:hover {
    background: #000;
    color: #fff
}

.link-watermark-wrap {
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99
}

.link-watermark-wrap .link-watermark-wrap-bg {
    background: rgba(0, 0, 0, .2);
    background-position: -100px -100px;
    background-repeat: repeat;
    background-size: 150px 150px;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.link-watermark-wrap .link-watermark-cta {
    background: #000;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    left: 1rem;
    max-width: 300px;
    padding: 2rem;
    position: relative;
    top: 1rem
}

.link-watermark-wrap .link-watermark-cta .link-watermark-cta-title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: underline;
    text-underline-position: under
}

.link-watermark-wrap .link-watermark-cta .link-watermark-cta-description {
    color: #ccc;
    font-size: 16px;
    padding-top: .5rem
}

.link-watermark-wrap .link-watermark-cta .link-watermark-cta-action {
    padding-top: .5rem
}

.link-watermark-wrap .link-watermark-cta .link-watermark-cta-action .link-watermark-cta-action-btn {
    background: #008056;
    border-radius: 2px;
    color: #00ffac;
    display: block;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 2rem;
    text-align: center;
    text-transform: uppercase;
    transition: .2s ease-in-out
}

.link-watermark-wrap .link-watermark-cta .link-watermark-cta-action .link-watermark-cta-action-btn:hover {
    background: #009967;
    transform: translateY(-3px)
}

.link-action-panel {
    align-self: flex-start;
    flex-basis: 300px;
    margin-left: 10px;
    max-width: 300px;
    min-width: 40%;
    padding: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 10px
}

@media only screen and (max-width:768px) {
    .link-action-panel {
        display: none;
        margin-left: 0;
        min-width: 100%
    }
}

.link-action-panel .link-action-panel-btn {
    border: 0;
    border-radius: 0;
    display: block;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: normal;
    padding: 40px 20px;
    text-transform: none
}

.link-action-panel .link-action-panel-btn.default {
    background: #474bff;
    border: 0;
    color: #fff
}

.link-action-panel .link-action-panel-btn.default:hover {
    background: #3c41ff
}

.link-action-panel .link-action-panel-btn.redirect {
    margin-bottom: 1rem;
    padding: 20px 2rem
}

@media only screen and (max-width:768px) {
    .link-action-panel .link-action-panel-btn.redirect {
        margin-bottom: 0
    }
}

.link-action-panel .link-action-panel-btn.live {
    background: #333;
    border: 0
}

.link-action-panel .link-action-panel-btn.live:hover {
    background: #404040
}

.link-action-panel .link-action-panel-btn .link-action-panel-btn-divider {
    background: hsla(0, 0%, 100%, .1);
    display: block;
    height: 1px;
    margin: 10px 0;
    max-width: 40px;
    width: 100%
}

.link-action-panel .link-action-panel-btn .link-action-panel-btn-sub {
    color: hsla(0, 0%, 100%, .2);
    font-size: 10px;
    font-weight: 400
}

.link-action-panel .link-action-panel-btn i {
    vertical-align: text-bottom
}

@media only screen and (max-width:768px) {
    .link-action-panel .link-action-panel-btn {
        padding: 30px 2rem
    }
}

.link-action-panel .link-action-panel-share-btn {
    background: #434343;
    color: #fff;
    display: block;
    letter-spacing: normal;
    padding: 30px 2rem;
    text-transform: none
}

.link-action-panel.link-action-panel-mobile {
    display: none;
    flex-basis: 100%;
    max-width: 100%;
    position: relative;
    top: auto
}

@media only screen and (max-width:768px) {
    .link-action-panel.link-action-panel-mobile {
        bottom: 0;
        display: block;
        padding: 0;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 99
    }
}

.link-action-panel .link-action-panel-row-label {
    color: hsla(0, 0%, 100%, .8);
    font-size: 16px;
    padding-bottom: 10px
}

.link-action-panel .link-action-panel-row.share-panel {
    background: #1b1b1b;
    padding: 20px;
    text-align: center
}

.link-action-panel .link-action-panel-row.share-panel .link-action-panel-row-btn-list {
    padding-top: 1rem
}

.link-action-panel .link-action-panel-row.share-panel .link-action-panel-row-btn-list .link-action-panel-row-btn-list-item .link-action-panel-row-btn-list-item-link {
    color: hsla(0, 0%, 100%, .8);
    display: inline-block;
    font-size: 18px;
    padding: 0 1rem
}

.link-action-panel .link-action-panel-row.share-panel .link-action-panel-row-btn-list .link-action-panel-row-btn-list-item .link-action-panel-row-btn-list-item-link:hover {
    color: #fff;
    transform: translateY(-3px)
}

@media only screen and (max-width:768px) {
    .link-action-panel .link-action-panel-row.share-panel {
        background: #121212
    }
}

.link-action-panel .link-action-panel-row.about-panel {
    background: #1b1b1b;
    padding: 20px;
    text-align: left
}

.link-action-panel .link-action-panel-row.about-panel .link-action-panel-row-label {
    color: #fff;
    font-weight: 600;
    text-align: left
}

.link-action-panel .link-action-panel-row.about-panel .link-action-panel-row-description {
    color: hsla(0, 0%, 100%, .8);
    font-size: 14px
}

.link-action-panel .link-action-panel-row.stats-panel {
    background: #1b1b1b;
    border-bottom: 1px solid #434343;
    padding: 20px;
    text-align: center
}

.link-action-panel .link-action-panel-row.stats-panel .link-action-panel-row-stats-label {
    color: hsla(0, 0%, 100%, .6);
    font-size: 14px;
    font-weight: 400
}

.ant-popover .ant-popover-content .ant-popover-inner {
    background-color: #484848;
    color: #fff
}

.ant-popover .ant-popover-content .ant-popover-inner .ant-popover-message {
    color: #fff
}

.ant-popover.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow {
    border-left-color: #484848;
    border-top-color: #484848
}

.list-atc-popover {
    max-width: 250px
}

.list-atc-popover.ant-popover-placement-top .ant-popover-content .ant-popover-arrow {
    border-bottom-color: #484848;
    border-right-color: #484848
}

.list-atc-popover .ant-popover-inner {
    background: #484848
}

.list-atc-popover .ant-popover-inner .ant-popover-title {
    border-bottom-color: #626262;
    color: #fff;
    color: #999;
    padding: 8px
}

.list-atc-popover .ant-popover-inner .ant-popover-inner-content {
    color: #ccc;
    padding: 0
}

.link-atc-dropdown .link-atc-list .link-atc-list-item {
    display: block;
    margin: 0;
    padding: 0
}

.link-atc-dropdown .link-atc-list .link-atc-list-item .link-atc-item-link {
    color: #fff;
    display: block;
    font-weight: 600;
    padding: 8px
}

.link-atc-dropdown .link-atc-list .link-atc-list-item .link-atc-item-link:hover {
    background: #626262
}

.link-theater {
    background: #1b1b1b;
    box-shadow: 0 0 20px 3px hsla(0, 0%, 7%, .16);
    margin-bottom: 1rem;
    position: relative
}

@media only screen and (max-width:768px) {
    .link-theater {
        margin: 0
    }
}

.link-theater:before {
    content: "";
    display: block;
    padding-bottom: 56.2524610452%
}

.link-theater .link-theater-cover {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.link-theater .link-theater-cover .link-theater-cover-image {
    background-position: top;
    background-size: cover;
    position: relative
}

.link-theater .link-theater-cover .link-theater-cover-image:before {
    content: "";
    display: block;
    padding-bottom: 56.2524610452%
}

.link-theater .link-theater-cover .link-theater-cover-image:after {
    background-image: linear-gradient(180deg, hsla(0, 0%, 7%, .2) 40%, #121212);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media only screen and (max-width:768px) {
    .link-theater .link-theater-cover .link-theater-cover-image:after {
        background-image: linear-gradient(180deg, hsla(0, 0%, 7%, .2) 0, #121212)
    }
}

.link-theater .link-theater-cover .link-theater-cover-front {
    -webkit-animation: animatedBackground 40s linear infinite;
    animation: animatedBackground 40s linear infinite;
    background: rgba(0, 0, 0, .2);
    background-position: 0;
    background-repeat: repeat;
    background-size: 150px 150px;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.link-theater .link-theater-countdown {
    bottom: 40px;
    height: 120px;
    position: absolute;
    width: 100%
}

@media only screen and (max-width:768px) {
    .link-theater .link-theater-countdown {
        bottom: 0;
        margin: auto;
        top: 0;
        transform: none !important
    }
}

.link-theater .link-theater-countdown .link-countdown-container {
    margin: 0 auto;
    width: 250px
}

.link-theater .link-theater-countdown .link-countdown-container .link-countdown-header {
    color: #ff4081;
    font-size: 16px;
    font-weight: 800;
    padding-bottom: 10px
}

.link-theater .link-theater-countdown .link-countdown-container .link-countdown .link-counter .link-counter-group .link-counter-count {
    font-size: 48px
}

.link-theater .link-theater-countdown .link-countdown-container .link-countdown .link-counter .link-group-name {
    font-size: 16px;
    font-weight: 600
}

.link-theater .link-theater-embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@-webkit-keyframes animatedBackground {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -100% 0
    }
}

@keyframes animatedBackground {
    0% {
        background-position: 0 0
    }

    to {
        background-position: -100% 0
    }
}

.link-event-cal-wrap {
    align-self: flex-start;
    background: #434343;
    border-radius: 2px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, .25);
    padding: 0;
    position: relative;
    text-align: center
}

@media only screen and (max-width:1224px) {
    .link-event-cal-wrap {
        padding: 0
    }
}

.link-event-cal-wrap .link-event-cal-mon {
    background: #f10052;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 4px;
    text-transform: uppercase
}

.link-event-cal-wrap .link-event-cal-date {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    padding: 10px
}

@media only screen and (max-width:768px) {
    .link-event-cal-wrap .link-event-cal-date {
        font-size: 30px;
        padding: 6px
    }

    .link-event-cal-wrap .link-event-cal-date.tour-link {
        font-size: 16px;
        padding: 6px
    }
}

.link-event-cal-wrap .link-event-cal-year {
    background: #f10052;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 4px;
    text-transform: uppercase
}

@media only screen and (max-width:768px) {
    .link-event-cal-wrap .link-event-cal-year.tour-link {
        font-size: 9px
    }
}

.event-view .link-wrap .link-main {
    padding-top: 70px
}

.event-view .link-wrap .link-container .link-container-body img {
    width: 100%
}

.event-view .link-wrap .link-header-event {
    padding: 2rem;
    text-align: left
}

.event-view .link-wrap .link-header-event .link-header-event-author {
    color: #ccc;
    font-size: 14px;
    text-align: left;
    white-space: pre-wrap
}

.event-view .link-wrap .link-header-event .link-event-cal-wrap {
    flex-basis: 100px;
    min-width: 100px;
    top: -40px
}

.event-view .link-wrap .link-header-event .link-header-event-title-wrap {
    flex-basis: calc(100% - 100px);
    max-width: calc(100% - 100px);
    padding-left: 2rem
}

@media only screen and (max-width:1224px) {
    .event-view .link-wrap .link-header-event .link-header-event-title-wrap {
        flex-basis: calc(100% - 80px);
        max-width: calc(100% - 80px)
    }
}

@media only screen and (max-width:768px) {
    .event-view .link-wrap .link-header-event .link-header-event-title-wrap {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0;
        position: relative;
        top: -15px
    }
}

.event-view .link-wrap .link-header-event .link-header-event-title {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 1rem;
    text-align: left
}

@media only screen and (max-width:1224px) {
    .event-view .link-wrap .link-header-event .link-header-event-title {
        font-size: 35px
    }
}

@media only screen and (max-width:768px) {
    .event-view .link-wrap .link-header-event .link-header-event-title {
        font-size: 30px
    }
}

.event-view .link-wrap .link-header-event-content {
    background: #1b1b1b;
    border-top: 1px solid #434343;
    padding: 1rem 1rem 0;
    text-align: left
}

.event-view .link-wrap .link-header-event-content .link-header-event-content-row {
    display: table;
    padding: 1rem;
    text-align: left
}

.event-view .link-wrap .link-header-event-content .link-header-event-content-row .link-header-event-icon {
    color: #fff;
    display: table-cell;
    line-height: 21px;
    padding-right: 8px;
    vertical-align: top
}

.event-view .link-wrap .link-header-event-content .link-header-event-content-row .link-header-event-content-info {
    display: table-cell;
    vertical-align: top
}

.event-view .link-wrap .link-header-event-content .link-header-event-content-row .link-header-event-content-info .link-header-event-content-info-main {
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

.event-view .link-wrap .link-header-event-content .link-header-event-content-row .link-header-event-content-info .link-header-event-content-info-sub {
    color: #b3b3b3;
    font-size: 14px
}

.event-view .link-wrap .link-event-content .link-event-content-row .link-event-icon {
    color: #ccc
}

.event-view .link-wrap .link-options .link-options-header {
    background: #1b1b1b;
    padding: 10px
}

.event-view .link-wrap .link-options .link-options-header .link-options-triangle {
    border-color: #1b1b1b transparent transparent
}

.event-view .post-capture-wrap .post-capture {
    border-top: 0
}

.tour-view {
    padding: 2rem 0
}

.tour-view .link-wrap .link-header-tour .link-header-title {
    padding: 0 2rem;
    text-align: left
}

.tour-view .link-wrap .link-header-tour .link-header-title h1 {
    font-size: 21px;
    font-weight: 600
}

.tour-view .link-wrap .link-header-tour .link-header-title h2 {
    font-size: 16px
}

.tour-view .link-wrap .link-header-tour .link-header-title .link-header-sub {
    color: #00ffac;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    padding-top: .5rem;
    text-transform: uppercase
}

.tour-view .link-tour-service {
    background: #272727
}

.tour-view .link-event-content {
    flex: 1 1
}

.link-option-row .link-event-location-name {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 5px
}

.link-option-row .link-event-location-place {
    color: #ccc;
    font-size: 14px;
    font-weight: 600
}

.fundraiser-view .link-wrap .link-header-fundraiser {
    text-align: left
}

.fundraiser-view .link-wrap .link-header-fundraiser .link-header-title h1 {
    font-size: 28px
}

.fundraiser-view .link-wrap .link-header-fundraiser .link-header-fundraiser-description {
    position: relative
}

.fundraiser-view .link-wrap .link-header-fundraiser .link-header-fundraiser-description.expanded {
    max-height: 100%
}

.fundraiser-view .link-wrap .link-header-fundraiser .link-header-fundraiser-description.expanded .link-header-fundraiser-description-expand {
    display: none
}

.fundraiser-view .link-wrap .link-header-fundraiser .link-header-fundraiser-description .link-header-fundraiser-description-expand {
    background: linear-gradient(180deg, rgba(27, 27, 27, 0), #1b1b1b);
    bottom: 0;
    cursor: pointer;
    display: block;
    padding-top: 3rem;
    position: absolute;
    width: 100%
}

.fundraiser-view .link-wrap .link-header-fundraiser .link-header-fundraiser-description .link-header-fundraiser-description-expand:after {
    content: "Read More...";
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed;
    text-underline-position: under
}

.fundraiser-view .link-wrap .link-header-fundraiser .link-header-fundraiser-progress-wrap {
    padding: 2rem 2rem 1rem
}

.fundraiser-view .link-wrap .link-header-fundraiser .link-header-fundraiser-progress-wrap .link-header-fundraiser-progress-content .link-header-fundraiser-progress-current {
    font-size: 24px;
    font-weight: 600
}

.fundraiser-view .link-wrap .link-header-fundraiser .link-header-fundraiser-progress-wrap .link-header-fundraiser-progress-content .link-header-fundraiser-progress-goal {
    color: hsla(0, 0%, 100%, .8);
    font-size: 16px;
    padding-left: 5px
}

.fundraiser-view .link-wrap .link-header-fundraiser .link-header-fundraiser-progress-wrap .link-header-fundraiser-progress-bar-wrap {
    width: 100%
}

.fundraiser-view .link-wrap .link-header-fundraiser .link-header-fundraiser-progress-wrap .link-header-fundraiser-progress-bar-wrap .ant-progress {
    padding-top: .5rem
}

.fundraiser-view .link-wrap .link-header-fundraiser .link-header-fundraiser-progress-wrap .link-header-fundraiser-progress-bar-wrap .ant-progress .ant-progress-inner {
    background-color: #008056
}

.fundraiser-view .link-wrap .link-header-fundraiser .link-header-fundraiser-progress-wrap .link-header-fundraiser-progress-bar-wrap .ant-progress .ant-progress-bg {
    background-color: #00ffac
}

.link-action-modal {
    color: #fff;
    text-align: left
}

.link-action-modal .ant-modal-content {
    background: #333;
    padding: 0
}

.link-action-modal .ant-modal-body {
    padding: 0
}

.link-action-modal .ant-modal-close {
    color: #fff
}

.link-action-modal .ant-modal-close .ant-modal-close-x .ant-modal-close-icon {
    color: hsla(0, 0%, 100%, .2);
    padding-top: 25px
}

.link-action-modal.mixer .ant-modal-content {
    background-color: #1d253a
}

.link-action-modal.twitch .ant-modal-content {
    background-color: #772ce8
}

.link-action-modal.facebook-live .ant-modal-content {
    background-color: #0056c3
}

.link-action-modal.instagram .ant-modal-content {
    background-color: #833ab4
}

.link-action-modal.youtube-live .ant-modal-content {
    background-color: #d00e0e
}

.link-action-modal.zoom .ant-modal-content {
    background-color: #2386ff
}

.link-action-modal.mixer .ant-modal-content {
    background-color: #066584
}

.link-action-modal.spotify .ant-modal-content {
    background-color: #09441e
}

.link-action-modal.apple-music .ant-modal-content {
    background-color: #333
}

.link-action-modal .link-action-modal-title-row {
    padding: 2rem 2rem 0
}

.link-action-modal .link-action-modal-title-row .link-action-modal-title-logo {
    display: inline-block;
    max-width: 100px
}

.link-action-modal .link-action-modal-title-row .link-action-modal-title-logo .link-action-modal-title-logo-img {
    max-height: 40px
}

.link-action-modal .link-action-modal-footer {
    align-items: center;
    background: rgba(0, 0, 0, .09);
    display: flex;
    padding: 2rem
}

.link-action-modal .link-action-modal-footer .link-action-modal-footer-left {
    flex: 1 1;
    text-align: left
}

.link-action-modal .link-action-modal-footer .link-action-modal-footer-right {
    flex: 1 1;
    text-align: right
}

.link-action-modal .link-action-modal-footer .link-action-modal-footer-text {
    color: hsla(0, 0%, 100%, .6);
    font-size: 12px;
    line-height: normal
}

.link-action-modal .link-action-modal-footer .link-action-modal-footer-text .link-action-modal-footer-text-item:not(:last-child) {
    padding-bottom: 5px
}

.link-action-modal .link-action-modal-footer .link-action-modal-footer-action-wrap {
    display: inline-block;
    padding-right: 1rem
}

.link-action-modal .link-action-modal-footer .link-action-modal-footer-action-wrap .link-action-modal-footer-action-btn {
    background: hsla(0, 0%, 100%, .2);
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
    text-align: center
}

.link-action-modal .link-action-modal-footer .link-action-modal-footer-action-wrap .link-action-modal-footer-action-btn:hover {
    background: hsla(0, 0%, 100%, .35);
    transform: translateY(-3px)
}

.link-action-modal .link-action-modal-footer .link-action-modal-footer-action-wrap .link-action-modal-footer-action-btn.edit {
    background: hsla(0, 0%, 100%, .15)
}

.link-action-modal .link-action-modal-footer .link-action-modal-footer-action-wrap .link-action-modal-footer-action-btn.edit:hover {
    background: rgba(0, 196, 255, .6)
}

.link-action-modal .link-action-modal-footer .link-action-modal-footer-action-wrap .link-action-modal-footer-action-btn.delete {
    background: hsla(0, 0%, 100%, .15)
}

.link-action-modal .link-action-modal-footer .link-action-modal-footer-action-wrap .link-action-modal-footer-action-btn.delete:hover {
    background: rgba(255, 64, 129, .6)
}

.link-action-modal .link-action-modal-body {
    padding: 2rem
}

.link-action-modal .link-action-modal-body .link-action-modal-body-label {
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    line-height: normal;
    padding-bottom: .5rem
}

.link-action-modal .link-action-modal-body .link-action-modal-body-sublabel {
    color: hsla(0, 0%, 100%, .8);
    font-size: 18px;
    font-weight: 400;
    line-height: normal
}

.link-action-modal .link-action-modal-body .link-action-modal-body-sublabel a {
    color: #fff
}

.link-action-modal .link-action-modal-body .link-action-modal-body-sublabel a:hover {
    text-decoration: underline;
    text-underline-position: under
}

.link-action-modal .link-action-modal-body .link-action-modal-body-inline {
    align-items: center;
    display: flex
}

.link-action-modal .link-action-modal-body .link-action-modal-body-inline .link-action-modal-body-inline-left {
    flex-basis: 100px;
    max-width: 100px
}

.link-action-modal .link-action-modal-body .link-action-modal-body-inline .link-action-modal-body-inline-right {
    flex: 1 1 auto;
    padding-left: 1rem
}

.link-action-modal .link-action-modal-body .link-action-modal-body-inline .link-action-modal-body-inline-image {
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .07), 0 2px 2px rgba(0, 0, 0, .07), 0 4px 4px rgba(0, 0, 0, .07), 0 8px 8px rgba(0, 0, 0, .07), 0 16px 16px rgba(0, 0, 0, .07), 0 32px 32px rgba(0, 0, 0, .07)
}

.link-action-modal .link-action-modal-body .link-action-modal-body-toggle-row {
    align-items: center;
    display: flex;
    padding: 0 1rem
}

.link-action-modal .link-action-modal-body .link-action-modal-body-toggle-row .link-action-modal-body-toggle-switch-wrap {
    flex-basis: 50px;
    max-width: 50px
}

.link-action-modal .link-action-modal-body .link-action-modal-body-toggle-row .link-action-modal-body-toggle-switch-content {
    color: hsla(0, 0%, 100%, .6);
    flex: 1 1 auto
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps {
    padding-top: 20px
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .ant-steps-item-icon {
    background-color: transparent;
    border-color: #fff
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .ant-steps-item-icon .ant-steps-icon {
    color: #fff
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .ant-steps-item-tail:after {
    background: hsla(0, 0%, 100%, .4) !important
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .ant-steps-item-content .ant-steps-item-title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: .5rem 0 1rem
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-label {
    color: hsla(0, 0%, 100%, .8);
    font-size: 16px;
    line-height: normal
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-label .link-action-modal-body-step-label-link {
    color: hsla(0, 0%, 100%, .8);
    font-weight: 600
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-label .link-action-modal-body-step-label-link:hover {
    color: #fff
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-btn-wrap {
    margin: 1rem 0
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-btn-wrap .link-action-modal-body-step-btn {
    background: #000;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 20px 40px;
    position: relative;
    text-align: center;
    transition: all .3s ease-in-out
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-btn-wrap .link-action-modal-body-step-btn .icon {
    font-size: 12px;
    margin-right: 8px;
    vertical-align: inherit
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-btn-wrap .link-action-modal-body-step-btn:hover {
    background: rgba(0, 0, 0, .7);
    transform: translateY(-3px)
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-btn-wrap .link-action-modal-body-step-btn.alt {
    background: hsla(0, 0%, 100%, .25)
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-btn-wrap .link-action-modal-body-step-btn.alt:hover {
    background: hsla(0, 0%, 100%, .35)
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-btn-wrap .link-action-modal-body-step-btn.mixer.bright {
    background: #1fbaed
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-btn-wrap .link-action-modal-body-step-btn.twitch.bright {
    background: #772ce8
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-btn-wrap .link-action-modal-body-step-btn.youtube.bright {
    background: red
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-btn-wrap .link-action-modal-body-step-btn.facebook.bright {
    background: #1777f2
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-options-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -.5rem;
    padding: 2rem 0 1rem
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-options-wrap .link-action-modal-body-step-option {
    flex: 1 1 auto;
    padding: .5rem
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-options-wrap .link-action-modal-body-step-option .link-action-modal-body-step-option-btn {
    align-items: center;
    align-self: stretch;
    background: hsla(0, 0%, 100%, .25);
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    height: 70px;
    max-width: 220px;
    padding: 2rem;
    position: relative;
    text-align: center;
    transition: all .2s ease-in-out
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-options-wrap .link-action-modal-body-step-option .link-action-modal-body-step-option-btn .icon {
    background: linear-gradient(to bottom right, hsla(0, 0%, 100%, .3), hsla(0, 0%, 100%, .3) 50%, transparent 0, transparent);
    color: #fff;
    display: inline-block;
    display: none;
    font-size: 10px;
    height: 28px;
    left: 0;
    margin: 0;
    padding: 4px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 28px
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-options-wrap .link-action-modal-body-step-option .link-action-modal-body-step-option-btn.active .icon {
    display: block
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-options-wrap .link-action-modal-body-step-option .link-action-modal-body-step-option-btn.active.mixer {
    background: #1fbaed
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-options-wrap .link-action-modal-body-step-option .link-action-modal-body-step-option-btn.active.twitch {
    background: #772ce8
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-options-wrap .link-action-modal-body-step-option .link-action-modal-body-step-option-btn.active.facebook-live {
    background: #1777f2
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-options-wrap .link-action-modal-body-step-option .link-action-modal-body-step-option-btn.active.youtube-live {
    background: red
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-options-wrap .link-action-modal-body-step-option .link-action-modal-body-step-option-btn.active.instagram {
    background: #833ab4
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-options-wrap .link-action-modal-body-step-option .link-action-modal-body-step-option-btn.active.zoom {
    background: #2d8cff
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-options-wrap .link-action-modal-body-step-option .link-action-modal-body-step-option-btn.active.default {
    background: hsla(0, 0%, 100%, .4)
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-options-wrap .link-action-modal-body-step-option .link-action-modal-body-step-option-btn:hover {
    background: hsla(0, 0%, 100%, .35);
    transition: translateY(-3px)
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-content .link-action-modal-body-step-options-wrap .link-action-modal-body-step-option .link-action-modal-body-step-option-btn .link-action-modal-body-step-option-btn-logo {
    max-height: 40px;
    max-width: 60px
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-field .form-textfield-label {
    color: hsla(0, 0%, 100%, .8);
    font-size: 16px;
    padding-top: 0
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-field .form-textfield-input-wrap .form-textfield-input-field {
    background: transparent;
    border-color: hsla(0, 0%, 100%, .6);
    color: #fff;
    font-size: 16px;
    padding: 20px
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-field .form-textfield-input-wrap .form-textfield-input-field:focus {
    background: hsla(0, 0%, 100%, .2);
    border-color: #fff
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-field .form-textfield-input-wrap .form-textfield-input-field::-moz-placeholder {
    color: hsla(0, 0%, 100%, .4)
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-field .form-textfield-input-wrap .form-textfield-input-field::placeholder {
    color: hsla(0, 0%, 100%, .4)
}

.link-action-modal .link-action-modal-body .link-action-modal-body-steps .link-action-modal-body-step .link-action-modal-body-step-field .form-textfield-error {
    color: #ffd600
}

.link-action-modal .link-action-modal-body .link-unlock-row {
    padding: 2rem 0 0
}

.link-action-modal .link-action-modal-body-divider {
    background: hsla(0, 0%, 100%, .25);
    margin: 2rem 0
}

.link-action-modal .link-action-modal-body-divider.ant-divider-horizontal.ant-divider-with-text-left {
    background: transparent;
    margin: 2rem 0
}

.link-action-modal .link-action-modal-body-divider .ant-divider-inner-text {
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px
}

.link-action-modal .link-action-modal-body-divider.ant-divider-with-text-left:after,
.link-action-modal .link-action-modal-body-divider.ant-divider-with-text-left:before {
    border-color: hsla(0, 0%, 100%, .25)
}

.link-action-modal .link-action-modal-body-event {
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.link-action-modal .link-action-modal-body-event .link-action-modal-body-event-icon-wrap {
    flex-basis: 34px;
    font-size: 24px;
    max-width: 34px
}

.link-action-modal .link-action-modal-body-event .link-action-modal-body-event-content {
    flex: 1 1;
    padding: 0 1rem
}

.link-action-modal .link-action-modal-body-event .link-action-modal-body-event-content.full {
    padding: 1rem 0
}

.link-action-modal .link-action-modal-body-event .link-action-modal-body-event-content .link-action-modal-body-event-title {
    font-size: 18px;
    font-weight: 600
}

.link-action-modal .link-action-modal-body-event .link-action-modal-body-event-content .link-action-modal-body-event-date {
    font-feature-settings: normal;
    font-size: 16px;
    font-variant: normal
}

.link-action-modal .link-action-modal-body-event .link-action-modal-body-event-more {
    align-self: center;
    background: hsla(0, 0%, 100%, .1);
    border-radius: 2px;
    font-size: 10px;
    font-weight: 600;
    padding: 1rem;
    text-align: right
}

.link-action-modal .link-action-modal-body-event .link-action-modal-body-event-actions {
    align-self: center
}

.link-action-modal .link-action-modal-body-event .link-action-modal-body-event-actions .link-action-modal-body-event-action-btn {
    background: hsla(0, 0%, 100%, .25);
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    text-align: center
}

.biglink-view.link-view .link-wrap-bg-layer {
    background: #000
}

.biglink-view.link-view .link-wrap-bg-layer .link-wrap-bg {
    filter: blur(100px);
    opacity: .8
}

.biglink-view.link-view .link-wrap-bg-layer .link-wrap-bg.link-wrap-bg-custom {
    filter: none
}

.biglink-view.link-view .link-wrap-bg-layer .link-wrap-bg.link-wrap-bg-custom.link-wrap-bg-blur {
    filter: blur(100px)
}

.livestream-view.livestream-live .link-action-panel,
.livestream-view.livestream-live .link-wrap .link-main .link-container-wrap .link-container {
    transition: all .2s ease-in-out
}

.livestream-view .link-wrap-bg-layer .link-wrap-bg {
    filter: blur(100px);
    opacity: .6
}

@media only screen and (max-width:768px) {
    .livestream-view .link-wrap {
        height: inherit
    }
}

.livestream-view .link-wrap .link-main .link-body {
    max-width: 1000px
}

@media only screen and (max-width:1224px) {
    .livestream-view .link-wrap .link-main .link-body {
        flex-basis: calc(100% - 300px);
        max-width: calc(100% - 300px)
    }
}

@media only screen and (max-width:1000px) {
    .livestream-view .link-wrap .link-main .link-body {
        flex-basis: calc(100% - 100px);
        max-width: calc(100% - 100px)
    }
}

@media only screen and (max-width:768px) {
    .livestream-view .link-wrap .link-main .link-body {
        flex-basis: 100%;
        max-width: 100%
    }
}

.livestream-view .link-wrap .link-main .link-container-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.livestream-view .link-wrap .link-main .link-container-wrap .link-container {
    align-self: flex-start;
    box-shadow: none;
    flex: 1 1 auto;
    position: relative
}

.livestream-view .link-wrap .link-main .link-container-wrap .link-container .link-container-body {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .12), 0 3px 6px rgba(0, 0, 0, .21)
}

.livestream-view .link-wrap .link-main .link-container-wrap .link-container .link-cover-wrap,
.livestream-view .link-wrap .link-main .link-container-wrap .link-container .link-header,
.livestream-view .link-wrap .link-main .link-container-wrap .link-container .link-options {
    background: #1b1b1b
}

@media only screen and (max-width:1000px) {

    .livestream-view .link-footer-row,
    .livestream-view .link-footer-row .link-footer-col {
        position: relative
    }
}

@media only screen and (max-width:768px) {
    .livestream-view .link-footer-row .link-footer-col {
        flex-basis: 100%;
        max-width: 100%;
        width: 100%
    }
}

.link-livestream-cover .link-livestream-cover-image {
    background-position: top;
    background-size: cover;
    position: relative
}

.link-livestream-cover .link-livestream-cover-image:before {
    content: "";
    display: block;
    padding-bottom: 56.2524610452%
}

.link-livestream-cover .link-livestream-cover-image.link-livestream-cover-image-square:before {
    padding-bottom: 100%
}

.link-livestream-cover .link-livestream-cover-image:after {
    background-image: linear-gradient(180deg, rgba(27, 27, 27, .1) 95%, #1b1b1b);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.link-livestream-cover.link-cover-theater .link-livestream-cover-image:after,
.link-livestream-cover.link-cover-theater .link-livestream-cover-image:before {
    display: none
}

.link-header-livestream {
    background: #1b1b1b;
    left: 0;
    top: 0;
    width: 100%
}

.link-header-livestream .link-countdown-container-wrap {
    width: 100%;
    z-index: 1
}

.link-header-livestream .link-countdown-container {
    flex-basis: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 100px 0 120px
}

@media only screen and (max-width:1224px) {
    .link-header-livestream .link-countdown-container {
        padding-left: 100px;
        padding-right: 2rem
    }
}

.link-header-livestream .link-countdown-container .link-countdown-header {
    font-size: 12px;
    padding: 0 0 1rem;
    text-align: left
}

.link-header-livestream .link-countdown-container .link-countdown {
    text-align: left
}

.link-header-livestream .link-countdown-container .link-countdown .link-counter-group {
    padding: 0
}

.link-header-livestream .link-countdown-container .link-countdown .link-counter-group .link-counter-count {
    font-size: 16px
}

.link-header-livestream.link-header-theater,
.link-header-livestream.link-header-theater:before {
    display: none
}

.link-livestream-event-row {
    background: #1b1b1b;
    color: #fff;
    display: flex;
    flex: 1 1 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 2rem;
    text-align: left;
    transition: opacity .2s ease-in-out
}

.link-livestream-event-row:not(:first-child) {
    border-top: 1px solid #434343
}

.link-livestream-event-row .link-livestream-event-date-wrap {
    flex-basis: 100px;
    max-width: 100px
}

@media only screen and (max-width:1224px) {
    .link-livestream-event-row .link-livestream-event-date-wrap {
        flex-basis: 80px;
        max-width: 80px
    }
}

.link-livestream-event-row .link-livestream-event-date-wrap .link-livestream-event-cal-weekday {
    color: #fff;
    font-size: 18px
}

@media only screen and (max-width:1224px) {
    .link-livestream-event-row .link-livestream-event-date-wrap .link-livestream-event-cal-weekday {
        font-size: 16px
    }
}

@media only screen and (max-width:768px) {
    .link-livestream-event-row .link-livestream-event-date-wrap .link-livestream-event-cal-weekday {
        font-size: 14px
    }
}

.link-livestream-event-row .link-livestream-event-date-wrap .link-livestream-event-cal-mon {
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px;
    padding-bottom: 5px
}

.link-livestream-event-row .link-livestream-event-date-wrap .link-livestream-event-cal-date {
    color: #fff;
    font-size: 28px;
    font-weight: 600
}

.link-livestream-event-row .link-livestream-event-content-wrap {
    flex-basis: calc(100% - 100px);
    max-width: calc(100% - 100px)
}

@media only screen and (max-width:768px) {
    .link-livestream-event-row .link-livestream-event-content-wrap {
        flex-basis: calc(100% - 80px);
        max-width: calc(100% - 80px)
    }
}

.link-livestream-event-row .link-livestream-event-content-wrap .link-livestream-event-content-banner {
    color: #ff4081;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    padding-bottom: 1rem;
    text-transform: uppercase
}

.link-livestream-event-row .link-livestream-event-content-wrap .link-livestream-event-content-banner i {
    vertical-align: text-bottom
}

.link-livestream-event-row .link-livestream-event-content-wrap .link-livestream-event-content-title {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 1rem
}

.link-livestream-event-row .link-livestream-event-content-wrap .link-livestream-event-content-description {
    color: hsla(0, 0%, 100%, .8);
    font-size: 14px;
    padding-bottom: 1rem;
    white-space: pre-line
}

.link-livestream-event-row .link-livestream-event-content-wrap .link-livestream-event-content-schedule {
    font-size: 16px;
    padding-bottom: 1rem
}

.link-livestream-event-row .link-livestream-event-content-wrap .link-livestream-event-content-actions {
    padding-top: 1rem
}

.link-livestream-event-row .link-livestream-event-content-wrap .link-livestream-event-content-actions .link-livestream-event-content-action {
    color: hsla(0, 0%, 100%, .8);
    cursor: pointer;
    font-size: 14px
}

.link-livestream-event-row .link-livestream-event-content-wrap .link-livestream-event-content-actions .link-livestream-event-content-action.link-livestream-event-content-calendar-action {
    display: inline-block;
    transition: all .2s ease-in-out
}

.link-livestream-event-row .link-livestream-event-content-wrap .link-livestream-event-content-actions .link-livestream-event-content-action.link-livestream-event-content-calendar-action:hover {
    color: #0cf
}

.link-livestream-event-row .link-livestream-event-content-wrap .link-livestream-event-content-links {
    display: block;
    display: none;
    margin: -1rem;
    padding-top: 1rem
}

.link-livestream-event-row .link-livestream-event-content-wrap .link-livestream-event-content-links .link-livestream-event-content-link-wrap {
    padding: 1rem
}

.link-livestream-event-row .link-livestream-event-content-wrap .link-livestream-event-content-links .link-livestream-event-content-link-wrap .link-livestream-event-content-link {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    letter-spacing: normal;
    padding: 1.5rem;
    text-transform: none
}

.link-livestream-event-row:hover {
    opacity: 1
}

.link-livestream-event-row:hover.first {
    opacity: .7
}

.link-livestream-event-row.first {
    opacity: 1
}

.link-livestream-event-row.first .link-livestream-event-content-wrap {
    padding-bottom: 1rem
}

.link-livestream-event-row.first .link-livestream-event-content-title {
    font-size: 36px
}

@media only screen and (max-width:1224px) {
    .link-livestream-event-row.first .link-livestream-event-content-title {
        font-size: 24px
    }
}

@media only screen and (max-width:768px) {
    .link-livestream-event-row.first .link-livestream-event-content-title {
        font-size: 26px
    }
}

.link-livestream-event-row.first .link-livestream-event-content-schedule {
    font-size: 20px
}

.link-livestream-event-row.first .link-livestream-event-content-description {
    color: hsla(0, 0%, 100%, .8);
    font-size: 16px
}

.link-livestream-event-row.first .link-livestream-event-date-wrap {
    padding-top: .5rem
}

.link-livestream-event-row.first .link-livestream-event-date-wrap .link-livestream-event-cal-weekday {
    color: #d80049
}

@media only screen and (max-width:1224px) {
    .link-livestream-event-row.first .link-livestream-event-date-wrap .link-livestream-event-cal-weekday {
        font-size: 16px
    }
}

.link-livestream-event-row.first .link-livestream-event-date-wrap .link-livestream-event-cal-mon {
    color: #8b002f
}

.link-livestream-event-row.first .link-livestream-event-date-wrap .link-livestream-event-cal-date {
    color: #f10052
}

.link-livestream-event-row.first.theater-mode {
    padding: 4rem
}

.link-livestream-event-row.first.theater-mode .link-livestream-event-content-links {
    display: none
}

@media only screen and (max-width:768px) {
    .link-livestream-event-row.first.theater-mode {
        padding: 2rem;
        text-align: center
    }
}

.link-livestream-event-row.first.theater-mode .link-livestream-event-date-wrap {
    display: none
}

.link-livestream-event-row.first.theater-mode .link-livestream-event-content-wrap {
    flex-basis: 100%;
    max-width: 100%;
    padding-bottom: 0
}

.link-livestream-event-row.first.theater-mode .link-livestream-event-content-actions,
.link-livestream-event-row.first.theater-mode .link-livestream-event-content-schedule {
    display: none
}

.link-livestream-event-row.first:hover {
    opacity: 1
}

.podpage-view .link-wrap-bg-layer .link-wrap-bg {
    filter: blur(100px);
    opacity: .6
}

@media only screen and (max-width:768px) {
    .podpage-view .link-wrap {
        height: inherit
    }
}

@media only screen and (max-width:600px) {

    .podpage-view .link-wrap,
    .podpage-view .link-wrap .link-main {
        padding: 0
    }
}

.podpage-view .link-wrap .link-main .link-body {
    max-width: 1000px
}

@media only screen and (max-width:1224px) {
    .podpage-view .link-wrap .link-main .link-body {
        flex-basis: calc(100% - 400px);
        max-width: calc(100% - 400px)
    }
}

@media only screen and (max-width:1000px) {
    .podpage-view .link-wrap .link-main .link-body {
        flex-basis: calc(100% - 100px);
        max-width: calc(100% - 100px)
    }
}

@media only screen and (max-width:768px) {
    .podpage-view .link-wrap .link-main .link-body {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media only screen and (max-width:600px) {
    .podpage-view .link-wrap .link-main .link-body {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0
    }
}

.podpage-view .link-wrap .link-main .link-container-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.podpage-view .link-wrap .link-main .link-container-wrap .link-container {
    align-self: flex-start;
    box-shadow: none;
    flex: 1 1 auto;
    position: relative
}

.podpage-view .link-wrap .link-main .link-container-wrap .link-container .link-container-body {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .12), 0 3px 6px rgba(0, 0, 0, .21)
}

.podpage-view .link-wrap .link-main .link-container-wrap .link-container .link-cover-wrap,
.podpage-view .link-wrap .link-main .link-container-wrap .link-container .link-header,
.podpage-view .link-wrap .link-main .link-container-wrap .link-container .link-options {
    background: #1b1b1b
}

.podpage-view .link-wrap .link-main .link-container-wrap .link-container .link-options .link-options-header {
    padding: 0
}

.podpage-view .link-wrap .link-main .link-container-wrap .link-container .link-options .link-options-header .link-options-triangle,
.podpage-view .link-wrap .link-main .link-container-wrap .link-container .link-options .link-options-header .link-options-triangle-back {
    top: 0
}

@media only screen and (max-width:1000px) {
    .podpage-view .link-wrap .link-main .link-container-wrap .link-socials-wrap {
        display: none
    }
}

.podpage-view .link-action-panel {
    flex-basis: 400px;
    margin-left: 20px;
    max-width: 400px
}

.podpage-view .link-action-panel .link-action-panel-row.about-panel {
    margin-top: 10px
}

.podpage-view .link-action-panel .link-action-panel-row.about-panel .link-action-panel-row-label {
    color: #fff;
    font-weight: 600
}

.podpage-view .link-action-panel .link-action-panel-row.about-panel .link-action-panel-row-label.title {
    font-size: 18px
}

.podpage-view .link-action-panel .link-action-panel-row.share-panel {
    padding-top: 10px;
    text-align: left
}

.podpage-view .link-action-panel .link-action-panel-row.share-panel .link-action-panel-row-label {
    color: #fff;
    font-weight: 600
}

.podpage-view .link-action-panel.link-action-panel-mobile {
    flex: 1 1;
    margin: 0 auto;
    width: 100%;
    z-index: 999
}

.podpage-view .link-action-panel.link-action-panel-mobile .link-action-panel-row.about-panel {
    display: none
}

.podpage-view .link-action-panel.link-action-panel-mobile .link-action-panel-row.share-panel {
    text-align: center
}

@media only screen and (max-width:1000px) {

    .podpage-view .link-footer-row,
    .podpage-view .link-footer-row .link-footer-col {
        position: relative
    }
}

@media only screen and (max-width:768px) {
    .podpage-view .link-footer-row .link-footer-col {
        flex-basis: 100%;
        max-width: 100%;
        width: 100%
    }
}

.podpage-view .link-container-scrolling {
    max-width: 500px
}

.podpage-view .link-container-scrolling-content {
    position: relative
}

@media only screen and (max-width:1000px) {
    .podpage-view .acquisition-footer-row {
        display: block;
        justify-content: center;
        position: relative;
        text-align: center
    }

    .podpage-view .acquisition-footer-row .acquisition-footer-col {
        flex-basis: 100%;
        margin-bottom: 1rem;
        max-width: 100%;
        padding: 1rem;
        position: relative;
        width: 100%
    }

    .podpage-view .acquisition-footer-row .acquisition-footer-col.left,
    .podpage-view .acquisition-footer-row .acquisition-footer-col.right {
        text-align: center
    }
}

.link-episode-wrap {
    margin-bottom: 20px
}

.link-episode-wrap .link-episode-header {
    background: #1b1b1b;
    color: #fff;
    padding: 20px;
    text-align: left
}

.link-episode-wrap .link-episode-header .link-episode-header-top {
    display: flex
}

.link-episode-wrap .link-episode-header .link-episode-header-top .link-episode-header-date {
    color: hsla(0, 0%, 100%, .6);
    flex: 1 1;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

.link-episode-wrap .link-episode-header .link-episode-header-top .link-episode-header-actions {
    flex: 1 1
}

.link-episode-wrap .link-episode-header .link-episode-header-top .link-episode-header-actions .link-episode-header-actions-list {
    text-align: right
}

.link-episode-wrap .link-episode-header .link-episode-header-top .link-episode-header-actions .link-episode-header-actions-list .link-episode-header-actions-list-item {
    vertical-align: middle
}

.link-episode-wrap .link-episode-header .link-episode-header-top .link-episode-header-actions .link-episode-header-actions-list .link-episode-header-actions-list-item .link-episode-header-actions-list-item-link {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding-left: 5px
}

.link-episode-wrap .link-episode-header .link-episode-header-top .link-episode-header-actions .link-episode-header-actions-list .link-episode-header-actions-list-item .link-episode-header-actions-list-item-link i {
    margin-right: 0
}

.link-episode-wrap .link-episode-header .link-episode-header-top .link-episode-header-actions .link-episode-header-actions-list .link-episode-header-actions-list-item .link-player .tdrow:after,
.link-episode-wrap .link-episode-header .link-episode-header-top .link-episode-header-actions .link-episode-header-actions-list .link-episode-header-actions-list-item .link-player .tdrow:before {
    display: none
}

.link-episode-wrap .link-episode-header .link-episode-header-top .link-episode-header-actions .link-episode-header-actions-list .link-episode-header-actions-list-item .link-player .tdcolumns {
    padding: 0
}

.link-episode-wrap .link-episode-header .link-episode-header-top .link-episode-header-actions .link-episode-header-actions-list .link-episode-header-actions-list-item .link-player .td.player.feed .player-play {
    font-size: 18px;
    line-height: 16px !important
}

.link-episode-wrap .link-episode-header .link-episode-header-content {
    overflow: hidden;
    overflow-wrap: break-word;
    padding: 10px 0
}

.link-episode-wrap .link-episode-header .link-episode-header-content .link-episode-header-title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 10px
}

@media only screen and (max-width:768px) {
    .link-episode-wrap .link-episode-header .link-episode-header-content .link-episode-header-title {
        font-size: 21px
    }
}

.link-episode-wrap .link-episode-header .link-episode-header-content .link-episode-header-description {
    color: hsla(0, 0%, 100%, .8);
    font-size: 18px
}

@media only screen and (max-width:768px) {
    .link-episode-wrap .link-episode-header .link-episode-header-content .link-episode-header-description {
        font-size: 16px
    }
}

.link-episode-wrap.link-episode-active {
    border-top: 4px solid #00ffac
}

.link-episode-wrap.link-episode-active .link-episode-header-content .link-episode-header-title {
    color: #00ffac
}

.link-container-floating-header {
    align-items: center;
    background: #2c2c2c;
    box-shadow: 0 2px 10px 5px rgba(0, 0, 0, .4);
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    position: -webkit-sticky;
    position: sticky;
    text-align: left;
    top: 0;
    z-index: 999
}

.link-container-floating-header .link-container-floating-header-cover {
    flex-basis: 80px;
    max-width: 80px
}

.link-container-floating-header .link-container-floating-header-content {
    flex: 1 1;
    padding: 0 20px
}

.link-container-floating-header .link-container-floating-header-content .link-container-floating-header-title {
    font-size: 18px;
    font-weight: 600
}

.link-container-floating-header .link-container-floating-header-actions .link-container-floating-header-link {
    font-size: 18px;
    padding-right: 1rem
}

.ant-divider {
    font-feature-settings: "tnum";
    border-top: 1px solid rgba(0, 0, 0, .06);
    box-sizing: border-box;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    margin: 0;
    padding: 0
}

.ant-divider-vertical {
    border-left: 1px solid rgba(0, 0, 0, .06);
    border-top: 0;
    display: inline-block;
    height: .9em;
    margin: 0 8px;
    position: relative;
    top: -.06em;
    vertical-align: middle
}

.ant-divider-horizontal {
    clear: both;
    display: flex;
    margin: 24px 0;
    min-width: 100%;
    width: 100%
}

.ant-divider-horizontal.ant-divider-with-text {
    border-top: 0;
    border-top-color: rgba(0, 0, 0, .06);
    color: rgba(0, 0, 0, .85);
    display: flex;
    font-size: 16px;
    font-weight: 500;
    margin: 16px 0;
    text-align: center;
    white-space: nowrap
}

.ant-divider-horizontal.ant-divider-with-text:after,
.ant-divider-horizontal.ant-divider-with-text:before {
    border-bottom: 0;
    border-top: 1px solid transparent;
    border-top-color: inherit;
    content: "";
    position: relative;
    top: 50%;
    transform: translateY(50%);
    width: 50%
}

.ant-divider-horizontal.ant-divider-with-text-left:before {
    top: 50%;
    width: 5%
}

.ant-divider-horizontal.ant-divider-with-text-left:after,
.ant-divider-horizontal.ant-divider-with-text-right:before {
    top: 50%;
    width: 95%
}

.ant-divider-horizontal.ant-divider-with-text-right:after {
    top: 50%;
    width: 5%
}

.ant-divider-inner-text {
    display: inline-block;
    padding: 0 1em
}

.ant-divider-dashed {
    background: none;
    border: dashed rgba(0, 0, 0, .06);
    border-width: 1px 0 0
}

.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:after,
.ant-divider-horizontal.ant-divider-with-text.ant-divider-dashed:before {
    border-style: dashed none none
}

.ant-divider-vertical.ant-divider-dashed {
    border-width: 0 0 0 1px
}

.ant-divider-plain.ant-divider-with-text {
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    font-weight: 400
}

.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left:before {
    width: 0
}

.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left:after {
    width: 100%
}

.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-no-default-orientation-margin-left .ant-divider-inner-text {
    padding-left: 0
}

.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right:before {
    width: 100%
}

.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right:after {
    width: 0
}

.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-no-default-orientation-margin-right .ant-divider-inner-text {
    padding-right: 0
}

.ant-divider-rtl {
    direction: rtl
}

.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left:before {
    width: 95%
}

.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-left:after,
.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right:before {
    width: 5%
}

.ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right:after {
    width: 95%
}

.ant-message {
    font-feature-settings: "tnum";
    box-sizing: border-box;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    font-variant: tabular-nums;
    left: 0;
    line-height: 1.5715;
    list-style: none;
    margin: 0;
    padding: 0;
    pointer-events: none;
    position: fixed;
    top: 8px;
    width: 100%;
    z-index: 1010
}

.ant-message-notice {
    padding: 8px;
    text-align: center
}

.ant-message-notice-content {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    display: inline-block;
    padding: 10px 16px;
    pointer-events: all
}

.ant-message-success .anticon {
    color: #52c41a
}

.ant-message-error .anticon {
    color: #ff4d4f
}

.ant-message-warning .anticon {
    color: #faad14
}

.ant-message-info .anticon,
.ant-message-loading .anticon {
    color: #1890ff
}

.ant-message .anticon {
    font-size: 16px;
    margin-right: 8px;
    position: relative;
    top: 1px
}

.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: MessageMoveOut;
    animation-name: MessageMoveOut
}

@-webkit-keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        opacity: 1;
        padding: 8px
    }

    to {
        max-height: 0;
        opacity: 0;
        padding: 0
    }
}

@keyframes MessageMoveOut {
    0% {
        max-height: 150px;
        opacity: 1;
        padding: 8px
    }

    to {
        max-height: 0;
        opacity: 0;
        padding: 0
    }
}

.ant-message-rtl,
.ant-message-rtl span {
    direction: rtl
}

.ant-message-rtl .anticon {
    margin-left: 8px;
    margin-right: 0
}

.ant-modal {
    font-feature-settings: "tnum";
    box-sizing: border-box;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    margin: 0 auto;
    max-width: calc(100vw - 32px);
    padding: 0 0 24px;
    pointer-events: none;
    position: relative;
    top: 100px;
    width: auto
}

.ant-modal.ant-zoom-appear,
.ant-modal.ant-zoom-enter {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    opacity: 0;
    transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ant-modal-mask {
    background-color: rgba(0, 0, 0, .45);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.ant-modal-mask-hidden {
    display: none
}

.ant-modal-wrap {
    bottom: 0;
    left: 0;
    outline: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.ant-modal-title {
    word-wrap: break-word;
    color: rgba(0, 0, 0, .85);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin: 0
}

.ant-modal-content {
    background-clip: padding-box;
    background-color: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    pointer-events: auto;
    position: relative
}

.ant-modal-close {
    background: transparent;
    border: 0;
    color: rgba(0, 0, 0, .45);
    cursor: pointer;
    font-weight: 700;
    line-height: 1;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    transition: color .3s;
    z-index: 10
}

.ant-modal-close-x {
    text-rendering: auto;
    display: block;
    font-size: 16px;
    font-style: normal;
    height: 54px;
    line-height: 54px;
    text-align: center;
    text-transform: none;
    width: 54px
}

.ant-modal-close:focus,
.ant-modal-close:hover {
    color: rgba(0, 0, 0, .75);
    text-decoration: none
}

.ant-modal-header {
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 2px 2px 0 0;
    color: rgba(0, 0, 0, .85);
    padding: 16px 24px
}

.ant-modal-body {
    word-wrap: break-word;
    font-size: 14px;
    line-height: 1.5715;
    padding: 24px
}

.ant-modal-footer {
    background: transparent;
    border-radius: 0 0 2px 2px;
    border-top: 1px solid #f0f0f0;
    padding: 10px 16px;
    text-align: right
}

.ant-modal-footer .ant-btn+.ant-btn:not(.ant-dropdown-trigger) {
    margin-bottom: 0;
    margin-left: 8px
}

.ant-modal-open {
    overflow: hidden
}

.ant-modal-centered {
    text-align: center
}

.ant-modal-centered:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.ant-modal-centered .ant-modal {
    display: inline-block;
    padding-bottom: 0;
    text-align: left;
    top: 0;
    vertical-align: middle
}

@media(max-width:767px) {
    .ant-modal {
        margin: 8px auto;
        max-width: calc(100vw - 16px)
    }

    .ant-modal-centered .ant-modal {
        flex: 1
    }
}

.ant-modal-confirm .ant-modal-header {
    display: none
}

.ant-modal-confirm .ant-modal-body {
    padding: 32px 32px 24px
}

.ant-modal-confirm-body-wrapper:before {
    content: "";
    display: table
}

.ant-modal-confirm-body-wrapper:after {
    clear: both;
    content: "";
    display: table
}

.ant-modal-confirm-body .ant-modal-confirm-title {
    color: rgba(0, 0, 0, .85);
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    overflow: hidden
}

.ant-modal-confirm-body .ant-modal-confirm-content {
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    margin-top: 8px
}

.ant-modal-confirm-body>.anticon {
    float: left;
    font-size: 22px;
    margin-right: 16px
}

.ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content {
    margin-left: 38px
}

.ant-modal-confirm .ant-modal-confirm-btns {
    margin-top: 24px;
    text-align: right
}

.ant-modal-confirm .ant-modal-confirm-btns .ant-btn+.ant-btn {
    margin-bottom: 0;
    margin-left: 8px
}

.ant-modal-confirm-error .ant-modal-confirm-body>.anticon {
    color: #ff4d4f
}

.ant-modal-confirm-confirm .ant-modal-confirm-body>.anticon,
.ant-modal-confirm-warning .ant-modal-confirm-body>.anticon {
    color: #faad14
}

.ant-modal-confirm-info .ant-modal-confirm-body>.anticon {
    color: #1890ff
}

.ant-modal-confirm-success .ant-modal-confirm-body>.anticon {
    color: #52c41a
}

.ant-modal-wrap-rtl {
    direction: rtl
}

.ant-modal-wrap-rtl .ant-modal-close {
    left: 0;
    right: auto
}

.ant-modal-wrap-rtl .ant-modal-footer {
    text-align: left
}

.ant-modal-wrap-rtl .ant-modal-footer .ant-btn+.ant-btn {
    margin-left: 0;
    margin-right: 8px
}

.ant-modal-wrap-rtl .ant-modal-confirm-body {
    direction: rtl
}

.ant-modal-wrap-rtl .ant-modal-confirm-body>.anticon {
    float: right;
    margin-left: 16px;
    margin-right: 0
}

.ant-modal-wrap-rtl .ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content {
    margin-left: 0;
    margin-right: 38px
}

.ant-modal-wrap-rtl .ant-modal-confirm-btns {
    text-align: left
}

.ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn+.ant-btn {
    margin-left: 0;
    margin-right: 8px
}

.ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
    text-align: right
}

[class*=ant-] input::-ms-clear,
[class*=ant-] input::-ms-reveal,
[class*=ant-]::-ms-clear,
[class^=ant-] input::-ms-clear,
[class^=ant-] input::-ms-reveal,
[class^=ant-]::-ms-clear {
    display: none
}

body,
html {
    height: 100%;
    width: 100%
}

input::-ms-clear,
input::-ms-reveal {
    display: none
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    font-family: sans-serif;
    line-height: 1.15
}

@-ms-viewport {
    width: device-width
}

body {
    font-feature-settings: "tnum";
    background-color: #fff;
    color: rgba(0, 0, 0, .85);
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715
}

[tabindex="-1"]:focus {
    outline: none !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    margin-bottom: .5em;
    margin-top: 0
}

p {
    margin-bottom: 1em;
    margin-top: 0
}

abbr[data-original-title],
abbr[title] {
    border-bottom: 0;
    cursor: help;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1em
}

input[type=number],
input[type=password],
input[type=text],
textarea {
    -webkit-appearance: none
}

dl,
ol,
ul {
    margin-bottom: 1em;
    margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 500
}

dd {
    margin-bottom: .5em;
    margin-left: 0
}

blockquote {
    margin: 0 0 1em
}

dfn {
    font-style: italic
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    -webkit-text-decoration-skip: objects;
    background-color: transparent;
    color: #1890ff;
    outline: none;
    transition: color .3s
}

a:hover {
    color: #40a9ff
}

a:active {
    color: #096dd9
}

a:active,
a:focus,
a:hover {
    outline: 0;
    text-decoration: none
}

a[disabled] {
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed
}

code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
    font-size: 1em
}

pre {
    margin-bottom: 1em;
    margin-top: 0;
    overflow: auto
}

figure {
    margin: 0 0 1em
}

img {
    border-style: none;
    vertical-align: middle
}

[role=button],
a,
area,
button,
input:not([type=range]),
label,
select,
summary,
textarea {
    touch-action: manipulation
}

caption {
    caption-side: bottom;
    color: rgba(0, 0, 0, .45);
    padding-bottom: .3em;
    padding-top: .75em;
    text-align: left
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0
}

legend {
    color: inherit;
    display: block;
    font-size: 1.5em;
    line-height: inherit;
    margin-bottom: .5em;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    width: 100%
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: none;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

output {
    display: inline-block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none !important
}

mark {
    background-color: #feffe6;
    padding: .2em
}

::-moz-selection {
    background: #1890ff;
    color: #fff
}

::selection {
    background: #1890ff;
    color: #fff
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.anticon {
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    display: inline-block;
    font-style: normal;
    line-height: 0;
    text-align: center;
    text-transform: none;
    vertical-align: -.125em
}

.anticon>* {
    line-height: 1
}

.anticon svg {
    display: inline-block
}

.anticon:before {
    display: none
}

.anticon .anticon-icon {
    display: block
}

.anticon>.anticon {
    line-height: 0;
    vertical-align: 0
}

.anticon[tabindex] {
    cursor: pointer
}

.anticon-spin,
.anticon-spin:before {
    -webkit-animation: loadingCircle 1s linear infinite;
    animation: loadingCircle 1s linear infinite;
    display: inline-block
}

.ant-fade-appear,
.ant-fade-enter,
.ant-fade-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-fade-appear.ant-fade-appear-active,
.ant-fade-enter.ant-fade-enter-active {
    -webkit-animation-name: antFadeIn;
    animation-name: antFadeIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-fade-leave.ant-fade-leave-active {
    -webkit-animation-name: antFadeOut;
    animation-name: antFadeOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-fade-appear,
.ant-fade-enter {
    opacity: 0
}

.ant-fade-appear,
.ant-fade-enter,
.ant-fade-leave {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

@-webkit-keyframes antFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes antFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes antFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes antFadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.ant-move-up-appear,
.ant-move-up-enter,
.ant-move-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-move-up-appear.ant-move-up-appear-active,
.ant-move-up-enter.ant-move-up-enter-active {
    -webkit-animation-name: antMoveUpIn;
    animation-name: antMoveUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-move-up-leave.ant-move-up-leave-active {
    -webkit-animation-name: antMoveUpOut;
    animation-name: antMoveUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-up-appear,
.ant-move-up-enter {
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    opacity: 0
}

.ant-move-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.ant-move-down-appear,
.ant-move-down-enter,
.ant-move-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-move-down-appear.ant-move-down-appear-active,
.ant-move-down-enter.ant-move-down-enter-active {
    -webkit-animation-name: antMoveDownIn;
    animation-name: antMoveDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-move-down-leave.ant-move-down-leave-active {
    -webkit-animation-name: antMoveDownOut;
    animation-name: antMoveDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-down-appear,
.ant-move-down-enter {
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    opacity: 0
}

.ant-move-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.ant-move-left-appear,
.ant-move-left-enter,
.ant-move-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-move-left-appear.ant-move-left-appear-active,
.ant-move-left-enter.ant-move-left-enter-active {
    -webkit-animation-name: antMoveLeftIn;
    animation-name: antMoveLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-move-left-leave.ant-move-left-leave-active {
    -webkit-animation-name: antMoveLeftOut;
    animation-name: antMoveLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-left-appear,
.ant-move-left-enter {
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    opacity: 0
}

.ant-move-left-leave {
    -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.ant-move-right-appear,
.ant-move-right-enter,
.ant-move-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-move-right-appear.ant-move-right-appear-active,
.ant-move-right-enter.ant-move-right-enter-active {
    -webkit-animation-name: antMoveRightIn;
    animation-name: antMoveRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-move-right-leave.ant-move-right-leave-active {
    -webkit-animation-name: antMoveRightOut;
    animation-name: antMoveRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-move-right-appear,
.ant-move-right-enter {
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    opacity: 0
}

.ant-move-right-leave {
    -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

@-webkit-keyframes antMoveDownIn {
    0% {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes antMoveDownIn {
    0% {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@-webkit-keyframes antMoveDownOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }
}

@keyframes antMoveDownOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(100%);
        transform-origin: 0 0
    }
}

@-webkit-keyframes antMoveLeftIn {
    0% {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes antMoveLeftIn {
    0% {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@-webkit-keyframes antMoveLeftOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }
}

@keyframes antMoveLeftOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(-100%);
        transform-origin: 0 0
    }
}

@-webkit-keyframes antMoveRightIn {
    0% {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@keyframes antMoveRightIn {
    0% {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }
}

@-webkit-keyframes antMoveRightOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }
}

@keyframes antMoveRightOut {
    0% {
        opacity: 1;
        transform: translateX(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateX(100%);
        transform-origin: 0 0
    }
}

@-webkit-keyframes antMoveUpIn {
    0% {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@keyframes antMoveUpIn {
    0% {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }
}

@-webkit-keyframes antMoveUpOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }
}

@keyframes antMoveUpOut {
    0% {
        opacity: 1;
        transform: translateY(0);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        transform-origin: 0 0
    }
}

@-webkit-keyframes loadingCircle {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loadingCircle {
    to {
        transform: rotate(1turn)
    }
}

[ant-click-animating-without-extra-node=true],
[ant-click-animating=true] {
    position: relative
}

html {
    --antd-wave-shadow-color: #1890ff;
    --scroll-bar: 0
}

.ant-click-animating-node,
[ant-click-animating-without-extra-node=true]:after {
    -webkit-animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .4s cubic-bezier(.08, .82, .17, 1);
    animation: fadeEffect 2s cubic-bezier(.08, .82, .17, 1), waveEffect .4s cubic-bezier(.08, .82, .17, 1);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    border-radius: inherit;
    bottom: 0;
    box-shadow: 0 0 0 0 #1890ff;
    box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
    content: "";
    display: block;
    left: 0;
    opacity: .2;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

@-webkit-keyframes waveEffect {
    to {
        box-shadow: 0 0 0 #1890ff;
        box-shadow: 0 0 0 6px var(--antd-wave-shadow-color)
    }
}

@keyframes waveEffect {
    to {
        box-shadow: 0 0 0 #1890ff;
        box-shadow: 0 0 0 6px var(--antd-wave-shadow-color)
    }
}

@-webkit-keyframes fadeEffect {
    to {
        opacity: 0
    }
}

@keyframes fadeEffect {
    to {
        opacity: 0
    }
}

.ant-slide-up-appear,
.ant-slide-up-enter,
.ant-slide-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-slide-up-appear.ant-slide-up-appear-active,
.ant-slide-up-enter.ant-slide-up-enter-active {
    -webkit-animation-name: antSlideUpIn;
    animation-name: antSlideUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-slide-up-leave.ant-slide-up-leave-active {
    -webkit-animation-name: antSlideUpOut;
    animation-name: antSlideUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-up-appear,
.ant-slide-up-enter {
    -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    opacity: 0
}

.ant-slide-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.ant-slide-down-appear,
.ant-slide-down-enter,
.ant-slide-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-slide-down-appear.ant-slide-down-appear-active,
.ant-slide-down-enter.ant-slide-down-enter-active {
    -webkit-animation-name: antSlideDownIn;
    animation-name: antSlideDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-slide-down-leave.ant-slide-down-leave-active {
    -webkit-animation-name: antSlideDownOut;
    animation-name: antSlideDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-down-appear,
.ant-slide-down-enter {
    -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    opacity: 0
}

.ant-slide-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.ant-slide-left-appear,
.ant-slide-left-enter,
.ant-slide-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-slide-left-appear.ant-slide-left-appear-active,
.ant-slide-left-enter.ant-slide-left-enter-active {
    -webkit-animation-name: antSlideLeftIn;
    animation-name: antSlideLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-slide-left-leave.ant-slide-left-leave-active {
    -webkit-animation-name: antSlideLeftOut;
    animation-name: antSlideLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-left-appear,
.ant-slide-left-enter {
    -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    opacity: 0
}

.ant-slide-left-leave {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.ant-slide-right-appear,
.ant-slide-right-enter,
.ant-slide-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-slide-right-appear.ant-slide-right-appear-active,
.ant-slide-right-enter.ant-slide-right-enter-active {
    -webkit-animation-name: antSlideRightIn;
    animation-name: antSlideRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-slide-right-leave.ant-slide-right-leave-active {
    -webkit-animation-name: antSlideRightOut;
    animation-name: antSlideRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-slide-right-appear,
.ant-slide-right-enter {
    -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    opacity: 0
}

.ant-slide-right-leave {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

@-webkit-keyframes antSlideUpIn {
    0% {
        opacity: 0;
        transform: scaleY(.8);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 0
    }
}

@keyframes antSlideUpIn {
    0% {
        opacity: 0;
        transform: scaleY(.8);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 0
    }
}

@-webkit-keyframes antSlideUpOut {
    0% {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: scaleY(.8);
        transform-origin: 0 0
    }
}

@keyframes antSlideUpOut {
    0% {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: scaleY(.8);
        transform-origin: 0 0
    }
}

@-webkit-keyframes antSlideDownIn {
    0% {
        opacity: 0;
        transform: scaleY(.8);
        transform-origin: 100% 100%
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 100%
    }
}

@keyframes antSlideDownIn {
    0% {
        opacity: 0;
        transform: scaleY(.8);
        transform-origin: 100% 100%
    }

    to {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes antSlideDownOut {
    0% {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 100%
    }

    to {
        opacity: 0;
        transform: scaleY(.8);
        transform-origin: 100% 100%
    }
}

@keyframes antSlideDownOut {
    0% {
        opacity: 1;
        transform: scaleY(1);
        transform-origin: 100% 100%
    }

    to {
        opacity: 0;
        transform: scaleY(.8);
        transform-origin: 100% 100%
    }
}

@-webkit-keyframes antSlideLeftIn {
    0% {
        opacity: 0;
        transform: scaleX(.8);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }
}

@keyframes antSlideLeftIn {
    0% {
        opacity: 0;
        transform: scaleX(.8);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }
}

@-webkit-keyframes antSlideLeftOut {
    0% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: scaleX(.8);
        transform-origin: 0 0
    }
}

@keyframes antSlideLeftOut {
    0% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 0 0
    }

    to {
        opacity: 0;
        transform: scaleX(.8);
        transform-origin: 0 0
    }
}

@-webkit-keyframes antSlideRightIn {
    0% {
        opacity: 0;
        transform: scaleX(.8);
        transform-origin: 100% 0
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 100% 0
    }
}

@keyframes antSlideRightIn {
    0% {
        opacity: 0;
        transform: scaleX(.8);
        transform-origin: 100% 0
    }

    to {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 100% 0
    }
}

@-webkit-keyframes antSlideRightOut {
    0% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 100% 0
    }

    to {
        opacity: 0;
        transform: scaleX(.8);
        transform-origin: 100% 0
    }
}

@keyframes antSlideRightOut {
    0% {
        opacity: 1;
        transform: scaleX(1);
        transform-origin: 100% 0
    }

    to {
        opacity: 0;
        transform: scaleX(.8);
        transform-origin: 100% 0
    }
}

.ant-zoom-appear,
.ant-zoom-enter,
.ant-zoom-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-zoom-appear.ant-zoom-appear-active,
.ant-zoom-enter.ant-zoom-enter-active {
    -webkit-animation-name: antZoomIn;
    animation-name: antZoomIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-zoom-leave.ant-zoom-leave-active {
    -webkit-animation-name: antZoomOut;
    animation-name: antZoomOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-appear,
.ant-zoom-enter {
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    transform: scale(0)
}

.ant-zoom-appear-prepare,
.ant-zoom-enter-prepare {
    transform: none
}

.ant-zoom-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-big-appear,
.ant-zoom-big-enter,
.ant-zoom-big-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-zoom-big-appear.ant-zoom-big-appear-active,
.ant-zoom-big-enter.ant-zoom-big-enter-active {
    -webkit-animation-name: antZoomBigIn;
    animation-name: antZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-zoom-big-leave.ant-zoom-big-leave-active {
    -webkit-animation-name: antZoomBigOut;
    animation-name: antZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-big-appear,
.ant-zoom-big-enter {
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    transform: scale(0)
}

.ant-zoom-big-appear-prepare,
.ant-zoom-big-enter-prepare {
    transform: none
}

.ant-zoom-big-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-big-fast-appear,
.ant-zoom-big-fast-enter,
.ant-zoom-big-fast-leave {
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active,
.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active {
    -webkit-animation-name: antZoomBigIn;
    animation-name: antZoomBigIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active {
    -webkit-animation-name: antZoomBigOut;
    animation-name: antZoomBigOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-big-fast-appear,
.ant-zoom-big-fast-enter {
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    transform: scale(0)
}

.ant-zoom-big-fast-appear-prepare,
.ant-zoom-big-fast-enter-prepare {
    transform: none
}

.ant-zoom-big-fast-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-up-appear,
.ant-zoom-up-enter,
.ant-zoom-up-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-zoom-up-appear.ant-zoom-up-appear-active,
.ant-zoom-up-enter.ant-zoom-up-enter-active {
    -webkit-animation-name: antZoomUpIn;
    animation-name: antZoomUpIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-zoom-up-leave.ant-zoom-up-leave-active {
    -webkit-animation-name: antZoomUpOut;
    animation-name: antZoomUpOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-up-appear,
.ant-zoom-up-enter {
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    transform: scale(0)
}

.ant-zoom-up-appear-prepare,
.ant-zoom-up-enter-prepare {
    transform: none
}

.ant-zoom-up-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-down-appear,
.ant-zoom-down-enter,
.ant-zoom-down-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-zoom-down-appear.ant-zoom-down-appear-active,
.ant-zoom-down-enter.ant-zoom-down-enter-active {
    -webkit-animation-name: antZoomDownIn;
    animation-name: antZoomDownIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-zoom-down-leave.ant-zoom-down-leave-active {
    -webkit-animation-name: antZoomDownOut;
    animation-name: antZoomDownOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-down-appear,
.ant-zoom-down-enter {
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    transform: scale(0)
}

.ant-zoom-down-appear-prepare,
.ant-zoom-down-enter-prepare {
    transform: none
}

.ant-zoom-down-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-left-appear,
.ant-zoom-left-enter,
.ant-zoom-left-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-zoom-left-appear.ant-zoom-left-appear-active,
.ant-zoom-left-enter.ant-zoom-left-enter-active {
    -webkit-animation-name: antZoomLeftIn;
    animation-name: antZoomLeftIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-zoom-left-leave.ant-zoom-left-leave-active {
    -webkit-animation-name: antZoomLeftOut;
    animation-name: antZoomLeftOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-left-appear,
.ant-zoom-left-enter {
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    transform: scale(0)
}

.ant-zoom-left-appear-prepare,
.ant-zoom-left-enter-prepare {
    transform: none
}

.ant-zoom-left-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.ant-zoom-right-appear,
.ant-zoom-right-enter,
.ant-zoom-right-leave {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.ant-zoom-right-appear.ant-zoom-right-appear-active,
.ant-zoom-right-enter.ant-zoom-right-enter-active {
    -webkit-animation-name: antZoomRightIn;
    animation-name: antZoomRightIn;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.ant-zoom-right-leave.ant-zoom-right-leave-active {
    -webkit-animation-name: antZoomRightOut;
    animation-name: antZoomRightOut;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    pointer-events: none
}

.ant-zoom-right-appear,
.ant-zoom-right-enter {
    -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1);
    opacity: 0;
    transform: scale(0)
}

.ant-zoom-right-appear-prepare,
.ant-zoom-right-enter-prepare {
    transform: none
}

.ant-zoom-right-leave {
    -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

@-webkit-keyframes antZoomIn {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes antZoomIn {
    0% {
        opacity: 0;
        transform: scale(.2)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes antZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.2)
    }
}

@keyframes antZoomOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.2)
    }
}

@-webkit-keyframes antZoomBigIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes antZoomBigIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes antZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes antZoomBigOut {
    0% {
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@-webkit-keyframes antZoomUpIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@keyframes antZoomUpIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 0
    }
}

@-webkit-keyframes antZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }
}

@keyframes antZoomUpOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 0
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 0
    }
}

@-webkit-keyframes antZoomLeftIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@keyframes antZoomLeftIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }

    to {
        transform: scale(1);
        transform-origin: 0 50%
    }
}

@-webkit-keyframes antZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }
}

@keyframes antZoomLeftOut {
    0% {
        transform: scale(1);
        transform-origin: 0 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 0 50%
    }
}

@-webkit-keyframes antZoomRightIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@keyframes antZoomRightIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }

    to {
        transform: scale(1);
        transform-origin: 100% 50%
    }
}

@-webkit-keyframes antZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }
}

@keyframes antZoomRightOut {
    0% {
        transform: scale(1);
        transform-origin: 100% 50%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 100% 50%
    }
}

@-webkit-keyframes antZoomDownIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@keyframes antZoomDownIn {
    0% {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }

    to {
        transform: scale(1);
        transform-origin: 50% 100%
    }
}

@-webkit-keyframes antZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }
}

@keyframes antZoomDownOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 100%
    }

    to {
        opacity: 0;
        transform: scale(.8);
        transform-origin: 50% 100%
    }
}

.ant-motion-collapse-legacy {
    overflow: hidden
}

.ant-motion-collapse,
.ant-motion-collapse-legacy-active {
    transition: height .2s cubic-bezier(.645, .045, .355, 1), opacity .2s cubic-bezier(.645, .045, .355, 1) !important
}

.ant-motion-collapse {
    overflow: hidden
}

.ant-btn {
    background-image: none;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .015);
    color: rgba(0, 0, 0, .85);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 32px;
    line-height: 1.5715;
    padding: 4px 15px;
    position: relative;
    text-align: center;
    touch-action: manipulation;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.ant-btn>.anticon {
    line-height: 1
}

.ant-btn,
.ant-btn:active,
.ant-btn:focus {
    outline: 0
}

.ant-btn:not([disabled]):hover {
    text-decoration: none
}

.ant-btn:not([disabled]):active {
    box-shadow: none;
    outline: 0
}

.ant-btn[disabled] {
    cursor: not-allowed
}

.ant-btn[disabled]>* {
    pointer-events: none
}

.ant-btn-lg {
    border-radius: 2px;
    font-size: 16px;
    height: 40px;
    padding: 6.4px 15px
}

.ant-btn-sm {
    border-radius: 2px;
    font-size: 14px;
    height: 24px;
    padding: 0 7px
}

.ant-btn>a:only-child {
    color: currentcolor
}

.ant-btn>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn:focus,
.ant-btn:hover {
    background: #fff;
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn:focus>a:only-child,
.ant-btn:hover>a:only-child {
    color: currentcolor
}

.ant-btn:focus>a:only-child:after,
.ant-btn:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn:active {
    background: #fff;
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn:active>a:only-child {
    color: currentcolor
}

.ant-btn:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn[disabled],
.ant-btn[disabled]:active,
.ant-btn[disabled]:focus,
.ant-btn[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    text-shadow: none
}

.ant-btn[disabled]:active>a:only-child,
.ant-btn[disabled]:focus>a:only-child,
.ant-btn[disabled]:hover>a:only-child,
.ant-btn[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn[disabled]:active>a:only-child:after,
.ant-btn[disabled]:focus>a:only-child:after,
.ant-btn[disabled]:hover>a:only-child:after,
.ant-btn[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn:active,
.ant-btn:focus,
.ant-btn:hover {
    background: #fff;
    text-decoration: none
}

.ant-btn>span {
    display: inline-block
}

.ant-btn-primary {
    background: #1890ff;
    border-color: #1890ff;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .12)
}

.ant-btn-primary>a:only-child {
    color: currentcolor
}

.ant-btn-primary>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-primary:focus,
.ant-btn-primary:hover {
    background: #40a9ff;
    border-color: #40a9ff;
    color: #fff
}

.ant-btn-primary:focus>a:only-child,
.ant-btn-primary:hover>a:only-child {
    color: currentcolor
}

.ant-btn-primary:focus>a:only-child:after,
.ant-btn-primary:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-primary:active {
    background: #096dd9;
    border-color: #096dd9;
    color: #fff
}

.ant-btn-primary:active>a:only-child {
    color: currentcolor
}

.ant-btn-primary:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-primary[disabled],
.ant-btn-primary[disabled]:active,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    text-shadow: none
}

.ant-btn-primary[disabled]:active>a:only-child,
.ant-btn-primary[disabled]:focus>a:only-child,
.ant-btn-primary[disabled]:hover>a:only-child,
.ant-btn-primary[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-primary[disabled]:active>a:only-child:after,
.ant-btn-primary[disabled]:focus>a:only-child:after,
.ant-btn-primary[disabled]:hover>a:only-child:after,
.ant-btn-primary[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
    border-left-color: #40a9ff;
    border-right-color: #40a9ff
}

.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
    border-color: #d9d9d9
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
    border-right-color: #40a9ff
}

.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
    border-right-color: #d9d9d9
}

.ant-btn-group .ant-btn-primary+.ant-btn-primary,
.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
    border-left-color: #40a9ff
}

.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] {
    border-left-color: #d9d9d9
}

.ant-btn-ghost {
    background: transparent;
    border-color: #d9d9d9;
    color: rgba(0, 0, 0, .85)
}

.ant-btn-ghost>a:only-child {
    color: currentcolor
}

.ant-btn-ghost>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-ghost:focus,
.ant-btn-ghost:hover {
    background: transparent;
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn-ghost:focus>a:only-child,
.ant-btn-ghost:hover>a:only-child {
    color: currentcolor
}

.ant-btn-ghost:focus>a:only-child:after,
.ant-btn-ghost:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-ghost:active {
    background: transparent;
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn-ghost:active>a:only-child {
    color: currentcolor
}

.ant-btn-ghost:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-ghost[disabled],
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    text-shadow: none
}

.ant-btn-ghost[disabled]:active>a:only-child,
.ant-btn-ghost[disabled]:focus>a:only-child,
.ant-btn-ghost[disabled]:hover>a:only-child,
.ant-btn-ghost[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-ghost[disabled]:active>a:only-child:after,
.ant-btn-ghost[disabled]:focus>a:only-child:after,
.ant-btn-ghost[disabled]:hover>a:only-child:after,
.ant-btn-ghost[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dashed {
    background: #fff;
    border-color: #d9d9d9;
    border-style: dashed;
    color: rgba(0, 0, 0, .85)
}

.ant-btn-dashed>a:only-child {
    color: currentcolor
}

.ant-btn-dashed>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dashed:focus,
.ant-btn-dashed:hover {
    background: #fff;
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn-dashed:focus>a:only-child,
.ant-btn-dashed:hover>a:only-child {
    color: currentcolor
}

.ant-btn-dashed:focus>a:only-child:after,
.ant-btn-dashed:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dashed:active {
    background: #fff;
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn-dashed:active>a:only-child {
    color: currentcolor
}

.ant-btn-dashed:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dashed[disabled],
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    text-shadow: none
}

.ant-btn-dashed[disabled]:active>a:only-child,
.ant-btn-dashed[disabled]:focus>a:only-child,
.ant-btn-dashed[disabled]:hover>a:only-child,
.ant-btn-dashed[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-dashed[disabled]:active>a:only-child:after,
.ant-btn-dashed[disabled]:focus>a:only-child:after,
.ant-btn-dashed[disabled]:hover>a:only-child:after,
.ant-btn-dashed[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-danger {
    background: #ff4d4f;
    border-color: #ff4d4f;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .12)
}

.ant-btn-danger>a:only-child {
    color: currentcolor
}

.ant-btn-danger>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-danger:focus,
.ant-btn-danger:hover {
    background: #ff7875;
    border-color: #ff7875;
    color: #fff
}

.ant-btn-danger:focus>a:only-child,
.ant-btn-danger:hover>a:only-child {
    color: currentcolor
}

.ant-btn-danger:focus>a:only-child:after,
.ant-btn-danger:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-danger:active {
    background: #d9363e;
    border-color: #d9363e;
    color: #fff
}

.ant-btn-danger:active>a:only-child {
    color: currentcolor
}

.ant-btn-danger:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-danger[disabled],
.ant-btn-danger[disabled]:active,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    text-shadow: none
}

.ant-btn-danger[disabled]:active>a:only-child,
.ant-btn-danger[disabled]:focus>a:only-child,
.ant-btn-danger[disabled]:hover>a:only-child,
.ant-btn-danger[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-danger[disabled]:active>a:only-child:after,
.ant-btn-danger[disabled]:focus>a:only-child:after,
.ant-btn-danger[disabled]:hover>a:only-child:after,
.ant-btn-danger[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-link {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #1890ff
}

.ant-btn-link>a:only-child {
    color: currentcolor
}

.ant-btn-link>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-link:focus,
.ant-btn-link:hover {
    background: transparent;
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn-link:focus>a:only-child,
.ant-btn-link:hover>a:only-child {
    color: currentcolor
}

.ant-btn-link:focus>a:only-child:after,
.ant-btn-link:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-link:active {
    background: transparent;
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn-link:active>a:only-child {
    color: currentcolor
}

.ant-btn-link:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-link[disabled],
.ant-btn-link[disabled]:active,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9
}

.ant-btn-link:hover {
    background: transparent
}

.ant-btn-link:active,
.ant-btn-link:focus,
.ant-btn-link:hover {
    border-color: transparent
}

.ant-btn-link[disabled],
.ant-btn-link[disabled]:active,
.ant-btn-link[disabled]:focus,
.ant-btn-link[disabled]:hover {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    text-shadow: none
}

.ant-btn-link[disabled]:active>a:only-child,
.ant-btn-link[disabled]:focus>a:only-child,
.ant-btn-link[disabled]:hover>a:only-child,
.ant-btn-link[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-link[disabled]:active>a:only-child:after,
.ant-btn-link[disabled]:focus>a:only-child:after,
.ant-btn-link[disabled]:hover>a:only-child:after,
.ant-btn-link[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-text {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: rgba(0, 0, 0, .85)
}

.ant-btn-text>a:only-child {
    color: currentcolor
}

.ant-btn-text>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-text:focus,
.ant-btn-text:hover {
    background: transparent;
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn-text:focus>a:only-child,
.ant-btn-text:hover>a:only-child {
    color: currentcolor
}

.ant-btn-text:focus>a:only-child:after,
.ant-btn-text:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-text:active {
    background: transparent;
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn-text:active>a:only-child {
    color: currentcolor
}

.ant-btn-text:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-text[disabled],
.ant-btn-text[disabled]:active,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9
}

.ant-btn-text:focus,
.ant-btn-text:hover {
    background: rgba(0, 0, 0, .018);
    border-color: transparent;
    color: rgba(0, 0, 0, .85)
}

.ant-btn-text:active {
    background: rgba(0, 0, 0, .028);
    border-color: transparent;
    color: rgba(0, 0, 0, .85)
}

.ant-btn-text[disabled],
.ant-btn-text[disabled]:active,
.ant-btn-text[disabled]:focus,
.ant-btn-text[disabled]:hover {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    text-shadow: none
}

.ant-btn-text[disabled]:active>a:only-child,
.ant-btn-text[disabled]:focus>a:only-child,
.ant-btn-text[disabled]:hover>a:only-child,
.ant-btn-text[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-text[disabled]:active>a:only-child:after,
.ant-btn-text[disabled]:focus>a:only-child:after,
.ant-btn-text[disabled]:hover>a:only-child:after,
.ant-btn-text[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous {
    background: #fff;
    border-color: #ff4d4f;
    color: #ff4d4f
}

.ant-btn-dangerous>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous:focus,
.ant-btn-dangerous:hover {
    background: #fff;
    border-color: #ff7875;
    color: #ff7875
}

.ant-btn-dangerous:focus>a:only-child,
.ant-btn-dangerous:hover>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous:focus>a:only-child:after,
.ant-btn-dangerous:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous:active {
    background: #fff;
    border-color: #d9363e;
    color: #d9363e
}

.ant-btn-dangerous:active>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous[disabled],
.ant-btn-dangerous[disabled]:active,
.ant-btn-dangerous[disabled]:focus,
.ant-btn-dangerous[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    text-shadow: none
}

.ant-btn-dangerous[disabled]:active>a:only-child,
.ant-btn-dangerous[disabled]:focus>a:only-child,
.ant-btn-dangerous[disabled]:hover>a:only-child,
.ant-btn-dangerous[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous[disabled]:active>a:only-child:after,
.ant-btn-dangerous[disabled]:focus>a:only-child:after,
.ant-btn-dangerous[disabled]:hover>a:only-child:after,
.ant-btn-dangerous[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-primary {
    background: #ff4d4f;
    border-color: #ff4d4f;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .045);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .12)
}

.ant-btn-dangerous.ant-btn-primary>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-primary:focus,
.ant-btn-dangerous.ant-btn-primary:hover {
    background: #ff7875;
    border-color: #ff7875;
    color: #fff
}

.ant-btn-dangerous.ant-btn-primary:focus>a:only-child,
.ant-btn-dangerous.ant-btn-primary:hover>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary:focus>a:only-child:after,
.ant-btn-dangerous.ant-btn-primary:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-primary:active {
    background: #d9363e;
    border-color: #d9363e;
    color: #fff
}

.ant-btn-dangerous.ant-btn-primary:active>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-primary[disabled],
.ant-btn-dangerous.ant-btn-primary[disabled]:active,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    text-shadow: none
}

.ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child,
.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-primary[disabled]:active>a:only-child:after,
.ant-btn-dangerous.ant-btn-primary[disabled]:focus>a:only-child:after,
.ant-btn-dangerous.ant-btn-primary[disabled]:hover>a:only-child:after,
.ant-btn-dangerous.ant-btn-primary[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-link {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #ff4d4f
}

.ant-btn-dangerous.ant-btn-link>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-link>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-link:focus,
.ant-btn-dangerous.ant-btn-link:hover {
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn-dangerous.ant-btn-link:active {
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:active,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9
}

.ant-btn-dangerous.ant-btn-link:focus,
.ant-btn-dangerous.ant-btn-link:hover {
    background: transparent;
    border-color: transparent;
    color: #ff7875
}

.ant-btn-dangerous.ant-btn-link:focus>a:only-child,
.ant-btn-dangerous.ant-btn-link:hover>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-link:focus>a:only-child:after,
.ant-btn-dangerous.ant-btn-link:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-link:active {
    background: transparent;
    border-color: transparent;
    color: #d9363e
}

.ant-btn-dangerous.ant-btn-link:active>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-link:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-dangerous.ant-btn-link[disabled]:active,
.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-dangerous.ant-btn-link[disabled]:hover {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    text-shadow: none
}

.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,
.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child:after,
.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child:after,
.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child:after,
.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-text {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: #ff4d4f
}

.ant-btn-dangerous.ant-btn-text>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-text>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-text:focus,
.ant-btn-dangerous.ant-btn-text:hover {
    background: transparent;
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn-dangerous.ant-btn-text:active {
    background: transparent;
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:active,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9
}

.ant-btn-dangerous.ant-btn-text:focus,
.ant-btn-dangerous.ant-btn-text:hover {
    background: rgba(0, 0, 0, .018);
    border-color: transparent;
    color: #ff7875
}

.ant-btn-dangerous.ant-btn-text:focus>a:only-child,
.ant-btn-dangerous.ant-btn-text:hover>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-text:focus>a:only-child:after,
.ant-btn-dangerous.ant-btn-text:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-text:active {
    background: rgba(0, 0, 0, .028);
    border-color: transparent;
    color: #d9363e
}

.ant-btn-dangerous.ant-btn-text:active>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-text:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-dangerous.ant-btn-text[disabled],
.ant-btn-dangerous.ant-btn-text[disabled]:active,
.ant-btn-dangerous.ant-btn-text[disabled]:focus,
.ant-btn-dangerous.ant-btn-text[disabled]:hover {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    text-shadow: none
}

.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child,
.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-dangerous.ant-btn-text[disabled]:active>a:only-child:after,
.ant-btn-dangerous.ant-btn-text[disabled]:focus>a:only-child:after,
.ant-btn-dangerous.ant-btn-text[disabled]:hover>a:only-child:after,
.ant-btn-dangerous.ant-btn-text[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-icon-only {
    border-radius: 2px;
    font-size: 16px;
    height: 32px;
    padding: 2.4px 0;
    vertical-align: -3px;
    width: 32px
}

.ant-btn-icon-only>* {
    font-size: 16px
}

.ant-btn-icon-only.ant-btn-lg {
    border-radius: 2px;
    font-size: 18px;
    height: 40px;
    padding: 4.9px 0;
    width: 40px
}

.ant-btn-icon-only.ant-btn-lg>* {
    font-size: 18px
}

.ant-btn-icon-only.ant-btn-sm {
    border-radius: 2px;
    font-size: 14px;
    height: 24px;
    padding: 0;
    width: 24px
}

.ant-btn-icon-only.ant-btn-sm>* {
    font-size: 14px
}

.ant-btn-icon-only>.anticon {
    display: flex;
    justify-content: center
}

.ant-btn-icon-only .anticon-loading {
    padding: 0 !important
}

a.ant-btn-icon-only {
    vertical-align: -1px
}

a.ant-btn-icon-only>.anticon {
    display: inline
}

.ant-btn-round {
    border-radius: 32px;
    font-size: 14px;
    height: 32px;
    padding: 4px 16px
}

.ant-btn-round.ant-btn-lg {
    border-radius: 40px;
    font-size: 16px;
    height: 40px;
    padding: 6.4px 20px
}

.ant-btn-round.ant-btn-sm {
    border-radius: 24px;
    font-size: 14px;
    height: 24px;
    padding: 0 12px
}

.ant-btn-round.ant-btn-icon-only {
    width: auto
}

.ant-btn-circle {
    border-radius: 50%;
    min-width: 32px;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.ant-btn-circle.ant-btn-lg {
    border-radius: 50%;
    min-width: 40px
}

.ant-btn-circle.ant-btn-sm {
    border-radius: 50%;
    min-width: 24px
}

.ant-btn:before {
    background: #fff;
    border-radius: inherit;
    bottom: -1px;
    content: "";
    display: none;
    left: -1px;
    opacity: .35;
    pointer-events: none;
    position: absolute;
    right: -1px;
    top: -1px;
    transition: opacity .2s;
    z-index: 1
}

.ant-btn .anticon {
    transition: margin-left .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-btn .anticon.anticon-minus>svg,
.ant-btn .anticon.anticon-plus>svg {
    shape-rendering: optimizespeed
}

.ant-btn.ant-btn-loading {
    cursor: default;
    position: relative
}

.ant-btn.ant-btn-loading:before {
    display: block
}

.ant-btn>.ant-btn-loading-icon {
    transition: width .3s cubic-bezier(.645, .045, .355, 1), opacity .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-btn>.ant-btn-loading-icon .anticon {
    -webkit-animation: none;
    animation: none;
    padding-right: 8px
}

.ant-btn>.ant-btn-loading-icon .anticon svg {
    -webkit-animation: loadingCircle 1s linear infinite;
    animation: loadingCircle 1s linear infinite
}

.ant-btn-group {
    display: inline-flex
}

.ant-btn-group,
.ant-btn-group>.ant-btn,
.ant-btn-group>span>.ant-btn {
    position: relative
}

.ant-btn-group>.ant-btn:active,
.ant-btn-group>.ant-btn:focus,
.ant-btn-group>.ant-btn:hover,
.ant-btn-group>span>.ant-btn:active,
.ant-btn-group>span>.ant-btn:focus,
.ant-btn-group>span>.ant-btn:hover {
    z-index: 2
}

.ant-btn-group>.ant-btn[disabled],
.ant-btn-group>span>.ant-btn[disabled] {
    z-index: 0
}

.ant-btn-group .ant-btn-icon-only {
    font-size: 14px
}

.ant-btn+.ant-btn-group,
.ant-btn-group .ant-btn+.ant-btn,
.ant-btn-group .ant-btn+span,
.ant-btn-group span+.ant-btn,
.ant-btn-group+.ant-btn,
.ant-btn-group+.ant-btn-group,
.ant-btn-group>span+span {
    margin-left: -1px
}

.ant-btn-group .ant-btn-primary+.ant-btn:not(.ant-btn-primary):not([disabled]) {
    border-left-color: transparent
}

.ant-btn-group .ant-btn {
    border-radius: 0
}

.ant-btn-group>.ant-btn:first-child,
.ant-btn-group>span:first-child>.ant-btn {
    margin-left: 0
}

.ant-btn-group>.ant-btn:only-child,
.ant-btn-group>span:only-child>.ant-btn {
    border-radius: 2px
}

.ant-btn-group>.ant-btn:first-child:not(:last-child),
.ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.ant-btn-group>.ant-btn:last-child:not(:first-child),
.ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.ant-btn-group-sm>.ant-btn:only-child,
.ant-btn-group-sm>span:only-child>.ant-btn {
    border-radius: 2px
}

.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),
.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),
.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.ant-btn-group>.ant-btn-group {
    float: left
}

.ant-btn-group>.ant-btn-group:not(:first-child):not(:last-child)>.ant-btn {
    border-radius: 0
}

.ant-btn-group>.ant-btn-group:first-child:not(:last-child)>.ant-btn:last-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding-right: 8px
}

.ant-btn-group>.ant-btn-group:last-child:not(:first-child)>.ant-btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding-left: 8px
}

.ant-btn-group-rtl.ant-btn+.ant-btn-group,
.ant-btn-group-rtl.ant-btn-group .ant-btn+.ant-btn,
.ant-btn-group-rtl.ant-btn-group .ant-btn+span,
.ant-btn-group-rtl.ant-btn-group span+.ant-btn,
.ant-btn-group-rtl.ant-btn-group+.ant-btn,
.ant-btn-group-rtl.ant-btn-group+.ant-btn-group,
.ant-btn-group-rtl.ant-btn-group>span+span,
.ant-btn-rtl.ant-btn+.ant-btn-group,
.ant-btn-rtl.ant-btn-group .ant-btn+.ant-btn,
.ant-btn-rtl.ant-btn-group .ant-btn+span,
.ant-btn-rtl.ant-btn-group span+.ant-btn,
.ant-btn-rtl.ant-btn-group+.ant-btn,
.ant-btn-rtl.ant-btn-group+.ant-btn-group,
.ant-btn-rtl.ant-btn-group>span+span {
    margin-left: auto;
    margin-right: -1px
}

.ant-btn-group.ant-btn-group-rtl {
    direction: rtl
}

.ant-btn-group-rtl.ant-btn-group>.ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group>span:first-child:not(:last-child)>.ant-btn {
    border-radius: 0 2px 2px 0
}

.ant-btn-group-rtl.ant-btn-group>.ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group>span:last-child:not(:first-child)>.ant-btn {
    border-radius: 2px 0 0 2px
}

.ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:first-child:not(:last-child),
.ant-btn-group-rtl.ant-btn-group-sm>span:first-child:not(:last-child)>.ant-btn {
    border-radius: 0 2px 2px 0
}

.ant-btn-group-rtl.ant-btn-group-sm>.ant-btn:last-child:not(:first-child),
.ant-btn-group-rtl.ant-btn-group-sm>span:last-child:not(:first-child)>.ant-btn {
    border-radius: 2px 0 0 2px
}

.ant-btn:active>span,
.ant-btn:focus>span {
    position: relative
}

.ant-btn>.anticon+span,
.ant-btn>span+.anticon {
    margin-left: 8px
}

.ant-btn.ant-btn-background-ghost {
    border-color: #fff;
    color: #fff
}

.ant-btn.ant-btn-background-ghost,
.ant-btn.ant-btn-background-ghost:active,
.ant-btn.ant-btn-background-ghost:focus,
.ant-btn.ant-btn-background-ghost:hover {
    background: transparent
}

.ant-btn.ant-btn-background-ghost:focus,
.ant-btn.ant-btn-background-ghost:hover {
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn.ant-btn-background-ghost:active {
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn.ant-btn-background-ghost[disabled] {
    background: transparent;
    border-color: #d9d9d9;
    color: rgba(0, 0, 0, .25)
}

.ant-btn-background-ghost.ant-btn-primary {
    border-color: #1890ff;
    color: #1890ff;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-primary>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-primary:focus,
.ant-btn-background-ghost.ant-btn-primary:hover {
    border-color: #40a9ff;
    color: #40a9ff
}

.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary:focus>a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-primary:active {
    border-color: #096dd9;
    color: #096dd9
}

.ant-btn-background-ghost.ant-btn-primary:active>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-primary[disabled]:active>a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus>a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover>a:only-child:after,
.ant-btn-background-ghost.ant-btn-primary[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-danger {
    border-color: #ff4d4f;
    color: #ff4d4f;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-danger>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-danger:focus,
.ant-btn-background-ghost.ant-btn-danger:hover {
    border-color: #ff7875;
    color: #ff7875
}

.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger:focus>a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-danger:active {
    border-color: #d9363e;
    color: #d9363e
}

.ant-btn-background-ghost.ant-btn-danger:active>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-danger[disabled]:active>a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus>a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover>a:only-child:after,
.ant-btn-background-ghost.ant-btn-danger[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous {
    border-color: #ff4d4f;
    color: #ff4d4f;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous:focus,
.ant-btn-background-ghost.ant-btn-dangerous:hover {
    border-color: #ff7875;
    color: #ff7875
}

.ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous:focus>a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous:active {
    border-color: #d9363e;
    color: #d9363e
}

.ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled],
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous[disabled]:active>a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:focus>a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]:hover>a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link {
    border-color: transparent;
    color: #ff4d4f;
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover {
    border-color: transparent;
    color: #ff7875
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:focus>a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:hover>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active {
    border-color: transparent;
    color: #d9363e
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link:active>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover {
    background: #f5f5f5;
    border-color: #d9d9d9;
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    text-shadow: none
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child {
    color: currentcolor
}

.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:active>a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:focus>a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]:hover>a:only-child:after,
.ant-btn-background-ghost.ant-btn-dangerous.ant-btn-link[disabled]>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-btn-two-chinese-chars:first-letter {
    letter-spacing: .34em
}

.ant-btn-two-chinese-chars>:not(.anticon) {
    letter-spacing: .34em;
    margin-right: -.34em
}

.ant-btn.ant-btn-block {
    width: 100%
}

.ant-btn:empty {
    content: " ";
    display: inline-block;
    visibility: hidden;
    width: 0
}

a.ant-btn {
    line-height: 30px;
    padding-top: .01px !important
}

a.ant-btn-disabled {
    cursor: not-allowed
}

a.ant-btn-disabled>* {
    pointer-events: none
}

a.ant-btn-disabled,
a.ant-btn-disabled:active,
a.ant-btn-disabled:focus,
a.ant-btn-disabled:hover {
    background: transparent;
    border-color: transparent;
    box-shadow: none;
    color: rgba(0, 0, 0, .25);
    text-shadow: none
}

a.ant-btn-disabled:active>a:only-child,
a.ant-btn-disabled:focus>a:only-child,
a.ant-btn-disabled:hover>a:only-child,
a.ant-btn-disabled>a:only-child {
    color: currentcolor
}

a.ant-btn-disabled:active>a:only-child:after,
a.ant-btn-disabled:focus>a:only-child:after,
a.ant-btn-disabled:hover>a:only-child:after,
a.ant-btn-disabled>a:only-child:after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

a.ant-btn-lg {
    line-height: 38px
}

a.ant-btn-sm {
    line-height: 22px
}

.ant-btn-rtl {
    direction: rtl
}

.ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary,
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child) {
    border-left-color: #d9d9d9;
    border-right-color: #40a9ff
}

.ant-btn-group-rtl.ant-btn-group .ant-btn-primary+.ant-btn-primary[disabled],
.ant-btn-group-rtl.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled] {
    border-left-color: #40a9ff;
    border-right-color: #d9d9d9
}

.ant-btn-rtl.ant-btn>.ant-btn-loading-icon .anticon {
    padding-left: 8px;
    padding-right: 0
}

.ant-btn-rtl.ant-btn>.anticon+span,
.ant-btn-rtl.ant-btn>span+.anticon {
    margin-left: 0;
    margin-right: 8px
}

.ant-popover {
    font-feature-settings: "tnum";
    box-sizing: border-box;
    color: rgba(0, 0, 0, .85);
    cursor: auto;
    font-size: 14px;
    font-variant: tabular-nums;
    font-weight: 400;
    left: 0;
    line-height: 1.5715;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 0;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    white-space: normal;
    z-index: 1030
}

.ant-popover-content {
    position: relative
}

.ant-popover:after {
    background: hsla(0, 0%, 100%, .01);
    content: "";
    position: absolute
}

.ant-popover-hidden {
    display: none
}

.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
    padding-bottom: 15.3137085px
}

.ant-popover-placement-right,
.ant-popover-placement-rightBottom,
.ant-popover-placement-rightTop {
    padding-left: 15.3137085px
}

.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
    padding-top: 15.3137085px
}

.ant-popover-placement-left,
.ant-popover-placement-leftBottom,
.ant-popover-placement-leftTop {
    padding-right: 15.3137085px
}

.ant-popover-inner {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .ant-popover-inner {
        box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
    }
}

.ant-popover-title {
    border-bottom: 1px solid #f0f0f0;
    color: rgba(0, 0, 0, .85);
    font-weight: 500;
    margin: 0;
    min-height: 32px;
    min-width: 177px;
    padding: 5px 16px 4px
}

.ant-popover-inner-content {
    color: rgba(0, 0, 0, .85);
    padding: 12px 16px
}

.ant-popover-message {
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    padding: 4px 0 12px;
    position: relative
}

.ant-popover-message>.anticon {
    color: #faad14;
    font-size: 14px;
    position: absolute;
    top: 8.0005px
}

.ant-popover-message-title {
    padding-left: 22px
}

.ant-popover-buttons {
    margin-bottom: 4px;
    text-align: right
}

.ant-popover-buttons button {
    margin-left: 8px
}

.ant-popover-arrow {
    background: transparent;
    display: block;
    height: 22px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 22px
}

.ant-popover-arrow-content {
    --antd-arrow-background-color: #fff;
    border-radius: 0 0 2px;
    bottom: 0;
    content: "";
    display: block;
    height: 11.3137085px;
    left: 0;
    margin: auto;
    pointer-events: auto;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 11.3137085px
}

.ant-popover-arrow-content:before {
    background: var(--antd-arrow-background-color);
    background-position: -10px -10px;
    background-repeat: no-repeat;
    -webkit-clip-path: inset(33% 33%);
    clip-path: inset(33% 33%);
    -webkit-clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z");
    clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z");
    content: "";
    height: 33.9411255px;
    left: -11.3137085px;
    position: absolute;
    top: -11.3137085px;
    width: 33.9411255px
}

.ant-popover-placement-top .ant-popover-arrow,
.ant-popover-placement-topLeft .ant-popover-arrow,
.ant-popover-placement-topRight .ant-popover-arrow {
    bottom: 0;
    transform: translateY(100%)
}

.ant-popover-placement-top .ant-popover-arrow-content,
.ant-popover-placement-topLeft .ant-popover-arrow-content,
.ant-popover-placement-topRight .ant-popover-arrow-content {
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
    transform: translateY(-11px) rotate(45deg)
}

.ant-popover-placement-top .ant-popover-arrow {
    left: 50%;
    transform: translateY(100%) translateX(-50%)
}

.ant-popover-placement-topLeft .ant-popover-arrow {
    left: 16px
}

.ant-popover-placement-topRight .ant-popover-arrow {
    right: 16px
}

.ant-popover-placement-right .ant-popover-arrow,
.ant-popover-placement-rightBottom .ant-popover-arrow,
.ant-popover-placement-rightTop .ant-popover-arrow {
    left: 0;
    transform: translateX(-100%)
}

.ant-popover-placement-right .ant-popover-arrow-content,
.ant-popover-placement-rightBottom .ant-popover-arrow-content,
.ant-popover-placement-rightTop .ant-popover-arrow-content {
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
    transform: translateX(11px) rotate(135deg)
}

.ant-popover-placement-right .ant-popover-arrow {
    top: 50%;
    transform: translateX(-100%) translateY(-50%)
}

.ant-popover-placement-rightTop .ant-popover-arrow {
    top: 12px
}

.ant-popover-placement-rightBottom .ant-popover-arrow {
    bottom: 12px
}

.ant-popover-placement-bottom .ant-popover-arrow,
.ant-popover-placement-bottomLeft .ant-popover-arrow,
.ant-popover-placement-bottomRight .ant-popover-arrow {
    top: 0;
    transform: translateY(-100%)
}

.ant-popover-placement-bottom .ant-popover-arrow-content,
.ant-popover-placement-bottomLeft .ant-popover-arrow-content,
.ant-popover-placement-bottomRight .ant-popover-arrow-content {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .06);
    transform: translateY(11px) rotate(-135deg)
}

.ant-popover-placement-bottom .ant-popover-arrow {
    left: 50%;
    transform: translateY(-100%) translateX(-50%)
}

.ant-popover-placement-bottomLeft .ant-popover-arrow {
    left: 16px
}

.ant-popover-placement-bottomRight .ant-popover-arrow {
    right: 16px
}

.ant-popover-placement-left .ant-popover-arrow,
.ant-popover-placement-leftBottom .ant-popover-arrow,
.ant-popover-placement-leftTop .ant-popover-arrow {
    right: 0;
    transform: translateX(100%)
}

.ant-popover-placement-left .ant-popover-arrow-content,
.ant-popover-placement-leftBottom .ant-popover-arrow-content,
.ant-popover-placement-leftTop .ant-popover-arrow-content {
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
    transform: translateX(-11px) rotate(-45deg)
}

.ant-popover-placement-left .ant-popover-arrow {
    top: 50%;
    transform: translateX(100%) translateY(-50%)
}

.ant-popover-placement-leftTop .ant-popover-arrow {
    top: 12px
}

.ant-popover-placement-leftBottom .ant-popover-arrow {
    bottom: 12px
}

.ant-popover-magenta .ant-popover-arrow-content,
.ant-popover-magenta .ant-popover-inner,
.ant-popover-pink .ant-popover-arrow-content,
.ant-popover-pink .ant-popover-inner {
    background-color: #eb2f96
}

.ant-popover-red .ant-popover-arrow-content,
.ant-popover-red .ant-popover-inner {
    background-color: #f5222d
}

.ant-popover-volcano .ant-popover-arrow-content,
.ant-popover-volcano .ant-popover-inner {
    background-color: #fa541c
}

.ant-popover-orange .ant-popover-arrow-content,
.ant-popover-orange .ant-popover-inner {
    background-color: #fa8c16
}

.ant-popover-yellow .ant-popover-arrow-content,
.ant-popover-yellow .ant-popover-inner {
    background-color: #fadb14
}

.ant-popover-gold .ant-popover-arrow-content,
.ant-popover-gold .ant-popover-inner {
    background-color: #faad14
}

.ant-popover-cyan .ant-popover-arrow-content,
.ant-popover-cyan .ant-popover-inner {
    background-color: #13c2c2
}

.ant-popover-lime .ant-popover-arrow-content,
.ant-popover-lime .ant-popover-inner {
    background-color: #a0d911
}

.ant-popover-green .ant-popover-arrow-content,
.ant-popover-green .ant-popover-inner {
    background-color: #52c41a
}

.ant-popover-blue .ant-popover-arrow-content,
.ant-popover-blue .ant-popover-inner {
    background-color: #1890ff
}

.ant-popover-geekblue .ant-popover-arrow-content,
.ant-popover-geekblue .ant-popover-inner {
    background-color: #2f54eb
}

.ant-popover-purple .ant-popover-arrow-content,
.ant-popover-purple .ant-popover-inner {
    background-color: #722ed1
}

.ant-popover-rtl {
    direction: rtl;
    text-align: right
}

.ant-popover-rtl .ant-popover-message-title {
    padding-left: 16px;
    padding-right: 22px
}

.ant-popover-rtl .ant-popover-buttons {
    text-align: left
}

.ant-popover-rtl .ant-popover-buttons button {
    margin-left: 0;
    margin-right: 8px
}

.ant-popconfirm {
    z-index: 1060
}

.ant-tooltip {
    font-feature-settings: "tnum";
    box-sizing: border-box;
    color: rgba(0, 0, 0, .85);
    display: block;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    margin: 0;
    max-width: 250px;
    padding: 0;
    position: absolute;
    visibility: visible;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    width: intrinsic;
    z-index: 1070
}

.ant-tooltip-content {
    position: relative
}

.ant-tooltip-hidden {
    display: none
}

.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
    padding-bottom: 14.3137085px
}

.ant-tooltip-placement-right,
.ant-tooltip-placement-rightBottom,
.ant-tooltip-placement-rightTop {
    padding-left: 14.3137085px
}

.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
    padding-top: 14.3137085px
}

.ant-tooltip-placement-left,
.ant-tooltip-placement-leftBottom,
.ant-tooltip-placement-leftTop {
    padding-right: 14.3137085px
}

.ant-tooltip-inner {
    word-wrap: break-word;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    color: #fff;
    min-height: 32px;
    min-width: 30px;
    padding: 6px 8px;
    text-align: left;
    text-decoration: none
}

.ant-tooltip-arrow {
    background: transparent;
    display: block;
    height: 22px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 22px;
    z-index: 2
}

.ant-tooltip-arrow-content {
    --antd-arrow-background-color: linear-gradient(to right bottom, rgba(0, 0, 0, .65), rgba(0, 0, 0, .75));
    border-radius: 0 0 2px;
    bottom: 0;
    content: "";
    display: block;
    height: 11.3137085px;
    left: 0;
    margin: auto;
    pointer-events: auto;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 11.3137085px
}

.ant-tooltip-arrow-content:before {
    background: var(--antd-arrow-background-color);
    background-position: -10px -10px;
    background-repeat: no-repeat;
    -webkit-clip-path: inset(33% 33%);
    clip-path: inset(33% 33%);
    -webkit-clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z");
    clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z");
    content: "";
    height: 33.9411255px;
    left: -11.3137085px;
    position: absolute;
    top: -11.3137085px;
    width: 33.9411255px
}

.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    bottom: 0;
    transform: translateY(100%)
}

.ant-tooltip-placement-top .ant-tooltip-arrow-content,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .07);
    transform: translateY(-11px) rotate(45deg)
}

.ant-tooltip-placement-top .ant-tooltip-arrow {
    left: 50%;
    transform: translateY(100%) translateX(-50%)
}

.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
    left: 13px
}

.ant-tooltip-placement-topRight .ant-tooltip-arrow {
    right: 13px
}

.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
    left: 0;
    transform: translateX(-100%)
}

.ant-tooltip-placement-right .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content {
    box-shadow: -3px 3px 7px rgba(0, 0, 0, .07);
    transform: translateX(11px) rotate(135deg)
}

.ant-tooltip-placement-right .ant-tooltip-arrow {
    top: 50%;
    transform: translateX(-100%) translateY(-50%)
}

.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
    top: 5px
}

.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
    bottom: 5px
}

.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
    right: 0;
    transform: translateX(100%)
}

.ant-tooltip-placement-left .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content {
    box-shadow: 3px -3px 7px rgba(0, 0, 0, .07);
    transform: translateX(-11px) rotate(315deg)
}

.ant-tooltip-placement-left .ant-tooltip-arrow {
    top: 50%;
    transform: translateX(100%) translateY(-50%)
}

.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
    top: 5px
}

.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
    bottom: 5px
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
    top: 0;
    transform: translateY(-100%)
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
    box-shadow: -3px -3px 7px rgba(0, 0, 0, .07);
    transform: translateY(11px) rotate(225deg)
}

.ant-tooltip-placement-bottom .ant-tooltip-arrow {
    left: 50%;
    transform: translateY(-100%) translateX(-50%)
}

.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
    left: 13px
}

.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
    right: 13px
}

.ant-tooltip-pink .ant-tooltip-inner {
    background-color: #eb2f96
}

.ant-tooltip-pink .ant-tooltip-arrow-content:before {
    background: #eb2f96
}

.ant-tooltip-magenta .ant-tooltip-inner {
    background-color: #eb2f96
}

.ant-tooltip-magenta .ant-tooltip-arrow-content:before {
    background: #eb2f96
}

.ant-tooltip-red .ant-tooltip-inner {
    background-color: #f5222d
}

.ant-tooltip-red .ant-tooltip-arrow-content:before {
    background: #f5222d
}

.ant-tooltip-volcano .ant-tooltip-inner {
    background-color: #fa541c
}

.ant-tooltip-volcano .ant-tooltip-arrow-content:before {
    background: #fa541c
}

.ant-tooltip-orange .ant-tooltip-inner {
    background-color: #fa8c16
}

.ant-tooltip-orange .ant-tooltip-arrow-content:before {
    background: #fa8c16
}

.ant-tooltip-yellow .ant-tooltip-inner {
    background-color: #fadb14
}

.ant-tooltip-yellow .ant-tooltip-arrow-content:before {
    background: #fadb14
}

.ant-tooltip-gold .ant-tooltip-inner {
    background-color: #faad14
}

.ant-tooltip-gold .ant-tooltip-arrow-content:before {
    background: #faad14
}

.ant-tooltip-cyan .ant-tooltip-inner {
    background-color: #13c2c2
}

.ant-tooltip-cyan .ant-tooltip-arrow-content:before {
    background: #13c2c2
}

.ant-tooltip-lime .ant-tooltip-inner {
    background-color: #a0d911
}

.ant-tooltip-lime .ant-tooltip-arrow-content:before {
    background: #a0d911
}

.ant-tooltip-green .ant-tooltip-inner {
    background-color: #52c41a
}

.ant-tooltip-green .ant-tooltip-arrow-content:before {
    background: #52c41a
}

.ant-tooltip-blue .ant-tooltip-inner {
    background-color: #1890ff
}

.ant-tooltip-blue .ant-tooltip-arrow-content:before {
    background: #1890ff
}

.ant-tooltip-geekblue .ant-tooltip-inner {
    background-color: #2f54eb
}

.ant-tooltip-geekblue .ant-tooltip-arrow-content:before {
    background: #2f54eb
}

.ant-tooltip-purple .ant-tooltip-inner {
    background-color: #722ed1
}

.ant-tooltip-purple .ant-tooltip-arrow-content:before {
    background: #722ed1
}

.ant-tooltip-rtl {
    direction: rtl
}

.ant-tooltip-rtl .ant-tooltip-inner {
    text-align: right
}

.ant-progress {
    font-feature-settings: "tnum";
    box-sizing: border-box;
    color: rgba(0, 0, 0, .85);
    display: inline-block;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    margin: 0;
    padding: 0
}

.ant-progress-line {
    font-size: 14px;
    position: relative;
    width: 100%
}

.ant-progress-steps {
    display: inline-block
}

.ant-progress-steps-outer {
    align-items: center;
    display: flex;
    flex-direction: row
}

.ant-progress-steps-item {
    background: #f3f3f3;
    flex-shrink: 0;
    margin-right: 2px;
    min-width: 2px;
    transition: all .3s
}

.ant-progress-steps-item-active {
    background: #1890ff
}

.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
    font-size: 12px
}

.ant-progress-outer {
    display: inline-block;
    margin-right: 0;
    padding-right: 0;
    width: 100%
}

.ant-progress-show-info .ant-progress-outer {
    margin-right: calc(-2em - 8px);
    padding-right: calc(2em + 8px)
}

.ant-progress-inner {
    background-color: #f5f5f5;
    border-radius: 100px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 100%
}

.ant-progress-circle-trail {
    stroke: #f5f5f5
}

.ant-progress-circle-path {
    -webkit-animation: ant-progress-appear .3s;
    animation: ant-progress-appear .3s
}

.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
    stroke: #1890ff
}

.ant-progress-bg,
.ant-progress-success-bg {
    background-color: #1890ff;
    border-radius: 100px;
    position: relative;
    transition: all .4s cubic-bezier(.08, .82, .17, 1) 0s
}

.ant-progress-success-bg {
    background-color: #52c41a;
    left: 0;
    position: absolute;
    top: 0
}

.ant-progress-text {
    color: rgba(0, 0, 0, .85);
    display: inline-block;
    font-size: 1em;
    line-height: 1;
    margin-left: 8px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    width: 2em;
    word-break: normal
}

.ant-progress-text .anticon {
    font-size: 14px
}

.ant-progress-status-active .ant-progress-bg:before {
    -webkit-animation: ant-progress-active 2.4s cubic-bezier(.23, 1, .32, 1) infinite;
    animation: ant-progress-active 2.4s cubic-bezier(.23, 1, .32, 1) infinite;
    background: #fff;
    border-radius: 10px;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.ant-progress-status-exception .ant-progress-bg {
    background-color: #ff4d4f
}

.ant-progress-status-exception .ant-progress-text {
    color: #ff4d4f
}

.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
    stroke: #ff4d4f
}

.ant-progress-status-success .ant-progress-bg {
    background-color: #52c41a
}

.ant-progress-status-success .ant-progress-text {
    color: #52c41a
}

.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
    stroke: #52c41a
}

.ant-progress-circle .ant-progress-inner {
    background-color: transparent;
    line-height: 1;
    position: relative
}

.ant-progress-circle .ant-progress-text {
    color: rgba(0, 0, 0, .85);
    font-size: 1em;
    left: 50%;
    line-height: 1;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: normal;
    width: 100%
}

.ant-progress-circle .ant-progress-text .anticon {
    font-size: 1.16666667em
}

.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
    color: #ff4d4f
}

.ant-progress-circle.ant-progress-status-success .ant-progress-text {
    color: #52c41a
}

@-webkit-keyframes ant-progress-active {
    0% {
        opacity: .1;
        transform: translateX(-100%) scaleX(0)
    }

    20% {
        opacity: .5;
        transform: translateX(-100%) scaleX(0)
    }

    to {
        opacity: 0;
        transform: translateX(0) scaleX(1)
    }
}

@keyframes ant-progress-active {
    0% {
        opacity: .1;
        transform: translateX(-100%) scaleX(0)
    }

    20% {
        opacity: .5;
        transform: translateX(-100%) scaleX(0)
    }

    to {
        opacity: 0;
        transform: translateX(0) scaleX(1)
    }
}

.ant-progress-rtl {
    direction: rtl
}

.ant-progress-rtl.ant-progress-show-info .ant-progress-outer {
    margin-left: calc(-2em - 8px);
    margin-right: 0;
    padding-left: calc(2em + 8px);
    padding-right: 0
}

.ant-progress-rtl .ant-progress-success-bg {
    left: auto;
    right: 0
}

.ant-progress-rtl.ant-progress-line .ant-progress-text,
.ant-progress-rtl.ant-progress-steps .ant-progress-text {
    margin-left: 0;
    margin-right: 8px;
    text-align: right
}

.ant-skeleton {
    display: table;
    width: 100%
}

.ant-skeleton-header {
    display: table-cell;
    padding-right: 16px;
    vertical-align: top
}

.ant-skeleton-header .ant-skeleton-avatar {
    background: hsla(0, 0%, 75%, .2);
    display: inline-block;
    height: 32px;
    line-height: 32px;
    vertical-align: top;
    width: 32px
}

.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
    border-radius: 50%
}

.ant-skeleton-header .ant-skeleton-avatar-lg {
    height: 40px;
    line-height: 40px;
    width: 40px
}

.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
    border-radius: 50%
}

.ant-skeleton-header .ant-skeleton-avatar-sm {
    height: 24px;
    line-height: 24px;
    width: 24px
}

.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
    border-radius: 50%
}

.ant-skeleton-content {
    display: table-cell;
    vertical-align: top;
    width: 100%
}

.ant-skeleton-content .ant-skeleton-title {
    background: hsla(0, 0%, 75%, .2);
    border-radius: 2px;
    height: 16px;
    width: 100%
}

.ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph {
    margin-top: 24px
}

.ant-skeleton-content .ant-skeleton-paragraph {
    padding: 0
}

.ant-skeleton-content .ant-skeleton-paragraph>li {
    background: hsla(0, 0%, 75%, .2);
    border-radius: 2px;
    height: 16px;
    list-style: none;
    width: 100%
}

.ant-skeleton-content .ant-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)) {
    width: 61%
}

.ant-skeleton-content .ant-skeleton-paragraph>li+li {
    margin-top: 16px
}

.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
    margin-top: 12px
}

.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title+.ant-skeleton-paragraph {
    margin-top: 28px
}

.ant-skeleton-round .ant-skeleton-content .ant-skeleton-paragraph>li,
.ant-skeleton-round .ant-skeleton-content .ant-skeleton-title {
    border-radius: 100px
}

.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton-active .ant-skeleton-button,
.ant-skeleton-active .ant-skeleton-image,
.ant-skeleton-active .ant-skeleton-input,
.ant-skeleton-active .ant-skeleton-paragraph>li,
.ant-skeleton-active .ant-skeleton-title {
    background: transparent;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.ant-skeleton-active .ant-skeleton-avatar:after,
.ant-skeleton-active .ant-skeleton-button:after,
.ant-skeleton-active .ant-skeleton-image:after,
.ant-skeleton-active .ant-skeleton-input:after,
.ant-skeleton-active .ant-skeleton-paragraph>li:after,
.ant-skeleton-active .ant-skeleton-title:after {
    -webkit-animation: ant-skeleton-loading 1.4s ease infinite;
    animation: ant-skeleton-loading 1.4s ease infinite;
    background: linear-gradient(90deg, hsla(0, 0%, 75%, .2) 25%, hsla(0, 0%, 51%, .24) 37%, hsla(0, 0%, 75%, .2) 63%);
    bottom: 0;
    content: "";
    left: -150%;
    position: absolute;
    right: -150%;
    top: 0
}

.ant-skeleton.ant-skeleton-block,
.ant-skeleton.ant-skeleton-block .ant-skeleton-button,
.ant-skeleton.ant-skeleton-block .ant-skeleton-input {
    width: 100%
}

.ant-skeleton-element {
    display: inline-block;
    width: auto
}

.ant-skeleton-element .ant-skeleton-button {
    background: hsla(0, 0%, 75%, .2);
    border-radius: 2px;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    min-width: 64px;
    vertical-align: top;
    width: 64px
}

.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-square {
    min-width: 32px;
    width: 32px
}

.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-circle {
    border-radius: 50%;
    min-width: 32px;
    width: 32px
}

.ant-skeleton-element .ant-skeleton-button.ant-skeleton-button-round {
    border-radius: 32px
}

.ant-skeleton-element .ant-skeleton-button-lg {
    height: 40px;
    line-height: 40px;
    min-width: 80px;
    width: 80px
}

.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-square {
    min-width: 40px;
    width: 40px
}

.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-circle {
    border-radius: 50%;
    min-width: 40px;
    width: 40px
}

.ant-skeleton-element .ant-skeleton-button-lg.ant-skeleton-button-round {
    border-radius: 40px
}

.ant-skeleton-element .ant-skeleton-button-sm {
    height: 24px;
    line-height: 24px;
    min-width: 48px;
    width: 48px
}

.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-square {
    min-width: 24px;
    width: 24px
}

.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-circle {
    border-radius: 50%;
    min-width: 24px;
    width: 24px
}

.ant-skeleton-element .ant-skeleton-button-sm.ant-skeleton-button-round {
    border-radius: 24px
}

.ant-skeleton-element .ant-skeleton-avatar {
    background: hsla(0, 0%, 75%, .2);
    display: inline-block;
    height: 32px;
    line-height: 32px;
    vertical-align: top;
    width: 32px
}

.ant-skeleton-element .ant-skeleton-avatar.ant-skeleton-avatar-circle {
    border-radius: 50%
}

.ant-skeleton-element .ant-skeleton-avatar-lg {
    height: 40px;
    line-height: 40px;
    width: 40px
}

.ant-skeleton-element .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
    border-radius: 50%
}

.ant-skeleton-element .ant-skeleton-avatar-sm {
    height: 24px;
    line-height: 24px;
    width: 24px
}

.ant-skeleton-element .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
    border-radius: 50%
}

.ant-skeleton-element .ant-skeleton-input {
    background: hsla(0, 0%, 75%, .2);
    display: inline-block;
    height: 32px;
    line-height: 32px;
    min-width: 160px;
    vertical-align: top;
    width: 160px
}

.ant-skeleton-element .ant-skeleton-input-lg {
    height: 40px;
    line-height: 40px;
    min-width: 200px;
    width: 200px
}

.ant-skeleton-element .ant-skeleton-input-sm {
    height: 24px;
    line-height: 24px;
    min-width: 120px;
    width: 120px
}

.ant-skeleton-element .ant-skeleton-image {
    align-items: center;
    background: hsla(0, 0%, 75%, .2);
    display: flex;
    height: 96px;
    justify-content: center;
    line-height: 96px;
    vertical-align: top;
    width: 96px
}

.ant-skeleton-element .ant-skeleton-image.ant-skeleton-image-circle {
    border-radius: 50%
}

.ant-skeleton-element .ant-skeleton-image-path {
    fill: #bfbfbf
}

.ant-skeleton-element .ant-skeleton-image-svg {
    height: 48px;
    line-height: 48px;
    max-height: 192px;
    max-width: 192px;
    width: 48px
}

.ant-skeleton-element .ant-skeleton-image-svg.ant-skeleton-image-circle {
    border-radius: 50%
}

@-webkit-keyframes ant-skeleton-loading {
    0% {
        transform: translateX(-37.5%)
    }

    to {
        transform: translateX(37.5%)
    }
}

@keyframes ant-skeleton-loading {
    0% {
        transform: translateX(-37.5%)
    }

    to {
        transform: translateX(37.5%)
    }
}

.ant-skeleton-rtl {
    direction: rtl
}

.ant-skeleton-rtl .ant-skeleton-header {
    padding-left: 16px;
    padding-right: 0
}

.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph>li,
.ant-skeleton-rtl.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title {
    -webkit-animation-name: ant-skeleton-loading-rtl;
    animation-name: ant-skeleton-loading-rtl
}

@-webkit-keyframes ant-skeleton-loading-rtl {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

@keyframes ant-skeleton-loading-rtl {
    0% {
        background-position: 0 50%
    }

    to {
        background-position: 100% 50%
    }
}

.ant-steps {
    font-feature-settings: "tnum";
    box-sizing: border-box;
    color: rgba(0, 0, 0, .85);
    display: flex;
    font-size: 14px;
    font-size: 0;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: initial;
    width: 100%
}

.ant-steps-item {
    display: inline-block;
    flex: 1;
    overflow: hidden;
    position: relative;
    vertical-align: top
}

.ant-steps-item-container {
    outline: none
}

.ant-steps-item:last-child {
    flex: none
}

.ant-steps-item:last-child>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after,
.ant-steps-item:last-child>.ant-steps-item-container>.ant-steps-item-tail {
    display: none
}

.ant-steps-item-content,
.ant-steps-item-icon {
    display: inline-block;
    vertical-align: top
}

.ant-steps-item-icon {
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: 32px;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    margin: 0 8px 0 0;
    text-align: center;
    transition: background-color .3s, border-color .3s;
    width: 32px
}

.ant-steps-item-icon .ant-steps-icon {
    color: #1890ff;
    line-height: 1;
    position: relative;
    top: -.5px
}

.ant-steps-item-tail {
    left: 0;
    padding: 0 10px;
    position: absolute;
    top: 12px;
    width: 100%
}

.ant-steps-item-tail:after {
    background: #f0f0f0;
    border-radius: 1px;
    content: "";
    display: inline-block;
    height: 1px;
    transition: background .3s;
    width: 100%
}

.ant-steps-item-title {
    color: rgba(0, 0, 0, .85);
    display: inline-block;
    font-size: 16px;
    line-height: 32px;
    padding-right: 16px;
    position: relative
}

.ant-steps-item-title:after {
    background: #f0f0f0;
    content: "";
    display: block;
    height: 1px;
    left: 100%;
    position: absolute;
    top: 16px;
    width: 9999px
}

.ant-steps-item-subtitle {
    display: inline;
    font-weight: 400;
    margin-left: 8px
}

.ant-steps-item-description,
.ant-steps-item-subtitle {
    color: rgba(0, 0, 0, .45);
    font-size: 14px
}

.ant-steps-item-wait .ant-steps-item-icon {
    background-color: #fff;
    border-color: rgba(0, 0, 0, .25)
}

.ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon {
    color: rgba(0, 0, 0, .25)
}

.ant-steps-item-wait .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
    background: rgba(0, 0, 0, .25)
}

.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
    color: rgba(0, 0, 0, .45)
}

.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after {
    background-color: #f0f0f0
}

.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description {
    color: rgba(0, 0, 0, .45)
}

.ant-steps-item-wait>.ant-steps-item-container>.ant-steps-item-tail:after {
    background-color: #f0f0f0
}

.ant-steps-item-process .ant-steps-item-icon {
    background-color: #fff;
    border-color: #1890ff
}

.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon {
    color: #1890ff
}

.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
    background: #1890ff
}

.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
    color: rgba(0, 0, 0, .85)
}

.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after {
    background-color: #f0f0f0
}

.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description {
    color: rgba(0, 0, 0, .85)
}

.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-tail:after {
    background-color: #f0f0f0
}

.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-icon {
    background: #1890ff
}

.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-icon .ant-steps-icon {
    color: #fff
}

.ant-steps-item-process>.ant-steps-item-container>.ant-steps-item-title {
    font-weight: 500
}

.ant-steps-item-finish .ant-steps-item-icon {
    background-color: #fff;
    border-color: #1890ff
}

.ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon {
    color: #1890ff
}

.ant-steps-item-finish .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
    background: #1890ff
}

.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
    color: rgba(0, 0, 0, .85)
}

.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after {
    background-color: #1890ff
}

.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description {
    color: rgba(0, 0, 0, .45)
}

.ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-tail:after {
    background-color: #1890ff
}

.ant-steps-item-error .ant-steps-item-icon {
    background-color: #fff;
    border-color: #ff4d4f
}

.ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon {
    color: #ff4d4f
}

.ant-steps-item-error .ant-steps-item-icon>.ant-steps-icon .ant-steps-icon-dot {
    background: #ff4d4f
}

.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title {
    color: #ff4d4f
}

.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after {
    background-color: #f0f0f0
}

.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description {
    color: #ff4d4f
}

.ant-steps-item-error>.ant-steps-item-container>.ant-steps-item-tail:after {
    background-color: #f0f0f0
}

.ant-steps-item.ant-steps-next-error .ant-steps-item-title:after {
    background: #ff4d4f
}

.ant-steps-item-disabled {
    cursor: not-allowed
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] {
    cursor: pointer
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-icon .ant-steps-icon,
.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button] .ant-steps-item-title {
    transition: color .3s
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active)>.ant-steps-item-container[role=button]:hover .ant-steps-item-title {
    color: #1890ff
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role=button]:hover .ant-steps-item-icon {
    border-color: #1890ff
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)>.ant-steps-item-container[role=button]:hover .ant-steps-item-icon .ant-steps-icon {
    color: #1890ff
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
    padding-left: 16px;
    white-space: nowrap
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
    padding-left: 0
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
    padding-right: 0
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
    display: none
}

.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
    max-width: 140px;
    white-space: normal
}

.ant-steps-item-custom>.ant-steps-item-container>.ant-steps-item-icon {
    background: none;
    border: 0;
    height: auto
}

.ant-steps-item-custom>.ant-steps-item-container>.ant-steps-item-icon>.ant-steps-icon {
    font-size: 24px;
    height: 32px;
    left: .5px;
    line-height: 32px;
    top: 0;
    width: 32px
}

.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon>.ant-steps-icon {
    color: #1890ff
}

.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
    background: none;
    width: auto
}

.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
    padding-left: 12px
}

.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
    padding-left: 0
}

.ant-steps-small .ant-steps-item-icon {
    border-radius: 24px;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 0 8px 0 0;
    text-align: center;
    width: 24px
}

.ant-steps-small .ant-steps-item-title {
    font-size: 14px;
    line-height: 24px;
    padding-right: 12px
}

.ant-steps-small .ant-steps-item-title:after {
    top: 12px
}

.ant-steps-small .ant-steps-item-description {
    color: rgba(0, 0, 0, .45);
    font-size: 14px
}

.ant-steps-small .ant-steps-item-tail {
    top: 8px
}

.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
    background: none;
    border: 0;
    border-radius: 0;
    height: inherit;
    line-height: inherit;
    width: inherit
}

.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon {
    font-size: 24px;
    line-height: 24px;
    transform: none
}

.ant-steps-vertical {
    display: flex;
    flex-direction: column
}

.ant-steps-vertical>.ant-steps-item {
    display: block;
    flex: 1 0 auto;
    overflow: visible;
    padding-left: 0
}

.ant-steps-vertical>.ant-steps-item .ant-steps-item-icon {
    float: left;
    margin-right: 16px
}

.ant-steps-vertical>.ant-steps-item .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden
}

.ant-steps-vertical>.ant-steps-item .ant-steps-item-title {
    line-height: 32px
}

.ant-steps-vertical>.ant-steps-item .ant-steps-item-description {
    padding-bottom: 12px
}

.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
    height: 100%;
    left: 16px;
    padding: 38px 0 6px;
    position: absolute;
    top: 0;
    width: 1px
}

.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail:after {
    height: 100%;
    width: 1px
}

.ant-steps-vertical>.ant-steps-item:not(:last-child)>.ant-steps-item-container>.ant-steps-item-tail {
    display: block
}

.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-title:after {
    display: none
}

.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    left: 12px;
    padding: 30px 0 6px;
    position: absolute;
    top: 0
}

.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
    line-height: 24px
}

.ant-steps-label-vertical .ant-steps-item {
    overflow: visible
}

.ant-steps-label-vertical .ant-steps-item-tail {
    margin-left: 58px;
    padding: 3.5px 24px
}

.ant-steps-label-vertical .ant-steps-item-content {
    display: block;
    margin-top: 8px;
    text-align: center;
    width: 116px
}

.ant-steps-label-vertical .ant-steps-item-icon {
    display: inline-block;
    margin-left: 42px
}

.ant-steps-label-vertical .ant-steps-item-title {
    padding-left: 0;
    padding-right: 0
}

.ant-steps-label-vertical .ant-steps-item-title:after {
    display: none
}

.ant-steps-label-vertical .ant-steps-item-subtitle {
    display: block;
    line-height: 1.5715;
    margin-bottom: 4px;
    margin-left: 0
}

.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
    margin-left: 46px
}

.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
    line-height: 1.5715
}

.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
    margin: 0 0 0 70px;
    padding: 0;
    top: 2px;
    width: 100%
}

.ant-steps-dot .ant-steps-item-tail:after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail:after {
    height: 3px;
    margin-left: 12px;
    width: calc(100% - 20px)
}

.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
    left: 2px
}

.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
    background: transparent;
    border: 0;
    height: 8px;
    line-height: 8px;
    margin-left: 67px;
    padding-right: 0;
    width: 8px
}

.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
    border-radius: 100px;
    float: left;
    height: 100%;
    position: relative;
    transition: all .3s;
    width: 100%
}

.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot:after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot:after {
    background: rgba(0, 0, 0, .001);
    content: "";
    height: 32px;
    left: -26px;
    position: absolute;
    top: -12px;
    width: 60px
}

.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
    width: 140px
}

.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
    background: none;
    height: 10px;
    line-height: 10px;
    position: relative;
    top: -1px;
    width: 10px
}

.ant-steps-dot .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-icon:first-child .ant-steps-icon-dot {
    left: 0
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
    background: none;
    margin-left: 0;
    margin-top: 13px
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
    left: -9px;
    margin: 0;
    padding: 22px 0 4px;
    top: 6.5px
}

.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
    margin-top: 10px
}

.ant-steps-vertical.ant-steps-dot.ant-steps-small .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
    top: 3.5px
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
    left: 0
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item-content {
    width: inherit
}

.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon-dot {
    left: -1px;
    top: -1px
}

.ant-steps-navigation {
    padding-top: 12px
}

.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
    margin-left: -12px
}

.ant-steps-navigation .ant-steps-item {
    overflow: visible;
    text-align: center
}

.ant-steps-navigation .ant-steps-item-container {
    display: inline-block;
    height: 100%;
    margin-left: -16px;
    padding-bottom: 12px;
    text-align: left;
    transition: opacity .3s
}

.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
    max-width: auto
}

.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
    max-width: 100%;
    overflow: hidden;
    padding-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title:after {
    display: none
}

.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role=button] {
    cursor: pointer
}

.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role=button]:hover {
    opacity: .85
}

.ant-steps-navigation .ant-steps-item:last-child {
    flex: 1
}

.ant-steps-navigation .ant-steps-item:last-child:after {
    display: none
}

.ant-steps-navigation .ant-steps-item:after {
    border: 1px solid rgba(0, 0, 0, .25);
    border-bottom: none;
    border-left: none;
    content: "";
    display: inline-block;
    height: 12px;
    left: 100%;
    margin-left: -2px;
    margin-top: -14px;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 12px
}

.ant-steps-navigation .ant-steps-item:before {
    background-color: #1890ff;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 2px;
    left: 50%;
    position: absolute;
    transition: width .3s, left .3s;
    transition-timing-function: ease-out;
    width: 0
}

.ant-steps-navigation .ant-steps-item.ant-steps-item-active:before {
    left: 0;
    width: 100%
}

.ant-steps-navigation.ant-steps-vertical>.ant-steps-item {
    margin-right: 0 !important
}

.ant-steps-navigation.ant-steps-vertical>.ant-steps-item:before {
    display: none
}

.ant-steps-navigation.ant-steps-vertical>.ant-steps-item.ant-steps-item-active:before {
    display: block;
    height: calc(100% - 24px);
    left: unset;
    right: 0;
    top: 0;
    width: 3px
}

.ant-steps-navigation.ant-steps-vertical>.ant-steps-item:after {
    display: block;
    height: 8px;
    left: 50%;
    margin-bottom: 8px;
    position: relative;
    text-align: center;
    top: -2px;
    transform: rotate(135deg);
    width: 8px
}

.ant-steps-navigation.ant-steps-horizontal>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail,
.ant-steps-navigation.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
    visibility: hidden
}

.ant-steps-rtl {
    direction: rtl
}

.ant-steps.ant-steps-rtl .ant-steps-item-icon {
    margin-left: 8px;
    margin-right: 0
}

.ant-steps-rtl .ant-steps-item-tail {
    left: auto;
    right: 0
}

.ant-steps-rtl .ant-steps-item-title {
    padding-left: 16px;
    padding-right: 0
}

.ant-steps-rtl .ant-steps-item-title .ant-steps-item-subtitle {
    float: left;
    margin-left: 0;
    margin-right: 8px
}

.ant-steps-rtl .ant-steps-item-title:after {
    left: auto;
    right: 100%
}

.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
    padding-left: 0;
    padding-right: 16px
}

.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
    padding-right: 0
}

.ant-steps-rtl.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
    padding-left: 0
}

.ant-steps-rtl .ant-steps-item-custom .ant-steps-item-icon>.ant-steps-icon {
    left: auto;
    right: .5px
}

.ant-steps-rtl.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
    margin-left: 0;
    margin-right: -12px
}

.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container {
    margin-left: 0;
    margin-right: -16px;
    text-align: right
}

.ant-steps-rtl.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
    padding-left: 0
}

.ant-steps-rtl.ant-steps-navigation .ant-steps-item:after {
    left: auto;
    margin-left: 0;
    margin-right: -2px;
    right: 100%;
    transform: rotate(225deg)
}

.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
    padding-left: 0;
    padding-right: 12px
}

.ant-steps-rtl.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:first-child {
    padding-right: 0
}

.ant-steps-rtl.ant-steps-small .ant-steps-item-title {
    padding-left: 12px;
    padding-right: 0
}

.ant-steps-rtl.ant-steps-vertical>.ant-steps-item .ant-steps-item-icon {
    float: right;
    margin-left: 16px;
    margin-right: 0
}

.ant-steps-rtl.ant-steps-vertical>.ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
    left: auto;
    right: 16px
}

.ant-steps-rtl.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    left: auto;
    right: 12px
}

.ant-steps-rtl.ant-steps-label-vertical .ant-steps-item-title {
    padding-left: 0
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
    margin: 0 70px 0 0
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item-tail:after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-tail:after {
    margin-left: 0;
    margin-right: 12px
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
    left: auto;
    right: 2px
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
    margin-left: 0;
    margin-right: 67px
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
    float: right
}

.ant-steps-rtl.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot:after,
.ant-steps-rtl.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot:after {
    left: auto;
    right: -26px
}

.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
    margin-left: 16px;
    margin-right: 0
}

.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item>.ant-steps-item-container>.ant-steps-item-tail {
    left: auto;
    right: -9px
}

.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
    left: auto;
    right: 0
}

.ant-steps-rtl.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
    left: auto;
    right: -2px
}

.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child {
    padding-left: 0;
    padding-right: 4px
}

.ant-steps-rtl.ant-steps-with-progress.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item:first-child.ant-steps-item-active {
    padding-right: 4px
}

.ant-steps-with-progress .ant-steps-item {
    padding-top: 4px
}

.ant-steps-with-progress .ant-steps-item .ant-steps-item-tail {
    top: 4px !important
}

.ant-steps-with-progress.ant-steps-horizontal .ant-steps-item:first-child {
    padding-bottom: 4px;
    padding-left: 4px
}

.ant-steps-with-progress.ant-steps-label-vertical .ant-steps-item .ant-steps-item-tail {
    top: 14px !important
}

.ant-steps-with-progress .ant-steps-item-icon {
    position: relative
}

.ant-steps-with-progress .ant-steps-item-icon .ant-progress {
    bottom: -5px;
    left: -5px;
    position: absolute;
    right: -5px;
    top: -5px
}

.ant-switch {
    font-feature-settings: "tnum";
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), linear-gradient(90deg, #fff, #fff);
    border: 0;
    border-radius: 100px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, .85);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-variant: tabular-nums;
    height: 22px;
    line-height: 1.5715;
    line-height: 22px;
    list-style: none;
    margin: 0;
    min-width: 44px;
    padding: 0;
    position: relative;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle
}

.ant-switch:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .1);
    outline: 0
}

.ant-switch-checked:focus {
    box-shadow: 0 0 0 2px #e6f7ff
}

.ant-switch:focus:hover {
    box-shadow: none
}

.ant-switch-checked {
    background: #1890ff
}

.ant-switch-disabled,
.ant-switch-loading {
    cursor: not-allowed;
    opacity: .4
}

.ant-switch-disabled *,
.ant-switch-loading * {
    box-shadow: none;
    cursor: not-allowed
}

.ant-switch-inner {
    color: #fff;
    display: block;
    font-size: 12px;
    margin: 0 7px 0 25px;
    transition: margin .2s
}

.ant-switch-checked .ant-switch-inner {
    margin: 0 25px 0 7px
}

.ant-switch-handle {
    height: 18px;
    left: 2px;
    top: 2px;
    width: 18px
}

.ant-switch-handle,
.ant-switch-handle:before {
    position: absolute;
    transition: all .2s ease-in-out
}

.ant-switch-handle:before {
    background-color: #fff;
    border-radius: 9px;
    bottom: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 35, 11, .2);
    content: "";
    left: 0;
    right: 0;
    top: 0
}

.ant-switch-checked .ant-switch-handle {
    left: calc(100% - 20px)
}

.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle:before {
    left: 0;
    right: -30%
}

.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle:before {
    left: -30%;
    right: 0
}

.ant-switch-loading-icon.anticon {
    color: rgba(0, 0, 0, .65);
    position: relative;
    top: 2px;
    vertical-align: top
}

.ant-switch-checked .ant-switch-loading-icon {
    color: #1890ff
}

.ant-switch-small {
    height: 16px;
    line-height: 16px;
    min-width: 28px
}

.ant-switch-small .ant-switch-inner {
    font-size: 12px;
    margin: 0 5px 0 18px
}

.ant-switch-small .ant-switch-handle {
    height: 12px;
    width: 12px
}

.ant-switch-small .ant-switch-loading-icon {
    font-size: 9px;
    top: 1.5px
}

.ant-switch-small.ant-switch-checked .ant-switch-inner {
    margin: 0 18px 0 5px
}

.ant-switch-small.ant-switch-checked .ant-switch-handle {
    left: calc(100% - 14px)
}

.ant-switch-rtl {
    direction: rtl
}

.ant-switch-rtl .ant-switch-inner {
    margin: 0 25px 0 7px
}

.ant-switch-rtl .ant-switch-handle {
    left: auto;
    right: 2px
}

.ant-switch-rtl:not(.ant-switch-rtl-disabled):active .ant-switch-handle:before {
    left: -30%;
    right: 0
}

.ant-switch-rtl:not(.ant-switch-rtl-disabled):active.ant-switch-checked .ant-switch-handle:before {
    left: 0;
    right: -30%
}

.ant-switch-rtl.ant-switch-checked .ant-switch-inner {
    margin: 0 7px 0 25px
}

.ant-switch-rtl.ant-switch-checked .ant-switch-handle {
    right: calc(100% - 20px)
}

.ant-switch-rtl.ant-switch-small.ant-switch-checked .ant-switch-handle {
    right: calc(100% - 14px)
}

.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab {
    font-size: 14px;
    padding: 8px 0
}

.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab {
    font-size: 16px;
    padding: 16px 0
}

.ant-tabs-card.ant-tabs-small>.ant-tabs-nav .ant-tabs-tab {
    padding: 6px 16px
}

.ant-tabs-card.ant-tabs-large>.ant-tabs-nav .ant-tabs-tab {
    padding: 7px 16px 6px
}

.ant-tabs-rtl {
    direction: rtl
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab {
    margin: 0 0 0 32px
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab:last-of-type {
    margin-left: 0
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .anticon {
    margin-left: 12px;
    margin-right: 0
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove {
    margin-left: -4px;
    margin-right: 8px
}

.ant-tabs-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon {
    margin: 0
}

.ant-tabs-rtl.ant-tabs-left>.ant-tabs-nav {
    order: 1
}

.ant-tabs-rtl.ant-tabs-left>.ant-tabs-content-holder,
.ant-tabs-rtl.ant-tabs-right>.ant-tabs-nav {
    order: 0
}

.ant-tabs-rtl.ant-tabs-right>.ant-tabs-content-holder {
    order: 1
}

.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs-rtl.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
    margin-left: 0;
    margin-right: 2px
}

.ant-tabs-dropdown-rtl {
    direction: rtl
}

.ant-tabs-dropdown-rtl .ant-tabs-dropdown-menu-item {
    text-align: right
}

.ant-tabs-bottom,
.ant-tabs-top {
    flex-direction: column
}

.ant-tabs-bottom>.ant-tabs-nav,
.ant-tabs-bottom>div>.ant-tabs-nav,
.ant-tabs-top>.ant-tabs-nav,
.ant-tabs-top>div>.ant-tabs-nav {
    margin: 0 0 16px
}

.ant-tabs-bottom>.ant-tabs-nav:before,
.ant-tabs-bottom>div>.ant-tabs-nav:before,
.ant-tabs-top>.ant-tabs-nav:before,
.ant-tabs-top>div>.ant-tabs-nav:before {
    border-bottom: 1px solid #f0f0f0;
    content: "";
    left: 0;
    position: absolute;
    right: 0
}

.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar {
    height: 2px
}

.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar-animated {
    transition: width .3s, left .3s, right .3s
}

.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:before {
    bottom: 0;
    top: 0;
    width: 30px
}

.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:before {
    box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .08);
    left: 0
}

.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap:after {
    box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .08);
    right: 0
}

.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,
.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,
.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,
.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,
.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,
.ant-tabs-top>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after,
.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-left:before,
.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-right:after {
    opacity: 1
}

.ant-tabs-top>.ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top>.ant-tabs-nav:before,
.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-top>div>.ant-tabs-nav:before {
    bottom: 0
}

.ant-tabs-bottom>.ant-tabs-nav,
.ant-tabs-bottom>div>.ant-tabs-nav {
    margin-bottom: 0;
    margin-top: 16px;
    order: 1
}

.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom>.ant-tabs-nav:before,
.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-bottom>div>.ant-tabs-nav:before {
    top: 0
}

.ant-tabs-bottom>.ant-tabs-content-holder,
.ant-tabs-bottom>div>.ant-tabs-content-holder {
    order: 0
}

.ant-tabs-left>.ant-tabs-nav,
.ant-tabs-left>div>.ant-tabs-nav,
.ant-tabs-right>.ant-tabs-nav,
.ant-tabs-right>div>.ant-tabs-nav {
    flex-direction: column;
    min-width: 50px
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,
.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,
.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab {
    padding: 8px 24px;
    text-align: center
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
    margin: 16px 0 0
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap {
    flex-direction: column
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:before {
    height: 30px;
    left: 0;
    right: 0
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:before {
    box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .08);
    top: 0
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap:after {
    bottom: 0;
    box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .08)
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,
.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,
.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,
.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,
.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,
.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before,
.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-bottom:after,
.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-wrap.ant-tabs-nav-wrap-ping-top:before {
    opacity: 1
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar {
    width: 2px
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar-animated,
.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar-animated {
    transition: height .3s, top .3s
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left>.ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right>.ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-nav-operations {
    flex: 1 0 auto;
    flex-direction: column
}

.ant-tabs-left>.ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-ink-bar {
    right: 0
}

.ant-tabs-left>.ant-tabs-content-holder,
.ant-tabs-left>div>.ant-tabs-content-holder {
    border-left: 1px solid #f0f0f0;
    margin-left: -1px
}

.ant-tabs-left>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,
.ant-tabs-left>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane {
    padding-left: 24px
}

.ant-tabs-right>.ant-tabs-nav,
.ant-tabs-right>div>.ant-tabs-nav {
    order: 1
}

.ant-tabs-right>.ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-ink-bar {
    left: 0
}

.ant-tabs-right>.ant-tabs-content-holder,
.ant-tabs-right>div>.ant-tabs-content-holder {
    border-right: 1px solid #f0f0f0;
    margin-right: -1px;
    order: 0
}

.ant-tabs-right>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane,
.ant-tabs-right>div>.ant-tabs-content-holder>.ant-tabs-content>.ant-tabs-tabpane {
    padding-right: 24px
}

.ant-tabs-dropdown {
    font-feature-settings: "tnum";
    box-sizing: border-box;
    color: rgba(0, 0, 0, .85);
    display: block;
    font-size: 14px;
    font-variant: tabular-nums;
    left: -9999px;
    line-height: 1.5715;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -9999px;
    z-index: 1050
}

.ant-tabs-dropdown-hidden {
    display: none
}

.ant-tabs-dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    list-style-type: none;
    margin: 0;
    max-height: 200px;
    outline: none;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 4px 0;
    text-align: left
}

.ant-tabs-dropdown-menu-item {
    align-items: center;
    color: rgba(0, 0, 0, .85);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    min-width: 120px;
    overflow: hidden;
    padding: 5px 12px;
    text-overflow: ellipsis;
    transition: all .3s;
    white-space: nowrap
}

.ant-tabs-dropdown-menu-item>span {
    flex: 1;
    white-space: nowrap
}

.ant-tabs-dropdown-menu-item-remove {
    background: transparent;
    border: 0;
    color: rgba(0, 0, 0, .45);
    cursor: pointer;
    flex: none;
    font-size: 12px;
    margin-left: 12px
}

.ant-tabs-dropdown-menu-item-remove:hover {
    color: #40a9ff
}

.ant-tabs-dropdown-menu-item:hover {
    background: #f5f5f5
}

.ant-tabs-dropdown-menu-item-disabled,
.ant-tabs-dropdown-menu-item-disabled:hover {
    background: transparent;
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed
}

.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab {
    background: #fafafa;
    border: 1px solid #f0f0f0;
    margin: 0;
    padding: 8px 16px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active {
    background: #fff;
    color: #1890ff
}

.ant-tabs-card>.ant-tabs-nav .ant-tabs-ink-bar,
.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-ink-bar {
    visibility: hidden
}

.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
    margin-left: 2px
}

.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab {
    border-radius: 2px 2px 0 0
}

.ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab-active {
    border-bottom-color: #fff
}

.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab {
    border-radius: 0 0 2px 2px
}

.ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab-active {
    border-top-color: #fff
}

.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab,
.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab {
    margin-top: 2px
}

.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab {
    border-radius: 2px 0 0 2px
}

.ant-tabs-card.ant-tabs-left>.ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-left>div>.ant-tabs-nav .ant-tabs-tab-active {
    border-right-color: #fff
}

.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab,
.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab {
    border-radius: 0 2px 2px 0
}

.ant-tabs-card.ant-tabs-right>.ant-tabs-nav .ant-tabs-tab-active,
.ant-tabs-card.ant-tabs-right>div>.ant-tabs-nav .ant-tabs-tab-active {
    border-left-color: #fff
}

.ant-tabs {
    font-feature-settings: "tnum";
    box-sizing: border-box;
    color: rgba(0, 0, 0, .85);
    display: flex;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    margin: 0;
    padding: 0
}

.ant-tabs>.ant-tabs-nav,
.ant-tabs>div>.ant-tabs-nav {
    align-items: center;
    display: flex;
    flex: none;
    position: relative
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap,
.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap {
    align-self: stretch;
    display: inline-block;
    display: flex;
    flex: auto;
    overflow: hidden;
    position: relative;
    transform: translate(0);
    white-space: nowrap
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs>.ant-tabs-nav .ant-tabs-nav-wrap:before,
.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap:after,
.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-wrap:before {
    content: "";
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s;
    z-index: 1
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-list {
    display: flex;
    position: relative;
    transition: transform .3s
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations,
.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations {
    align-self: stretch;
    display: flex
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-operations-hidden,
.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-operations-hidden {
    pointer-events: none;
    position: absolute;
    visibility: hidden
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more,
.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more {
    background: transparent;
    border: 0;
    padding: 8px 16px;
    position: relative
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-more:after,
.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-more:after {
    bottom: 0;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    right: 0;
    transform: translateY(100%)
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add,
.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add {
    background: #fafafa;
    border: 1px solid #f0f0f0;
    border-radius: 2px 2px 0 0;
    cursor: pointer;
    margin-left: 2px;
    min-width: 40px;
    outline: none;
    padding: 0 8px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:hover,
.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:hover {
    color: #40a9ff
}

.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs>.ant-tabs-nav .ant-tabs-nav-add:focus,
.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:active,
.ant-tabs>div>.ant-tabs-nav .ant-tabs-nav-add:focus {
    color: #096dd9
}

.ant-tabs-extra-content {
    flex: none
}

.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]),
.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:not([class*=ant-tabs-nav-wrap-ping]) {
    justify-content: center
}

.ant-tabs-ink-bar {
    background: #1890ff;
    pointer-events: none;
    position: absolute
}

.ant-tabs-tab {
    align-items: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    outline: none;
    padding: 12px 0;
    position: relative
}

.ant-tabs-tab-btn:active,
.ant-tabs-tab-btn:focus,
.ant-tabs-tab-remove:active,
.ant-tabs-tab-remove:focus {
    color: #096dd9
}

.ant-tabs-tab-btn,
.ant-tabs-tab-remove {
    outline: none;
    transition: all .3s
}

.ant-tabs-tab-remove {
    background: transparent;
    border: none;
    color: rgba(0, 0, 0, .45);
    cursor: pointer;
    flex: none;
    font-size: 12px;
    margin-left: 8px;
    margin-right: -4px
}

.ant-tabs-tab-remove:hover {
    color: rgba(0, 0, 0, .85)
}

.ant-tabs-tab:hover {
    color: #40a9ff
}

.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: #1890ff;
    text-shadow: 0 0 .25px currentcolor
}

.ant-tabs-tab.ant-tabs-tab-disabled {
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed
}

.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn:focus,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:active,
.ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-remove:focus {
    color: rgba(0, 0, 0, .25)
}

.ant-tabs-tab .ant-tabs-tab-remove .anticon {
    margin: 0
}

.ant-tabs-tab .anticon {
    margin-right: 12px
}

.ant-tabs-tab+.ant-tabs-tab {
    margin: 0 0 0 32px
}

.ant-tabs-content {
    display: flex;
    width: 100%
}

.ant-tabs-content-holder {
    flex: auto;
    min-height: 0;
    min-width: 0
}

.ant-tabs-content-animated {
    transition: margin .3s
}

.ant-tabs-tabpane {
    flex: none;
    outline: none;
    width: 100%
}

.ant-drawer {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.ant-drawer-inline {
    position: absolute
}

.ant-drawer-mask {
    background: rgba(0, 0, 0, .45);
    bottom: 0;
    left: 0;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000
}

.ant-drawer-content-wrapper {
    position: absolute;
    transition: all .3s;
    z-index: 1000
}

.ant-drawer-content-wrapper-hidden {
    display: none
}

.ant-drawer-left>.ant-drawer-content-wrapper {
    bottom: 0;
    box-shadow: 6px 0 16px -8px rgba(0, 0, 0, .08), 9px 0 28px 0 rgba(0, 0, 0, .05), 12px 0 48px 16px rgba(0, 0, 0, .03);
    left: 0;
    top: 0
}

.ant-drawer-right>.ant-drawer-content-wrapper {
    bottom: 0;
    box-shadow: -6px 0 16px -8px rgba(0, 0, 0, .08), -9px 0 28px 0 rgba(0, 0, 0, .05), -12px 0 48px 16px rgba(0, 0, 0, .03);
    right: 0;
    top: 0
}

.ant-drawer-top>.ant-drawer-content-wrapper {
    box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .08), 0 9px 28px 0 rgba(0, 0, 0, .05), 0 12px 48px 16px rgba(0, 0, 0, .03);
    left: 0;
    right: 0;
    top: 0
}

.ant-drawer-bottom>.ant-drawer-content-wrapper {
    bottom: 0;
    box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, .08), 0 -9px 28px 0 rgba(0, 0, 0, .05), 0 -12px 48px 16px rgba(0, 0, 0, .03);
    left: 0;
    right: 0
}

.ant-drawer-content {
    background: #fff;
    height: 100%;
    overflow: auto;
    pointer-events: auto;
    width: 100%
}

.ant-drawer-wrapper-body {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.ant-drawer-header {
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    flex: 0;
    font-size: 16px;
    line-height: 22px;
    padding: 16px 24px
}

.ant-drawer-header-title {
    align-items: center;
    display: flex;
    flex: 1;
    min-height: 0;
    min-width: 0
}

.ant-drawer-extra {
    flex: 0
}

.ant-drawer-close {
    text-rendering: auto;
    background: transparent;
    border: 0;
    color: rgba(0, 0, 0, .45);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin-right: 12px;
    outline: 0;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: color .3s
}

.ant-drawer-close:focus,
.ant-drawer-close:hover {
    color: rgba(0, 0, 0, .75);
    text-decoration: none
}

.ant-drawer-title {
    color: rgba(0, 0, 0, .85);
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin: 0
}

.ant-drawer-body {
    flex: 1;
    min-height: 0;
    min-width: 0;
    overflow: auto;
    padding: 24px
}

.ant-drawer-footer {
    border-top: 1px solid #f0f0f0;
    flex-shrink: 0;
    padding: 10px 16px
}

.panel-motion-appear-start,
.panel-motion-enter-start,
.panel-motion-leave-start {
    transition: none
}

.ant-drawer-mask-motion-appear-active,
.ant-drawer-mask-motion-enter-active,
.ant-drawer-mask-motion-leave-active,
.panel-motion-appear-active,
.panel-motion-enter-active,
.panel-motion-leave-active {
    transition: all .3s
}

.ant-drawer-mask-motion-appear,
.ant-drawer-mask-motion-enter {
    opacity: 0
}

.ant-drawer-mask-motion-appear-active,
.ant-drawer-mask-motion-enter-active,
.ant-drawer-mask-motion-leave {
    opacity: 1
}

.ant-drawer-mask-motion-leave-active {
    opacity: 0
}

.ant-drawer-panel-motion-left-appear-start,
.ant-drawer-panel-motion-left-enter-start,
.ant-drawer-panel-motion-left-leave-start {
    transition: none
}

.ant-drawer-panel-motion-left-appear-active,
.ant-drawer-panel-motion-left-enter-active,
.ant-drawer-panel-motion-left-leave-active {
    transition: all .3s
}

.ant-drawer-panel-motion-left-appear,
.ant-drawer-panel-motion-left-enter {
    transform: translateX(-100%)
}

.ant-drawer-panel-motion-left-appear-active,
.ant-drawer-panel-motion-left-enter-active,
.ant-drawer-panel-motion-left-leave {
    transform: translateX(0)
}

.ant-drawer-panel-motion-left-leave-active {
    transform: translateX(-100%)
}

.ant-drawer-panel-motion-right-appear-start,
.ant-drawer-panel-motion-right-enter-start,
.ant-drawer-panel-motion-right-leave-start {
    transition: none
}

.ant-drawer-panel-motion-right-appear-active,
.ant-drawer-panel-motion-right-enter-active,
.ant-drawer-panel-motion-right-leave-active {
    transition: all .3s
}

.ant-drawer-panel-motion-right-appear,
.ant-drawer-panel-motion-right-enter {
    transform: translateX(100%)
}

.ant-drawer-panel-motion-right-appear-active,
.ant-drawer-panel-motion-right-enter-active,
.ant-drawer-panel-motion-right-leave {
    transform: translateX(0)
}

.ant-drawer-panel-motion-right-leave-active {
    transform: translateX(100%)
}

.ant-drawer-panel-motion-top-appear-start,
.ant-drawer-panel-motion-top-enter-start,
.ant-drawer-panel-motion-top-leave-start {
    transition: none
}

.ant-drawer-panel-motion-top-appear-active,
.ant-drawer-panel-motion-top-enter-active,
.ant-drawer-panel-motion-top-leave-active {
    transition: all .3s
}

.ant-drawer-panel-motion-top-appear,
.ant-drawer-panel-motion-top-enter {
    transform: translateY(-100%)
}

.ant-drawer-panel-motion-top-appear-active,
.ant-drawer-panel-motion-top-enter-active,
.ant-drawer-panel-motion-top-leave {
    transform: translateY(0)
}

.ant-drawer-panel-motion-top-leave-active {
    transform: translateY(-100%)
}

.ant-drawer-panel-motion-bottom-appear-start,
.ant-drawer-panel-motion-bottom-enter-start,
.ant-drawer-panel-motion-bottom-leave-start {
    transition: none
}

.ant-drawer-panel-motion-bottom-appear-active,
.ant-drawer-panel-motion-bottom-enter-active,
.ant-drawer-panel-motion-bottom-leave-active {
    transition: all .3s
}

.ant-drawer-panel-motion-bottom-appear,
.ant-drawer-panel-motion-bottom-enter {
    transform: translateY(100%)
}

.ant-drawer-panel-motion-bottom-appear-active,
.ant-drawer-panel-motion-bottom-enter-active,
.ant-drawer-panel-motion-bottom-leave {
    transform: translateY(0)
}

.ant-drawer-panel-motion-bottom-leave-active {
    transform: translateY(100%)
}

.ant-drawer-rtl {
    direction: rtl
}

.ant-drawer-rtl .ant-drawer-close {
    margin-left: 12px;
    margin-right: 0
}

@font-face {
    font-family: td-icons;
    font-style: normal;
    font-weight: 400;
    src: url(https://st.toneden.io/prod-assets/fonts/td-icons.eot);
    src: url(https://st.toneden.io/prod-assets/fonts/td-icons.eot) format("embedded-opentype"), url(https://st.toneden.io/prod-assets/fonts/td-icons.woff) format("woff"), url(https://st.toneden.io/prod-assets/fonts/td-icons.ttf) format("truetype"), url(https://st.toneden.io/prod-assets/fonts/td-icons.svg) format("svg")
}

[class*=" icon-"],
[class^=icon-] {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: td-icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-user-check:before {
    content: ""
}

.icon-user-plus:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-mic:before {
    content: ""
}

.icon-calendar:before {
    content: ""
}

.icon-home2:before {
    content: ""
}

.icon-bars:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-dashboard:before {
    content: ""
}

.icon-equalizer:before {
    content: ""
}

.icon-eye-blocked:before {
    content: ""
}

.icon-eye:before {
    content: ""
}

.icon-pencil:before {
    content: ""
}

.icon-cog:before {
    content: ""
}

.icon-facebook2:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-twitter2:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-soundcloud:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}

.icon-soundcloud2:before {
    content: ""
}

.icon-youtube2:before {
    content: ""
}

.icon-td_spotlight:before {
    content: ""
}

.icon-td_onesheet:before {
    content: ""
}

.icon-td_web:before {
    content: ""
}

.icon-td_stream:before {
    content: ""
}

.icon-td_logo:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-number:before {
    content: ""
}

.icon-number2:before {
    content: ""
}

.icon-music:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-add:before {
    content: ""
}

.icon-circle-plus:before {
    content: ""
}

.icon-circle-check:before {
    content: ""
}

.icon-bell:before {
    content: ""
}

@font-face {
    font-family: toneden-interface;
    font-style: normal;
    font-weight: 400;
    src: url(https://st.toneden.io/prod-assets/fonts/toneden-interface.eot);
    src: url(https://st.toneden.io/prod-assets/fonts/toneden-interface.eot) format("embedded-opentype"), url(https://st.toneden.io/prod-assets/fonts/toneden-interface.woff2) format("woff2"), url(https://st.toneden.io/prod-assets/fonts/toneden-interface.woff) format("woff"), url(https://st.toneden.io/prod-assets/fonts/toneden-interface.ttf) format("truetype"), url(https://st.toneden.io/prod-assets/fonts/toneden-interface.svg) format("svg")
}

.icon {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: toneden-interface;
    font-size: inherit;
    font-stretch: normal;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-weight: 400;
    line-height: inherit;
    text-transform: none
}

.icon-sm {
    font-size: .8em
}

.icon-lg {
    font-size: 1.2em
}

.icon-16 {
    font-size: 16px
}

.icon-32 {
    font-size: 32px
}

.icon-bg-circle,
.icon-bg-square {
    background-color: #eee;
    padding: .35em
}

.icon-bg-circle {
    border-radius: 50%
}

.icon-ul {
    list-style-type: none;
    padding-left: 0
}

.icon-ul>li {
    align-items: flex-start;
    display: flex;
    line-height: 1.4
}

.icon-ul>li>.icon {
    line-height: inherit;
    margin-right: .4em
}

.icon-is-spinning {
    -webkit-animation: icon-spin 2s linear infinite;
    animation: icon-spin 2s linear infinite
}

@-webkit-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes icon-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.icon-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    transform: rotate(90deg)
}

.icon-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg)
}

.icon-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(270deg)
}

.icon-flip-y {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    transform: scaleX(-1)
}

.icon-flip-x {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: scaleY(-1)
}

.nc-tactic:before {
    content: "\ea02"
}

.nc-megaphone:before {
    content: "\ea03"
}

.nc-padlock-unlocked:before {
    content: "\ea04"
}

.nc-preferences-circle:before {
    content: "\ea05"
}

.nc-spaceship:before {
    content: "\ea06"
}

.nc-magnet:before {
    content: "\ea07"
}

.nc-send:before {
    content: "\ea08"
}

.nc-meeting:before {
    content: "\ea09"
}

.nc-family:before {
    content: "\ea0a"
}

.nc-b-meeting:before {
    content: "\ea0b"
}

.nc-logout:before {
    content: "\ea0c"
}

.nc-cross-right:before {
    content: "\ea0d"
}

.nc-search-3:before {
    content: "\ea0e"
}

.nc-a-add:before {
    content: "\ea0f"
}

.nc-e-add:before {
    content: "\ea10"
}

.nc-camera-flash:before {
    content: "\ea11"
}

.nc-paint-brush:before {
    content: "\ea12"
}

.nc-time-countdown:before {
    content: "\ea13"
}

.nc-board-30:before {
    content: "\ea14"
}

.nc-search-to-close:before {
    content: "\ea15"
}

.nc-e-add-2:before {
    content: "\ea16"
}

.nc-n-check:before {
    content: "\ea17"
}

.nc-c-info:before {
    content: "\ea18"
}

.nc-badge:before {
    content: "\ea19"
}

.nc-credit-card:before {
    content: "\ea1a"
}

.nc-dna-38:before {
    content: "\ea1b"
}

.nc-slide-left:before {
    content: "\ea1c"
}

.nc-newsletter:before {
    content: "\ea1d"
}

.nc-f-comment:before {
    content: "\ea1e"
}

.nc-send-message:before {
    content: "\ea1f"
}

.nc-handshake:before {
    content: "\ea20"
}

.nc-data-upload:before {
    content: "\ea21"
}

.nc-multiple-11:before {
    content: "\ea22"
}

.nc-chart-bar-33:before {
    content: "\ea23"
}

.nc-web-design:before {
    content: "\ea24"
}

.nc-explore-user:before {
    content: "\ea25"
}

.nc-settings:before {
    content: "\ea26"
}

.nc-floppy-disk:before {
    content: "\ea27"
}

.nc-data-download:before {
    content: "\ea28"
}

.nc-discount-2:before {
    content: "\ea29"
}

.nc-link-72:before {
    content: "\ea2a"
}

.nc-cloud-download-93:before {
    content: "\ea2b"
}

.nc-discount-2-2:before {
    content: "\ea2c"
}

.nc-link:before {
    content: "\ea2d"
}

.nc-music:before {
    content: "\ea2e"
}

.nc-p-system-update:before {
    content: "\ea2f"
}

.nc-pen:before {
    content: "\ea30"
}

.nc-responsive:before {
    content: "\ea31"
}

.nc-lock-circle-open:before {
    content: "\ea32"
}

.nc-trophy:before {
    content: "\ea33"
}

.nc-spaceship-2:before {
    content: "\ea34"
}

.nc-newsletter-2:before {
    content: "\ea35"
}

.nc-comment:before {
    content: "\ea36"
}

.nc-notification-69:before {
    content: "\ea37"
}

.nc-strategy:before {
    content: "\ea38"
}

.nc-treasure-map-40:before {
    content: "\ea39"
}

.nc-b-add:before {
    content: "\ea3a"
}

.nc-flag-diagonal-33:before {
    content: "\ea3b"
}

.nc-floppy-disk-2:before {
    content: "\ea3c"
}

.nc-trash:before {
    content: "\ea3d"
}

.nc-d-remove:before {
    content: "\ea3e"
}

.nc-c-warning:before {
    content: "\ea3f"
}

.nc-bag-16:before {
    content: "\ea40"
}

.nc-calendar-date-2:before {
    content: "\ea41"
}

.nc-notification:before {
    content: "\ea42"
}

.nc-setup-options:before {
    content: "\ea43"
}

.nc-like:before {
    content: "\ea44"
}

.nc-calendar-event:before {
    content: "\ea45"
}

.nc-logo-fb-simple:before {
    content: "\ea46"
}

.nc-logo-messenger:before {
    content: "\ea47"
}

.nc-ban:before {
    content: "\ea48"
}

.nc-ungroup:before {
    content: "\ea49"
}

.nc-microscope:before {
    content: "\ea4a"
}

.nc-coins:before {
    content: "\ea4b"
}

.nc-archery-target:before {
    content: "\ea4c"
}

.nc-stock-market:before {
    content: "\ea4d"
}

.nc-wallet-43:before {
    content: "\ea4e"
}

.nc-apple:before {
    content: "\ea4f"
}

.nc-microsoft:before {
    content: "\ea50"
}

.nc-l-system-update:before {
    content: "\ea51"
}

.nc-dashboard:before {
    content: "\ea52"
}

.nc-f-check:before {
    content: "\ea53"
}

.nc-tshirt-53:before {
    content: "\ea54"
}

.nc-cart-full:before {
    content: "\ea55"
}

.nc-ticket-76:before {
    content: "\ea56"
}

.nc-window-paragraph:before {
    content: "\ea57"
}

.nc-c-question:before {
    content: "\ea58"
}

.nc-star-rate:before {
    content: "\ea59"
}

.nc-calendar-date:before {
    content: "\ea5a"
}

.nc-money-time:before {
    content: "\ea5b"
}

.nc-arrow-right:before {
    content: "\ea5c"
}

.nc-menu-34:before {
    content: "\ea5d"
}

.nc-b-meeting-2:before {
    content: "\ea5e"
}

.nc-money-bag:before {
    content: "\ea5f"
}

.nc-logo-spotify:before {
    content: "\ea60"
}

.nc-window-paragraph-2:before {
    content: "\ea61"
}

.nc-send-2:before {
    content: "\ea62"
}

.nc-c-check:before {
    content: "\ea63"
}

.nc-clock:before {
    content: "\ea64"
}

.nc-percentage-39:before {
    content: "\ea65"
}

.nc-coins-2:before {
    content: "\ea66"
}

.nc-menu-34-2:before {
    content: "\ea67"
}

.nc-t-warning:before {
    content: "\ea68"
}

.nc-button-pause:before {
    content: "\ea69"
}

.nc-left-arrow:before {
    content: "\ea6a"
}

.nc-right-arrow:before {
    content: "\ea6b"
}

.nc-chart-bar-32:before {
    content: "\ea6c"
}

.nc-camera-flash-2:before {
    content: "\ea6d"
}

.nc-paint-brush-2:before {
    content: "\ea6e"
}

.nc-calendar-event-2:before {
    content: "\ea6f"
}

.nc-send-2-2:before {
    content: "\ea70"
}

.nc-heartbeat:before {
    content: "\ea71"
}

.nc-a-chart:before {
    content: "\ea72"
}

.nc-multiple-11-2:before {
    content: "\ea73"
}

.nc-logo-shopify:before {
    content: "\ea74"
}

.nc-logo-soundcloud:before {
    content: "\ea75"
}

.nc-logo-instagram:before {
    content: "\ea76"
}

.nc-logo-instagram-2:before {
    content: "\ea77"
}

.nc-mobile-design:before {
    content: "\ea78"
}

.nc-shape-oval:before {
    content: "\ea7a"
}

.nc-microphone-2:before {
    content: "\ea7b"
}

.nc-microphone:before {
    content: "\ea7c"
}

.nc-pin-3:before {
    content: "\ea7d"
}

.nc-ticket:before {
    content: "\ea7e"
}

.nc-d-chart:before {
    content: "\ea7f"
}

.nc-music-2:before {
    content: "\ea80"
}

.nc-play-movie:before {
    content: "\ea81"
}

.nc-apple-2:before {
    content: "\ea82"
}

.nc-a-add-2:before {
    content: "\ea83"
}

.nc-c-check-3:before {
    content: "\ea84"
}

.nc-c-warning-2:before {
    content: "\ea85"
}

.nc-frame-c-caret-down:before {
    content: "\ea86"
}

.nc-cart-simple-add:before {
    content: "\ea87"
}

.nc-eye:before {
    content: "\ea88"
}

.nc-receipt:before {
    content: "\ea89"
}

.nc-logo-slack:before {
    content: "\ea8a"
}

.nc-cart-full-2:before {
    content: "\ea8b"
}

.nc-hold:before {
    content: "\ea8c"
}

.nc-money-growth:before {
    content: "\ea8d"
}

.nc-paint-16:before {
    content: "\ea8e"
}

.nc-code:before {
    content: "\ea8f"
}

.nc-ranking:before {
    content: "\ea90"
}

.nc-edit-curves:before {
    content: "\ea91"
}

.nc-select-83:before {
    content: "\ea92"
}

.nc-s-add:before {
    content: "\ea93"
}

.nc-s-delete:before {
    content: "\ea94"
}

.nc-square-add-11:before {
    content: "\ea95"
}

.nc-s-delete-2:before {
    content: "\ea96"
}

.nc-new-construction:before {
    content: "\ea97"
}

.nc-check-list:before {
    content: "\ea98"
}

.nc-lock:before {
    content: "\ea99"
}

.nc-ui-03:before {
    content: "\ea9a"
}

.nc-ui-03-2:before {
    content: "\ea9b"
}

.nc-edit-2:before {
    content: "\ea9c"
}

.nc-e-reader:before {
    content: "\ea9d"
}

.nc-triangle-right:before {
    content: "\ea9e"
}

.nc-arrow-left:before {
    content: "\ea9f"
}

.nc-refresh-19:before {
    content: "\eaa0"
}

.nc-megaphone-2:before {
    content: "\eaa1"
}

.nc-ticket-2:before {
    content: "\eaa2"
}

.nc-strategy-2:before {
    content: "\eaa3"
}

.nc-wrld-sa:before {
    content: "\eaa4"
}

.nc-wrld-na:before {
    content: "\eaa5"
}

.nc-wrld-eu:before {
    content: "\eaa6"
}

.nc-wrld-as:before {
    content: "\eaa7"
}

.nc-wrld:before {
    content: "\eaa8"
}

.nc-mobile-chat:before {
    content: "\eaa9"
}

.nc-trophy-2:before {
    content: "\eaaa"
}

.nc-network:before {
    content: "\eaab"
}

.nc-ic_radio_button_checked_24px:before {
    content: "\eaac"
}

.nc-ic_radio_button_unchecked_24px:before {
    content: "\eaad"
}

.nc-e-remove:before {
    content: "\eaae"
}

.nc-check:before {
    content: "\eaaf"
}

.nc-n-check-2:before {
    content: "\eab0"
}

.nc-t-warning-e:before {
    content: "\eab1"
}

.nc-link-3:before {
    content: "\eab3"
}

.nc-add-favorite:before {
    content: "\eab7"
}

.nc-triangle-right-3:before {
    content: "\eab8"
}

.nc-move-layer-down-2:before {
    content: "\eab9"
}

.nc-market-play:before {
    content: "\eaba"
}

.nc-export:before {
    content: "\eabb"
}

.nc-a-heart:before {
    content: "\eabc"
}

.nc-share-91:before {
    content: "\eabd"
}

.nc-lock-circle-open-2:before {
    content: "\eabe"
}

.nc-trophy-3:before {
    content: "\eabf"
}

.nc-move-up:before {
    content: "\eac0"
}

.nc-move-down:before {
    content: "\eac1"
}

.nc-check-out:before {
    content: "\eac2"
}

.nc-slide-left-2:before {
    content: "\eac3"
}

.nc-system-update:before {
    content: "\eac4"
}

.nc-twitch:before {
    content: "\eac5"
}

.nc-twitch-2:before {
    content: "\eac6"
}

.nc-radio:before {
    content: "\eac7"
}

.nc-radio-2:before {
    content: "\eac8"
}

.nc-dock-right:before {
    content: "\eac9"
}

.nc-dock-left-e:before {
    content: "\eaca"
}

.nc-event-confirm:before {
    content: "\eacb"
}

.nc-logo-facebook:before {
    content: "\eacc"
}

.nc-logo-twitter:before {
    content: "\eacd"
}

.nc-logo-whatsapp:before {
    content: "\eace"
}

.nc-distance:before {
    content: "\ead0"
}

.nc-theater-curtains-2:before {
    content: "\ead1"
}

.nc-event-create:before {
    content: "\ead2"
}

.nc-b-check:before {
    content: "\ead3"
}

.nc-calendar-event-3:before {
    content: "\ead4"
}

.ant-layout,
.ant-layout-sider {
    background: none
}

.ant-layout-sider .ant-layout-sider-children {
    width: 100%
}

.ant-layout-sider .ant-layout-sider-trigger {
    background: var(--base-contrast);
    color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l)), .5)
}

.ant-layout-sider .ant-layout-sider-trigger:hover {
    background: var(--gray);
    color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l)), .7)
}

.ant-tabs {
    overflow: inherit
}

.ant-tabs,
.ant-tabs .ant-tabs-tab {
    color: var(--text-color-contrast)
}

.ant-tabs .ant-tabs-tab.ant-tabs-tab-active,
.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
    color: var(--turq)
}

.ant-tabs .ant-tabs-nav-container .anticon svg {
    color: var(--text-color-alt)
}

.ant-tabs .ant-tabs-bar {
    border-bottom-color: var(--dark-gray)
}

.ant-tabs .ant-tabs-ink-bar {
    background-color: var(--turq)
}

.ant-tabs.ant-tabs-top>.ant-tabs-nav:before {
    border-bottom-color: var(--dark-gray)
}

.ant-collapse {
    font-feature-settings: normal;
    background: var(--base-contrast);
    border: 1px solid var(--med-gray);
    color: var(--text-color);
    font-variant: normal
}

.ant-collapse .ant-collapse-item {
    border-bottom: 0
}

.ant-collapse .ant-collapse-item:not(:last-child) {
    border-bottom: 1px solid var(--med-gray)
}

.ant-collapse .ant-collapse-item.ant-collapse-item-active .ant-collapse-header {
    color: var(--text-color)
}

.ant-collapse .ant-collapse-item .ant-collapse-header {
    color: var(--text-color-alt);
    font-size: var(--font-size-default);
    font-weight: 600;
    padding: 1rem 1rem 1rem 2rem
}

.ant-collapse .ant-collapse-content {
    background: var(--base-contrast);
    border-top: 1px solid var(--med-gray);
    color: var(--text-color)
}

.ant-collapse .ant-collapse-content .ant-collapse-content-box {
    padding: 0
}

.ant-modal {
    font-variant: normal
}

.ant-modal .ant-modal-content {
    background: var(--base-contrast);
    color: var(--text-color)
}

.ant-picker-dropdown {
    font-feature-settings: normal;
    font-variant: normal
}

.ant-input,
.ant-picker,
.ant-time-picker-input {
    font-feature-settings: normal;
    background: transparent;
    border: 1px solid var(--med-gray);
    border-radius: 2px;
    font: 400 var(--font-size-default) var(--sans-serif);
    height: 48px;
    padding: 1rem
}

.ant-input.ant-picker-focused,
.ant-input:focus,
.ant-picker.ant-picker-focused,
.ant-picker:focus,
.ant-time-picker-input.ant-picker-focused,
.ant-time-picker-input:focus {
    border: 1px solid var(--turq);
    box-shadow: 0 0 0 2px hsla(var(--turq-h), calc(var(--turq-s)), calc(var(--turq-l)), .2)
}

.ant-calendar-picker,
.ant-picker,
.ant-picker-date-panel,
.ant-time-picker {
    width: 100%
}

.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled),
.ant-picker-date-panel:hover .ant-calendar-picker-input:not(.ant-input-disabled),
.ant-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled),
.ant-time-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
    border: 1px solid var(--turq)
}

.ant-calendar-picker .ant-calendar-picker-clear,
.ant-calendar-picker .ant-calendar-picker-icon,
.ant-calendar-picker .ant-picker-suffix,
.ant-calendar-picker .ant-time-picker-clear,
.ant-calendar-picker .ant-time-picker-icon .ant-time-picker-clock-icon,
.ant-picker .ant-calendar-picker-clear,
.ant-picker .ant-calendar-picker-icon,
.ant-picker .ant-picker-suffix,
.ant-picker .ant-time-picker-clear,
.ant-picker .ant-time-picker-icon .ant-time-picker-clock-icon,
.ant-picker-date-panel .ant-calendar-picker-clear,
.ant-picker-date-panel .ant-calendar-picker-icon,
.ant-picker-date-panel .ant-picker-suffix,
.ant-picker-date-panel .ant-time-picker-clear,
.ant-picker-date-panel .ant-time-picker-icon .ant-time-picker-clock-icon,
.ant-time-picker .ant-calendar-picker-clear,
.ant-time-picker .ant-calendar-picker-icon,
.ant-time-picker .ant-picker-suffix,
.ant-time-picker .ant-time-picker-clear,
.ant-time-picker .ant-time-picker-icon .ant-time-picker-clock-icon {
    background: transparent;
    color: hsla(var(--text-color-alt-h), calc(var(--text-color-alt-s)), calc(var(--text-color-alt-l)), 1);
    margin-right: 0
}

.ant-picker-panel {
    background-color: var(--concrete);
    border: 1px solid var(--med-gray)
}

.ant-picker-panel .ant-calendar-input-wrap {
    border-bottom: 1px solid var(--light-gray);
    height: 48px;
    padding: 1rem
}

.ant-picker-panel .ant-calendar-input-wrap .ant-calendar-input {
    background: var(--concrete)
}

.ant-picker-panel .ant-picker-header {
    border-bottom: 1px solid var(--light-gray);
    font-weight: 600
}

.ant-picker-panel .ant-picker-header button {
    color: var(--text-color)
}

.ant-picker-panel .ant-picker-header button:after,
.ant-picker-panel .ant-picker-header button:before {
    border-color: var(--text-color)
}

.ant-picker-panel .ant-picker-header .ant-picker-header-view {
    color: var(--text-color)
}

.ant-picker-panel .ant-picker-body .ant-picker-content th {
    color: var(--text-color-alt)
}

.ant-picker-panel .ant-picker-body .ant-picker-cell {
    color: var(--text-color-contrast)
}

.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-cell-in-view {
    color: var(--text-color)
}

.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
    background: var(--light-gray)
}

.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
    background: var(--turq)
}

.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-cell-disabled,
.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-cell-disabled .ant-picker-cell-inner {
    color: var(--text-color-alt)
}

.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-cell-disabled:before {
    background: none
}

.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-selected-day {
    color: #fff
}

.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-selected-day .ant-picker-date {
    background: var(--turq);
    color: #fff
}

.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-last-month-cell .ant-picker-date,
.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-next-month-btn-day .ant-picker-date {
    color: var(--text-color-alt)
}

.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-last-month-cell .ant-picker-date:after,
.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-last-month-cell .ant-picker-date:before,
.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-next-month-btn-day .ant-picker-date:after,
.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-next-month-btn-day .ant-picker-date:before {
    border-color: var(--text-color)
}

.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-today .ant-picker-date {
    border-color: var(--turq)
}

.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-disabled-cell .ant-picker-date {
    background-color: var(--concrete);
    border-radius: 0;
    color: var(--text-color-alt);
    padding: 0;
    width: 24px
}

.ant-picker-panel .ant-picker-body .ant-picker-cell.ant-picker-disabled-cell .ant-picker-date:before {
    display: none
}

.ant-picker-panel .ant-picker-body .ant-picker-cell .ant-picker-date {
    color: var(--text-color)
}

.ant-picker-panel .ant-picker-body .ant-picker-cell .ant-picker-date:hover {
    background: hsla(var(--turq-h), calc(var(--turq-s)), calc(var(--turq-l)), .3)
}

.ant-picker-panel .ant-picker-footer {
    border-top: 1px solid var(--light-gray)
}

.ant-picker-panel .ant-picker-footer .ant-picker-footer-extra {
    border-bottom: 1px solid var(--light-gray);
    padding: 14px
}

.ant-picker-panel .ant-picker-footer .ant-picker-footer-extra .ant-btn-group {
    width: 100%
}

.ant-picker-panel .ant-picker-footer .ant-picker-footer-extra .ant-btn-group .ant-btn {
    background: var(--concrete);
    border-color: var(--light-gray);
    color: var(--text-color);
    width: 50%
}

.ant-picker-panel .ant-picker-footer .ant-picker-footer-extra .ant-btn-group .ant-btn[disabled] {
    color: var(--text-color-alt);
    opacity: .4
}

.ant-picker-panel .ant-picker-footer .ant-calendar-footer-btn .ant-calendar-today-btn-disabled {
    color: var(--text-color-alt)
}

.ant-picker-panel .ant-picker-footer .ant-btn-primary {
    background: var(--turq);
    border-color: var(--turq)
}

.ant-picker-panel .ant-picker-footer .ant-picker-ranges .ant-picker-ok .ant-btn-sm {
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0 25px;
    text-transform: uppercase
}

.ant-picker-panel .ant-picker-footer .ant-picker-ranges .ant-picker-ok .ant-btn-primary[disabled] {
    background: hsla(var(--concrete-gray-h), calc(var(--concrete-gray-s)), calc(var(--concrete-gray-l)), .8);
    border-color: hsla(var(--concrete-gray-h), calc(var(--concrete-gray-s)), calc(var(--concrete-gray-l)), .8);
    color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l)), .4)
}

.ant-picker-panel-container {
    background: var(--base)
}

.ant-picker-clear {
    background: var(--slate);
    color: hsla(var(--text-color-alt-h), calc(var(--text-color-alt-s)), calc(var(--text-color-alt-l)), 1);
    margin-right: 0
}

.ant-picker-time-panel {
    font-feature-settings: normal;
    background-color: var(--concrete);
    color: var(--text-color);
    font-family: var(--sans-serif);
    padding-top: 0
}

.ant-picker-time-panel .ant-picker-time-panel-column:not(:first-child) {
    border-color: var(--concrete-gray)
}

.ant-picker-time-panel .ant-picker-time-panel-column {
    font-variant: normal;
    min-width: 90px;
    width: 5vw
}

.ant-picker-time-panel .ant-picker-time-panel-column .ant-picker-time-panel-cell {
    display: block
}

.ant-picker-time-panel .ant-picker-time-panel-column .ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner {
    color: var(--text-color-contrast);
    font-size: var(--font-size-default)
}

.ant-picker-time-panel .ant-picker-time-panel-column .ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner .ant-time-picker-panel-select-active,
.ant-picker-time-panel .ant-picker-time-panel-column .ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner li:focus {
    color: var(--text-color)
}

.ant-picker-time-panel .ant-picker-time-panel-column .ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
    background: var(--concrete-gray)
}

.ant-picker-time-panel .ant-picker-time-panel-column .ant-picker-time-panel-cell.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner {
    background: hsla(var(--turq-h), calc(var(--turq-s)), calc(var(--turq-l)), .5);
    color: var(--text-color)
}

.ant-picker-input input {
    color: var(--text-color)
}

.ant-switch {
    background-color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l)), .25)
}

.ant-switch:after {
    background-color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l)), .75)
}

.ant-switch-checked {
    background-color: var(--turq)
}

.ant-switch-checked.switch-success {
    background-color: var(--green)
}

.ant-switch-checked.switch-info {
    background-color: var(--turq)
}

.ant-alert {
    border-radius: 2px;
    font-size: var(--font-size-small)
}

.ant-alert .ant-alert-message {
    color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l)), .85)
}

.ant-alert.ant-alert-warning {
    background: var(--yellow-contrast);
    border: 1px solid var(--yellow)
}

.ant-alert.ant-alert-info {
    background: var(--turq-contrast);
    border: 1px solid var(--turq)
}

.ant-message {
    bottom: 2rem;
    color: var(--text-color-contrast);
    font-size: var(--font-size-small);
    z-index: 9999999999
}

.ant-message .ant-message-notice-content {
    background: var(--base)
}

.ant-message .ant-message-notice-content .ant-message-warning .anticon {
    background: var(--base);
    color: var(--yellow)
}

.ant-message .ant-message-notice-content .ant-message-success .anticon {
    background: var(--base);
    color: var(--green)
}

.ant-message .ant-message-notice-content .ant-message-error .anticon {
    background: var(--base);
    color: var(--red)
}

.ant-message .ant-message-notice-content .ant-message-info .anticon {
    background: var(--base);
    color: var(--turq)
}

.ant-progress .ant-progress-outer .ant-progress-inner {
    background-color: var(--med-gray)
}

.ant-progress.ant-progress-circle {
    color: var(--text-color)
}

.ant-progress.ant-progress-circle .ant-progress-circle .ant-progress-circle-trail {
    stroke: var(--concrete-gray) !important
}

.ant-progress.ant-progress-circle .ant-progress-circle .ant-progress-circle-path {
    stroke: var(--turq) !important
}

.ant-progress.ant-progress-circle .ant-progress-text {
    color: var(--text-color-alt);
    font-weight: 600
}

.ant-progress.ant-progress-circle.ant-progress-status-success .ant-progress-circle-path {
    stroke: var(--green) !important
}

.ant-badge-dot {
    right: 6px;
    top: 6px
}

.ant-badge-dot.ant-badge-status-error {
    background: var(--red);
    box-shadow: 0 0 0 1px var(--base)
}

.ant-badge-dot.ant-badge-status-success {
    background: var(--green);
    box-shadow: 0 0 0 1px var(--base)
}

.ant-badge-status .ant-badge-status-dot {
    height: 8px;
    width: 8px
}

.ant-badge-status .ant-badge-status-text {
    word-wrap: break-all;
    color: var(--text-color-contrast);
    font-size: var(--font-size-small)
}

.ant-badge-status .ant-badge-status-processing {
    background-color: var(--turq);
    box-shadow: inset 0 0 10px 2px var(--turq), 0 0 10px 1px var(--turq)
}

.ant-badge-status .ant-badge-status-success {
    background-color: var(--green);
    box-shadow: inset 0 0 10px 2px var(--green), 0 0 10px 1px var(--green)
}

.ant-badge-status .ant-badge-status-default {
    background-color: transparent;
    border: 2px solid hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l)), .6)
}

.ant-popover {
    max-width: 250px;
    white-space: pre-wrap;
    z-index: 2147483647
}

.ant-popover.ant-popover-placement-top .ant-popover-content .ant-popover-arrow {
    border-bottom-color: var(--concrete);
    border-right-color: var(--concrete)
}

.ant-popover.ant-popover-placement-bottom .ant-popover-content .ant-popover-arrow {
    border-left-color: var(--concrete);
    border-top-color: var(--concrete)
}

.ant-popover.ant-popover-placement-right .ant-popover-content .ant-popover-arrow {
    border-bottom-color: var(--concrete);
    border-left-color: var(--concrete)
}

.ant-popover.ant-popover-placement-left .ant-popover-content .ant-popover-arrow {
    border-right-color: var(--concrete);
    border-top-color: var(--concrete)
}

.ant-popover .ant-popover-inner {
    background: var(--concrete)
}

.ant-popover .ant-popover-inner .ant-popover-title {
    border-bottom-color: var(--concrete-gray);
    color: var(--text-color)
}

.ant-popover .ant-popover-inner .ant-popover-inner-content {
    color: var(--text-color-contrast)
}

.ant-divider.ant-divider-horizontal {
    background-color: var(--med-gray);
    border-color: var(--med-gray)
}

.ant-divider .ant-divider-inner-text {
    color: var(--text-color-contrast);
    font-size: var(--font-size-small);
    transition: all .2s ease-in-out
}

.ant-divider .ant-divider-inner-text .icon {
    margin-left: 5px;
    vertical-align: middle
}

.ant-divider-horizontal.ant-divider-with-text-center,
.ant-divider-horizontal.ant-divider-with-text-left,
.ant-divider-horizontal.ant-divider-with-text-right {
    background: transparent !important
}

.ant-divider-horizontal.ant-divider-with-text-center:after,
.ant-divider-horizontal.ant-divider-with-text-center:before,
.ant-divider-horizontal.ant-divider-with-text-left:after,
.ant-divider-horizontal.ant-divider-with-text-left:before,
.ant-divider-horizontal.ant-divider-with-text-right:after,
.ant-divider-horizontal.ant-divider-with-text-right:before {
    border-color: var(--med-gray)
}

.ant-divider-clickable {
    cursor: pointer
}

.ant-divider-clickable.active .ant-divider-inner-text,
.ant-divider-clickable:hover .ant-divider-inner-text {
    color: var(--turq)
}

.ant-drawer .ant-drawer-content {
    background: var(--base-contrast)
}

.ant-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header {
    background-color: var(--base-contrast);
    border-bottom: 1px solid var(--med-gray);
    padding: 20px
}

.ant-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-close {
    color: var(--text-color-contrast)
}

.ant-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-title {
    color: var(--text-color);
    font-size: var(--font-size-medium);
    font-weight: 600
}

.ant-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-close,
.ant-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-body {
    padding: 20px
}

.ant-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-footer {
    border-top: 1px solid var(--med-gray);
    padding: 0
}

.ant-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-footer .ant-drawer-footer-error {
    padding-bottom: 10px
}

.ant-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-footer .ant-drawer-footer-error .form-label-container .form-label-title,
.ant-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-footer .ant-drawer-footer-error .form-label-container .form-sublabel {
    color: var(--yellow);
    font-size: var(--font-size-small)
}

.ant-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-footer .modal-footer {
    border-top: 0
}

.ant-checkbox-wrapper {
    color: var(--text-color);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: var(--font-size-default);
    font-weight: 400
}

.ant-checkbox-wrapper .ant-checkbox {
    align-self: flex-start;
    flex: 0 0 auto;
    top: 2px
}

.ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
    background-color: hsla(var(--concrete-gray-h), calc(var(--concrete-gray-s)), calc(var(--concrete-gray-l)), .6);
    border-color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l)), .6)
}

.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked {
    background-color: var(--turq)
}

.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--turq);
    border-color: var(--turq)
}

.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after {
    border-color: #fff
}

.ant-checkbox-wrapper .ant-checkbox.ant-checkbox-checked:after {
    border-color: var(--turq)
}

.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
    color: var(--text-color-contrast);
    font-size: var(--font-size-default)
}

.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox .ant-checkbox-inner {
    background-color: hsla(var(--concrete-gray-h), calc(var(--concrete-gray-s)), calc(var(--concrete-gray-l)), .6);
    border-color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l)), .6)
}

.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox .ant-checkbox-inner:after {
    border-color: var(--text-color-alt)
}

.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox.ant-checkbox-checked {
    background-color: hsla(var(--concrete-gray-h), calc(var(--concrete-gray-s)), calc(var(--concrete-gray-l)), .6)
}

.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-disabled+span {
    color: var(--text-color-alt);
    font-size: var(--font-size-default)
}

.ant-checkbox-wrapper .ant-checkbox-input:focus+.ant-checkbox-inner,
.ant-checkbox-wrapper .ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-wrapper:hover .ant-checkbox-inner {
    border-color: var(--blue)
}

.ant-radio-group .ant-radio-button-wrapper {
    background: var(--slate);
    border-color: var(--concrete-gray);
    color: var(--text-color-contrast)
}

.ant-radio-group .ant-radio-button-wrapper:first-child {
    border-left-color: var(--concrete-gray)
}

.ant-radio-group .ant-radio-button-wrapper:not(:first-child):before {
    background-color: var(--concrete-gray)
}

.ant-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    background: var(--turq-med);
    border-color: var(--turq);
    color: var(--turq)
}

.ant-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
    border-left-color: var(--turq)
}

.ant-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):not(:first-child):before {
    background-color: var(--turq)
}

.ant-slider .ant-slider-rail {
    background-color: var(--slate)
}

.ant-slider .ant-slider-track {
    background-color: var(--turq)
}

.ant-slider .ant-slider-handle {
    background-color: var(--turq-med);
    border-color: var(--turq)
}

.ant-modal-mask {
    background-color: rgba(0, 0, 0, .65)
}

.ant-popover .ant-popover-content .ant-popover-inner,
.ant-slider-tooltip .ant-tooltip-inner {
    background-color: var(--concrete);
    color: var(--text-color)
}

.ant-popover .ant-popover-content .ant-popover-inner .ant-popover-message {
    line-height: normal
}

.ant-popover.ant-popover-placement-bottom>.ant-popover-content>.ant-popover-arrow {
    border-top-color: var(--concrete)
}

.ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph>li,
.ant-skeleton .ant-skeleton-content .ant-skeleton-title,
.ant-tooltip .ant-tooltip-arrow .ant-tooltip-arrow-content,
.ant-tooltip .ant-tooltip-arrow:before {
    background-color: var(--concrete)
}

.ant-menu {
    font-feature-settings: normal;
    background: none;
    border: 0;
    color: var(--text-color-contrast);
    font-variant: normal
}

.ant-menu:hover {
    color: var(--text-color)
}

.ant-menu .ant-menu-item {
    background: none
}

.ant-menu .ant-menu-item.ant-menu-item-selected {
    background: none;
    color: var(--turq)
}

.ant-menu .ant-menu-item.ant-menu-item-selected:hover {
    color: var(--turq)
}

.ant-avatar {
    background: var(--concrete);
    color: var(--text-color-alt)
}

.ant-avatar.ant-avatar-icon i {
    margin-right: 0
}

.ant-statistic {
    font-feature-settings: normal;
    font-variant: normal;
    text-align: left
}

.ant-statistic .ant-statistic-content {
    font-family: Calibre, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif
}

.ant-statistic .ant-statistic-title {
    color: var(--text-color-contrast);
    font-size: var(--font-size-medium);
    overflow-wrap: break-word
}

.ant-statistic .ant-statistic-description {
    color: var(--text-color-alt);
    font-size: var(--font-size-small);
    line-height: 1.4;
    margin-bottom: 4px
}

.ant-statistic .ant-statistic-content .ant-statistic-content-value {
    color: var(--text-color);
    font-size: var(--font-size-massive)
}

.ant-statistic .ant-statistic-content .ant-statistic-content-suffix {
    color: var(--text-color-contrast);
    font-size: var(--font-size-medium)
}

.ant-steps.ant-steps-vertical .ant-steps-item-tail {
    left: 14px
}

.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-icon {
    background: transparent;
    border-color: var(--text-color-alt);
    color: var(--text-color-alt)
}

.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon {
    color: var(--text-color)
}

.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-icon .ant-steps-icon .ant-steps-icon-dot {
    background: var(--text-color)
}

.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-icon .anticon-check-circle {
    color: var(--green)
}

.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-tail:after {
    background-color: var(--med-gray)
}

.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title {
    color: var(--text-color);
    line-height: normal;
    padding-bottom: 1rem
}

.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title .react-select .react-select__menu {
    position: relative !important
}

.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title .form-label-row .form-label-container {
    margin-top: 0
}

.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title .form-label-row .form-label {
    padding-top: 0
}

.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-title .form-label-row .form-label .form-sublabel {
    line-height: normal
}

.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-description {
    color: var(--text-color-contrast);
    line-height: normal;
    padding-bottom: .5rem
}

.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-subtitle {
    color: var(--text-color-alt);
    padding-bottom: 1rem
}

.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-subtitle .react-select .react-select__menu {
    position: relative !important
}

.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-subtitle .form-label-row .form-label-container {
    margin-top: 0
}

.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-subtitle .form-label-row .form-label {
    padding-top: 0
}

.ant-steps .ant-steps-item .ant-steps-item-container .ant-steps-item-content .ant-steps-item-subtitle .form-label-row .form-label .form-sublabel {
    line-height: normal
}

.ant-steps .ant-steps-item.ant-steps-item-active .ant-steps-item-icon {
    border-color: var(--turq);
    color: var(--turq)
}

.ant-steps .ant-steps-item.ant-steps-item-active .ant-steps-item-content .ant-steps-item-title,
.ant-steps .ant-steps-item.ant-steps-item-active .ant-steps-item-icon .ant-steps-icon {
    color: var(--turq)
}

.ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon {
    border-color: var(--green);
    color: var(--green)
}

.ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-content .ant-steps-item-title,
.ant-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon {
    color: var(--green)
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 300;
    src: url(https://st.toneden.io/prod-assets/fonts/gothamhtf-light-webfont.woff2) format("woff2"), url(https://st.toneden.io/prod-assets/fonts/gothamhtf-light-webfont.woff) format("woff")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 400;
    src: url(https://st.toneden.io/prod-assets/fonts/gothamhtf-book-webfont.woff2) format("woff2"), url(https://st.toneden.io/prod-assets/fonts/gothamhtf-book-webfont.woff) format("woff")
}

@font-face {
    font-family: Gotham;
    font-style: normal;
    font-weight: 600;
    src: url(https://st.toneden.io/prod-assets/fonts/gothamhtf-medium-webfont.woff2) format("woff2"), url(https://st.toneden.io/prod-assets/fonts/gothamhtf-medium-webfont.woff) format("woff")
}

@font-face {
    font-family: Mercury;
    font-style: normal;
    font-weight: 300;
    src: url(https://st.toneden.io/prod-assets/fonts/MercuryDisplay-Roman.woff2) format("woff2"), url(https://st.toneden.io/prod-assets/fonts/MercuryDisplay-Roman.woff) format("woff")
}

@font-face {
    font-family: Mercury;
    font-style: normal;
    font-weight: 400;
    src: url(https://st.toneden.io/prod-assets/fonts/MercuryDisplay-Semibold.woff2) format("woff2"), url(https://st.toneden.io/prod-assets/fonts/MercuryDisplay-Semibold.woff) format("woff")
}

@font-face {
    font-family: Mercury;
    font-style: normal;
    font-weight: 600;
    src: url(https://st.toneden.io/prod-assets/fonts/MercuryDisplay-Bold.woff2) format("woff2"), url(https://st.toneden.io/prod-assets/fonts/MercuryDisplay-Bold.woff) format("woff")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.googleapis.com/css?family=Roboto:400,600&display=swap)
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.googleapis.com/css?family=Lato:400,700&display=swap)
}

@font-face {
    font-family: Calibre;
    font-style: normal;
    font-weight: 300;
    src: url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/calibre/CalibreWeb-Light.woff2) format("woff2"), url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/calibre/CalibreWeb-Light.woff) format("woff")
}

@font-face {
    font-family: Calibre;
    font-style: normal;
    font-weight: 400;
    src: url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/calibre/CalibreWeb-Regular.woff2) format("woff2"), url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/calibre/CalibreWeb-Regular.woff) format("woff")
}

@font-face {
    font-family: Calibre;
    font-style: normal;
    font-weight: 600;
    src: url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/calibre/CalibreWeb-Medium.woff2) format("woff2"), url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/calibre/CalibreWeb-Medium.woff) format("woff")
}

@font-face {
    font-family: Calibre;
    font-style: normal;
    font-weight: 800;
    src: url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/calibre/CalibreWeb-Semibold.woff2) format("woff2"), url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/calibre/CalibreWeb-Semibold.woff) format("woff")
}

@font-face {
    font-family: Proxima Nova;
    font-style: normal;
    font-weight: 400;
    src: url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/proxima-nova/Proxima+Nova+Alt+Regular-webfont.eot), url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/proxima-nova/Proxima+Nova+Alt+Regular-webfont.woff) format("woff")
}

@font-face {
    font-family: Proxima Nova;
    font-style: normal;
    font-weight: 600;
    src: url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/proxima-nova/Proxima+Nova+Semibold-webfont.eot), url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/proxima-nova/Proxima+Nova+Semibold-webfont.woff2) format("woff2")
}

@font-face {
    font-family: Proxima Nova;
    font-style: normal;
    font-weight: 800;
    src: url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/proxima-nova/Proxima+Nova+Alt+Bold-webfont.eot), url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/proxima-nova/Proxima+Nova+Alt+Bold-webfont.woff) format("woff")
}

@font-face {
    font-family: Graphik;
    font-style: normal;
    font-weight: 400;
    src: url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/graphik/Graphik-Regular.eot), url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/graphik/Graphik-Regular.woff2) format("woff2"), url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/graphik/Graphik-Regular.woff) format("woff")
}

@font-face {
    font-family: Graphik;
    font-style: normal;
    font-weight: 600;
    src: url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/graphik/Graphik-Medium.eot), url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/graphik/Graphik-Medium.woff2) format("woff2"), url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/graphik/Graphik-Medium.woff) format("woff")
}

@font-face {
    font-family: Graphik;
    font-style: normal;
    font-weight: 800;
    src: url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/graphik/Graphik-Semibold.eot), url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/graphik/Graphik-Semibold.woff2) format("woff2"), url(https://s3-us-west-1.amazonaws.com/st.toneden.io/prod-assets/fonts/graphik/Graphik-Semibold.woff) format("woff")
}

.wrap {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem
}

.row {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    position: relative
}

.row,
.row.half {
    margin-left: 0;
    margin-right: 0
}

.row.half {
    padding-left: 1rem;
    padding-right: 1rem
}

@media only screen and (max-width:768px) {
    .row.half {
        padding-left: 0;
        padding-right: 0
    }
}

.row.wrap {
    flex-wrap: wrap
}

.row.full {
    margin-left: 0;
    margin-right: 0;
    padding-left: 2rem;
    padding-right: 2rem
}

@media only screen and (max-width:768px) {
    .row.full {
        padding-left: 0;
        padding-right: 0
    }
}

.row.start {
    justify-content: flex-start;
    text-align: left
}

.row.center {
    justify-content: center;
    text-align: center
}

.row.end {
    justify-content: flex-end;
    text-align: right
}

.row.top {
    align-items: flex-start
}

.row.middle {
    align-items: center
}

.row.bottom {
    align-items: flex-end
}

.row.reverse {
    flex-direction: row-reverse
}

.col {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-left: 1rem;
    padding-right: 1rem
}

.col.full {
    padding: 0
}

.col.full-right {
    padding-right: 0
}

.col.full-left {
    padding-left: 0
}

.col.start {
    justify-content: flex-start;
    text-align: left
}

.col.wrap {
    flex-wrap: wrap
}

.col.end {
    justify-content: flex-end;
    text-align: right
}

.col.center {
    justify-content: center;
    text-align: center
}

.col.top {
    align-items: flex-start
}

.col.bottom {
    align-items: flex-end
}

.col.middle {
    align-items: center
}

.col.thicc {
    padding-left: 2rem;
    padding-right: 2rem
}

@media only screen and (max-width:768px) {
    .col.full-for-small {
        padding: 0
    }

    .col.hide-for-small {
        display: none
    }
}

.col.space-top {
    padding-top: 2rem
}

.col.space-bottom {
    padding-bottom: 2rem
}

@media only screen and (max-width:768px) {
    .col {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.col-auto,
.col-sm-auto {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-sm-0 {
    flex-basis: 0%;
    max-width: 0
}

.col-sm-1 {
    flex-basis: 8.333%;
    max-width: 8.333%
}

.col-sm-2 {
    flex-basis: 16.667%;
    max-width: 16.667%
}

.col-sm-3 {
    flex-basis: 25%;
    max-width: 25%
}

.col-sm-4 {
    flex-basis: 33.333%;
    max-width: 33.333%
}

.col-sm-5 {
    flex-basis: 41.667%;
    max-width: 41.667%
}

.col-sm-6 {
    flex-basis: 50%;
    max-width: 50%
}

.col-sm-7 {
    flex-basis: 58.333%;
    max-width: 58.333%
}

.col-sm-8 {
    flex-basis: 66.667%;
    max-width: 66.667%
}

.col-sm-9 {
    flex-basis: 75%;
    max-width: 75%
}

.col-sm-10 {
    flex-basis: 83.333%;
    max-width: 83.333%
}

.col-sm-11 {
    flex-basis: 91.667%;
    max-width: 91.667%
}

.col-sm-12 {
    flex-basis: 100%;
    max-width: 100%
}

@media only screen and (min-width:768px) {
    .wrap {
        width: 46rem
    }

    .col-med-auto {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-med-1 {
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .col-med-2 {
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .col-med-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-med-4 {
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .col-med-5 {
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .col-med-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-med-7 {
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .col-med-8 {
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .col-med-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-med-10 {
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .col-med-11 {
        max-width: 91.667%
    }

    .col-med-12 {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media only screen and (min-width:1224px) {
    .wrap {
        width: 61rem
    }

    .col-lg-auto {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-1 {
        flex-basis: 8.333%;
        max-width: 8.333%
    }

    .col-lg-2 {
        flex-basis: 16.667%;
        max-width: 16.667%
    }

    .col-lg-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex-basis: 33.333%;
        max-width: 33.333%
    }

    .col-lg-5 {
        flex-basis: 41.667%;
        max-width: 41.667%
    }

    .col-lg-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex-basis: 58.333%;
        max-width: 58.333%
    }

    .col-lg-8 {
        flex-basis: 66.667%;
        max-width: 66.667%
    }

    .col-lg-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex-basis: 83.333%;
        max-width: 83.333%
    }

    .col-lg-11 {
        flex-basis: 91.667%;
        max-width: 91.667%
    }

    .col-lg-12 {
        flex-basis: 100%;
        max-width: 100%
    }
}

html {
    font-size: var(--font-size-default)
}

body,
html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overscroll-behavior-x: none
}

body {
    font-feature-settings: normal;
    background-color: var(--base);
    color: var(--text-color);
    font-family: var(--sans-serif);
    font-size: var(--font-size-default);
    font-variant-numeric: normal;
    height: 100%;
    line-height: 1.25;
    margin: 0
}

body.transparent {
    background-color: transparent
}

div,
span {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-text-fill-color: var(--text-color) !important;
    box-shadow: 0 0 0 1000px var(--base) inset
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: var(--link-color);
    cursor: pointer;
    text-decoration: none;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

a:focus,
a:hover {
    color: var(--text-color)
}

a.lit {
    color: var(--turq);
    text-decoration: underline
}

i {
    margin-right: 5px
}

i.right {
    margin-left: 5px;
    margin-right: 0
}

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

ul li {
    display: inline-block
}

b,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600
}

table {
    border-collapse: collapse
}

.svg-inline--fa {
    display: inline-block;
    margin-right: 5px
}

::selection {
    background: var(--select-color);
    color: var(--text-color)
}

::-moz-selection {
    background: var(--select-color);
    color: var(--text-color)
}

.grail {
    flex-direction: column;
    min-height: 100%
}

.grail,
.grail-main {
    display: flex;
    height: auto
}

.grail-main {
    box-sizing: border-box;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
    z-index: 1
}

.grail-main.grail-main-banner {
    padding-top: 30px
}

.grail-main.grail-player-gutter {
    padding-bottom: 75px
}

.grail-main.grail-gutter {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (max-width:768px) {
    .grail-main.grail-gutter {
        padding-left: 0;
        padding-right: 0
    }
}

.grail-main.grail-embed {
    overflow: hidden;
    padding-bottom: 0
}

.grail-main.grail-embed .content-wrap {
    border-radius: 0;
    margin-bottom: 0;
    width: 100vw
}

.grail-side {
    flex: 0 0 250px;
    height: 100%;
    overflow-y: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    position: fixed;
    width: 250px;
    z-index: 1
}

@media only screen and (max-width:1224px) {
    .grail-side {
        flex: 0 0 350px;
        width: 350px
    }
}

@media only screen and (max-width:768px) {
    .grail-side {
        display: none;
        height: 100%;
        left: -80%;
        padding-top: 0;
        top: 0;
        width: 80%
    }
}

.grail-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    z-index: 2
}

.grail-body.grail-margin-top {
    padding-top: 70px
}

@media only screen and (max-width:768px) {
    .grail-body.grail-margin-top {
        padding-top: 70px
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .grail-body {
        height: 100vh
    }
}

.grail-shopify-embed {
    padding-top: 1rem
}

.grail-shopify-embed .grail-body .content-tabs {
    padding: 1rem 2rem 0
}

.grail-flatten .grail-body {
    z-index: 3
}

.grail-flatten .grail-body .content-wrap {
    box-shadow: none
}

.grail-flatten .grail-side {
    z-index: 5
}

.grail-flatten .sidebar-admin {
    z-index: 4
}

.grail-wrapper {
    width: 100vw
}

.grail-report {
    padding: 0
}

body.is-embed>#intercom-container {
    display: none
}

html.eventbrite-embed,
html.eventbrite-embed body {
    background: var(--base)
}

div#intercom-launcher {
    display: none !important
}

.popover-link-text {
    text-decoration: underline;
    -webkit-text-decoration-color: var(--text-color-alt);
    text-decoration-color: var(--text-color-alt);
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed;
    text-underline-position: under
}

.content-header-wrap {
    box-sizing: border-box;
    margin: 0 auto;
    min-height: 70px;
    padding: 0;
    width: 100%
}

.content-header-wrap .content-header {
    cursor: pointer;
    font-size: var(--font-size-default);
    font-weight: 600;
    margin: 0
}

.content-header-wrap .content-header .content-header-icon {
    line-height: 26px;
    margin-right: 1rem;
    opacity: .7;
    transition: all .15s ease-in-out
}

.content-header-wrap .content-header.content-header-tabs-align {
    margin: 0 2rem
}

@media only screen and (max-width:768px) {
    .content-header-wrap .content-header.content-header-tabs-align {
        margin: 1rem 1rem 0
    }
}

.content-header-wrap .content-header:hover .content-header-icon {
    color: var(--turq);
    opacity: 1;
    transform: translateX(-8px)
}

@media only screen and (max-width:768px) {
    .content-header-wrap .content-header {
        font-size: var(--font-size-medium);
        margin: 1rem 1rem 0
    }
}

.content-header-wrap .content-nav-header {
    display: inline-block;
    font-size: var(--font-size-default);
    font-weight: 600;
    margin-left: 24px;
    opacity: .7;
    padding-right: 2rem
}

.content-header-wrap .content-nav-header i {
    vertical-align: top
}

.content-header-wrap .content-nav-header:hover {
    opacity: 1;
    text-decoration: none
}

.content-header-wrap .content-post-actions .content-tab-btn {
    margin-left: 1rem
}

.content-header-wrap .content-header-loader {
    height: 10vh;
    position: absolute;
    right: 4rem;
    top: 0
}

.content-header-wrap .content-header-loader .loader-text {
    display: none
}

.content-header-wrap .content-subheader {
    font-family: var(--sans-serif);
    font-size: var(--font-size-medium);
    margin: .5rem 0 1rem
}

.content-header-wrap .content-header-right-items {
    padding: 0
}

.content-header-wrap .content-header-right-items .content-header-btn {
    margin-left: 1rem;
    opacity: .3
}

.content-header-wrap .content-header-right-items .content-header-btn:hover {
    opacity: 1
}

@media only screen and (max-width:768px) {
    .content-header-wrap .content-header-right-items {
        font-size: var(--font-size-small)
    }
}

.content-header-wrap.content-header-outline {
    border-bottom: 1px solid var(--gray);
    padding-bottom: 1rem
}

.content-header-wrap.content-header-minimize .content-header {
    font-size: var(--font-size-thicc);
    padding: 1rem 0
}

@media only screen and (max-width:768px) {
    .content-header-wrap {
        width: 100%
    }
}

.content-wrap {
    border-radius: 8px;
    box-sizing: border-box;
    display: block;
    height: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    position: relative;
    width: 100%
}

@media only screen and (max-width:768px) {
    .content-wrap {
        padding: 0;
        width: 100%
    }
}

.content-post-wrap {
    border-radius: 8px;
    box-sizing: border-box;
    margin: 0 auto 4rem;
    overflow: visible;
    padding: 0 2rem;
    position: relative;
    transition: box-shadow .3s ease-in-out;
    width: 100vw
}

@media only screen and (max-width:768px) {
    .content-post-wrap {
        width: 100%
    }
}

.content-tabs {
    border-bottom: 1px solid var(--dark-gray)
}

@media only screen and (max-width:768px) {
    .content-tabs .content-header-wrap {
        min-height: auto
    }
}

.content-tabs .content-tab-list-wrap .content-tab-list {
    border-bottom: 1px solid transparent
}

.content-tabs .content-tab-list-wrap .content-tab-list .content-tab {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: var(--text-color-contrast);
    display: block;
    font-size: var(--font-size-default);
    font-weight: 600;
    margin: 0 .25rem;
    padding: 2rem;
    position: relative;
    text-align: center;
    transform: translateZ(0)
}

.content-tabs .content-tab-list-wrap .content-tab-list .content-tab:hover {
    text-decoration: none
}

.content-tabs .content-tab-list-wrap .content-tab-list .content-tab.active {
    color: var(--turq)
}

.content-tabs .content-tab-list-wrap .content-tab-list .content-tab.active:before {
    transform: scaleX(1);
    visibility: visible
}

.content-tabs .content-tab-list-wrap .content-tab-list .content-tab:hover {
    color: var(--turq)
}

.content-tabs .content-tab-list-wrap .content-tab-list .content-tab:hover:before {
    transform: scaleX(1);
    visibility: visible
}

.content-tabs .content-tab-list-wrap .content-tab-list .content-tab:before {
    background: var(--turq);
    bottom: -2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transition: all .15s ease-in-out;
    width: 100%
}

.content-tabs .content-tab-list-wrap .content-tab-list .content-tab .content-tab-icon {
    font-size: var(--font-size-medium);
    margin-right: 8px;
    vertical-align: text-bottom
}

@media only screen and (max-width:768px) {
    .content-tabs .content-tab-list-wrap .content-tab-list .content-tab {
        font-size: var(--font-size-small);
        padding: 1rem
    }

    .content-tabs .content-tab-list-wrap .content-tab-list {
        display: flex;
        flex: 0 1 auto;
        overflow-x: scroll
    }

    .content-tabs .content-tab-list-wrap .content-tab-list li {
        flex: 0 0 auto
    }
}

.content-tabs .content-tab-list-wrap .content-tab-actions {
    padding-right: 2rem
}

@media only screen and (max-width:768px) {
    .content-tabs .content-tab-list-wrap .content-tab-actions {
        margin: 1rem 0;
        padding-left: 1rem;
        text-align: left
    }
}

.content-tabs .content-tab-list-wrap .content-tab-btn {
    float: right;
    margin-left: 1rem
}

@media only screen and (max-width:768px) {
    .content-tabs .content-tab-list-wrap .content-tab-btn {
        clear: both;
        float: none;
        margin-right: 1rem
    }

    .content-tabs {
        align-items: center
    }
}

.content-body .content-body-container {
    background: var(--base-contrast);
    border-radius: 8px;
    margin-bottom: 4rem;
    margin-top: 1rem
}

.content-body .content-body-tabs {
    padding: 0
}

@media only screen and (max-width:768px) {
    .content-body .content-body-tabs {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-x: auto;
        padding: 1rem 0;
        white-space: nowrap
    }

    .content-body .content-body-tabs::-webkit-scrollbar {
        display: none
    }
}

.content-body .content-body-tabs .content-body-tabs-list {
    margin-bottom: 0;
    padding: 2rem 0 0
}

@media only screen and (max-width:768px) {
    .content-body .content-body-tabs .content-body-tabs-list {
        padding: 0
    }

    .content-body .content-body-tabs .content-body-tabs-list .left-divider {
        display: none
    }
}

.content-body .content-body-tabs .content-body-tabs-list .left-divider .content-body-tab {
    border-left: 1px solid var(--dark-gray);
    font-weight: 600;
    padding-left: 1rem
}

@media only screen and (max-width:768px) {
    .content-body .content-body-tabs .content-body-tabs-list .left-divider .content-body-tab {
        padding-left: 0
    }
}

@media only screen and (min-width:1280px) {
    .content-body .content-body-tabs .content-body-tabs-list .left-divider .content-body-tab {
        padding-left: 2rem
    }
}

.content-body .content-body-tabs .content-body-tabs-list .create-right {
    float: right
}

.content-body .content-body-tabs .content-body-tabs-list .create-right .content-body-tab {
    border-radius: 3px;
    color: var(--turq);
    font-size: var(--font-size-tiny);
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    padding: .8rem;
    text-transform: uppercase;
    transition: all .15s ease-in-out
}

.content-body .content-body-tabs .content-body-tabs-list .create-right .content-body-tab:hover {
    background: var(--turq-med);
    color: var(--turq);
    text-decoration: none;
    transform: translateY(-3px)
}

.content-body .content-body-tabs .content-body-tabs-list .create-right.alt .content-body-tab {
    border-radius: 3px;
    color: var(--text-color-alt);
    font-size: var(--font-size-tiny);
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    margin-right: 1rem;
    padding: .8rem;
    text-transform: uppercase;
    transition: all .15s ease-in-out
}

.content-body .content-body-tabs .content-body-tabs-list .create-right.alt .content-body-tab:hover {
    background: var(--base-contrast);
    color: var(--text-color);
    text-decoration: none;
    transform: translateY(-3px)
}

@media only screen and (max-width:768px) {
    .content-body .content-body-tabs .content-body-tabs-list .create-right {
        display: none
    }
}

.content-body .content-body-tabs .content-body-tabs-list .content-body-tab {
    color: var(--text-color-contrast);
    display: block;
    font-size: var(--font-size-small);
    font-weight: 600;
    padding: 1rem 2rem 1rem 0;
    transition: color .15s ease-in-out
}

@media only screen and (max-width:768px) {
    .content-body .content-body-tabs .content-body-tabs-list .content-body-tab {
        padding-left: 0
    }
}

.content-body .content-body-tabs .content-body-tabs-list .content-body-tab i {
    vertical-align: top
}

.content-body .content-body-tabs .content-body-tabs-list .content-body-tab .content-body-tab-count {
    border-radius: 2px;
    font-size: var(--font-size-tiny);
    margin: 0 0 0 10px;
    padding: 4px 8px;
    text-align: left
}

.content-body .content-body-tabs .content-body-tabs-list .content-body-tab.right {
    right: 0
}

.content-body .content-body-tabs .content-body-tabs-list .content-body-tab .content-body-tab-count {
    background: var(--base-contrast);
    color: var(--text-color-alt)
}

.content-body .content-body-tabs .content-body-tabs-list .content-body-tab.active {
    color: var(--turq)
}

.content-body .content-body-tabs .content-body-tabs-list .content-body-tab.active .content-body-tab-count {
    background: var(--turq-contrast);
    color: var(--turq)
}

.content-body .content-body-tabs .content-body-tabs-list .content-body-tab:hover {
    color: var(--text-color)
}

.content-body .content-body-tabs .content-body-tabs-list .content-body-tab:hover.active {
    color: var(--turq)
}

.content-list {
    padding: 1rem 0
}

.content-list .content-list-search-container {
    margin-bottom: 2rem;
    padding: 0
}

@media only screen and (max-width:768px) {
    .content-list .content-list-search-container {
        padding: 0
    }

    .content-list .content-list-filter {
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-x: auto;
        padding: 1rem 0;
        white-space: nowrap
    }
}

@media only screen and (max-width:768px) {
    .content-list .content-list-filter::-webkit-scrollbar {
        display: none
    }
}

.content-list .content-list-filter .content-list-filter-table {
    display: flex;
    padding-bottom: 2rem
}

.content-list .content-list-filter .content-list-filter-table .content-list-table-title {
    font-size: var(--font-size-small);
    font-weight: 600;
    letter-spacing: 1px;
    padding: 4px 2rem 4px 0;
    text-transform: uppercase
}

@media only screen and (max-width:768px) {
    .content-list .content-list-filter .content-list-filter-table .content-list-table-title {
        margin-right: .5rem
    }
}

.content-list .content-list-filter .content-list-filter-table .content-list-table-option {
    border-radius: 4px;
    color: var(--text-color-alt);
    cursor: pointer;
    flex: 0 1 auto;
    font-size: var(--font-size-small);
    font-weight: 600;
    padding: 4px 2rem;
    transition: all .2s ease-in-out
}

.content-list .content-list-filter .content-list-filter-table .content-list-table-option:hover {
    color: var(--text-color)
}

.content-list .content-list-filter .content-list-filter-table .content-list-table-option.active {
    background: var(--turq-med);
    color: var(--turq)
}

.content-list .content-list-filter .content-list-filter-table .content-list-table-option.active .content-list-table-option-count {
    background: var(--turq-contrast);
    color: var(--turq)
}

.content-list .content-list-filter .content-list-filter-table .content-list-table-option.links {
    padding: 4px 1rem
}

.content-list .content-list-filter .content-list-filter-table .content-list-table-option .content-list-table-option-count {
    background: var(--base-contrast);
    border-radius: 2px;
    color: var(--text-color-alt);
    font-size: var(--font-size-tiny);
    margin: 0 0 0 10px;
    padding: 2px 8px;
    text-align: left
}

.content-list .content-list-items {
    padding: 0;
    position: relative;
    width: 100%
}

@media only screen and (max-width:768px) {
    .content-list .content-list-items {
        padding: 0
    }
}

.content-list .content-list-items a:hover {
    text-decoration: none
}

.content-list .content-list-items .content-list-item {
    background: var(--base-contrast);
    border-radius: 3px;
    border-top: 1px solid hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .1);
    border: 1px solid var(--base-border);
    box-shadow: 0 1px 3px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .12), 0 1px 2px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .24);
    margin-bottom: 2rem;
    padding: 2rem;
    position: relative;
    transition: transform .2s ease-in-out
}

.content-list .content-list-items .content-list-item:hover {
    background: var(--turq-contrast);
    border: 1px solid var(--turq);
    box-shadow: 0 7px 15px rgba(0, 204, 255, .2), 0 6px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 7px 15px var(--turq-shadow-1), 0 6px 6px var(--turq-shadow-2);
    transform: translateY(-4px) !important
}

.content-list .content-list-items .content-list-item-title {
    word-wrap: break-word;
    color: var(--text-color);
    font-size: var(--font-size-medium);
    font-weight: 600;
    margin-bottom: .5rem
}

@media only screen and (max-width:768px) {
    .content-list .content-list-items .content-list-item-title {
        padding-right: 7rem
    }
}

.content-list .content-list-items .content-list-item-stat-num {
    color: var(--text-color);
    font-size: var(--font-size-default);
    font-weight: 600;
    margin-bottom: .5rem
}

.content-list .content-list-items .content-list-item-stat-label {
    color: var(--text-color-alt);
    font-size: var(--font-size-small)
}

.content-list .content-list-items-fb-alert {
    padding: 1rem 0
}

.content-list .content-list-items-fb-alert-inner {
    background-color: var(--red-contrast);
    border-radius: 2px;
    display: inline-flex;
    padding: 2rem
}

.content-list .content-list-items-fb-alert-inner .fb-alert-header-warning {
    color: var(--red);
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase
}

.content-list .content-list-items-fb-alert-inner .fb-alert-header {
    color: var(--text-color);
    font-size: var(--font-size-default);
    font-weight: 600;
    padding-bottom: 1rem
}

.content-list .content-list-items-fb-prompt-header {
    background-color: var(--base-contrast);
    display: table;
    width: 100%
}

.content-list .icon {
    opacity: .8;
    transition: all .2s ease-in-out
}

.content-list .content-list-items-fb-prompt-inner {
    background-color: var(--base-contrast);
    border-radius: 2px;
    display: inline-flex;
    padding: 0 2rem 2rem
}

@media screen and (max-width:1224px) {
    .content-list .content-list-items-fb-prompt-inner {
        display: block
    }
}

.content-list .content-list-items-fb-prompt-inner .fb-alert-header-text {
    color: var(--yellow);
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase
}

.content-list .content-list-items-fb-prompt-inner .fb-prompt-header {
    color: var(--text-color);
    font-size: var(--font-size-default);
    font-weight: 600;
    padding-top: 1rem
}

.content-list .content-list-items-fb-prompt-inner .fb-prompt-video-guide {
    border-bottom: 1px solid;
    border-color: var(--turq)
}

.content-list .content-list-stats {
    background: hsla(var(--base-contrast-h), calc(var(--base-contrast-s)), calc(var(--base-contrast-l) - 1.5%), 1);
    border: 1px solid var(--base);
    border-radius: 3px;
    margin-bottom: 2rem;
    padding: 2rem;
    transition: all .2s ease-in-out
}

.content-list .content-list-stats .content-list-stats-header {
    color: var(--text-color-alt);
    font-size: var(--font-size-tiny);
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0 0 .5rem;
    text-transform: uppercase
}

.content-list .content-list-stats .content-list-stats-header .content-list-stats-header-title {
    align-self: center
}

.content-list .content-list-stats .content-list-stats-item {
    padding-top: 1.5rem
}

.content-list .content-list-stats .content-list-stats-item .content-list-stats-item-label {
    color: var(--text-color-alt);
    font-size: var(--font-size-tiny);
    font-weight: 600
}

.content-list .content-list-stats .content-list-stats-item .content-list-stats-item-value {
    font-size: var(--font-size-xlarge);
    font-weight: 400;
    margin-bottom: 1.5rem
}

.content-list-search-container-wrap {
    position: relative
}

.content-list-search-container-wrap .react-select {
    margin: 0
}

.content-list-search-container-wrap .react-select .react-select__control {
    background-color: var(--base);
    border-radius: 0;
    height: 48px;
    padding-left: 30px
}

.content-list-search-container-wrap .react-select .react-select__control:focus-within {
    border: 1px solid #00c4ff
}

.content-list-search-container-wrap .react-select .react-select__control .react-select__input {
    margin-left: 35px
}

.content-list-search-container-wrap .react-select .react-select__control .react-select__value-container--has-value {
    padding-left: 40px
}

.content-list-search-container-wrap .react-select .react-select__control .react-select__value-container--has-value .react-select__input {
    margin-left: 0
}

.content-list-search-container-wrap .react-select .react-select__control .react-select__value-container--is-multi .react-select__multi-value {
    background: var(--turq-contrast);
    border: 1px solid var(--turq);
    color: var(--turq);
    margin: 0 5px 0 0;
    padding: 0
}

.content-list-search-container-wrap .react-select .react-select__control .react-select__value-container--is-multi .react-select__multi-value .react-select__multi-value__remove {
    color: var(--turq);
    line-height: 16px
}

.content-list-search-container-wrap .react-select .react-select__control .react-select__value-container--is-multi .react-select__multi-value .react-select__multi-value__remove:hover {
    color: var(--text-color)
}

.content-list-search-container-wrap .react-select .react-select__control .react-select__value-container--is-multi .react-select__multi-value .react-select__multi-value__label {
    color: var(--turq);
    padding: .5rem
}

.content-list-search-container-wrap .react-select .react-select__placeholder {
    font-size: var(--font-size-default) !important;
    margin-left: 37px
}

.content-list-search-container-wrap .react-select .react-select__indicators {
    display: none
}

.content-list-search-container-wrap .content-list-search-container-icon {
    color: var(--text-color-alt);
    font-size: 18px;
    left: 0;
    padding: 1rem;
    position: absolute;
    top: 0;
    transition: border .2s ease-in-out;
    z-index: 99999
}

.content-list-search-container-wrap .content-list-search-container-icon.active {
    color: var(--turq)
}

.content-list-search-container-wrap .content-list-search-container-icon-tag {
    color: var(--text-color-alt);
    font-size: var(--font-size-thicc);
    left: 2px;
    line-height: 1.25;
    padding: 1rem;
    position: absolute;
    transition: border .2s ease-in-out;
    z-index: 99999
}

.content-list-search-container-wrap .content-list-search-container-icon-tag.active {
    color: var(--turq)
}

.content-list-search-container-wrap .content-list-search-container-input {
    background: none;
    border: 1px solid var(--med-gray);
    border-radius: 2px;
    box-sizing: border-box;
    font-family: var(--sans-serif);
    font-size: var(--font-size-default);
    outline: 0;
    padding: 1rem 150px 1rem 4rem;
    transition: border .2s ease-in-out;
    width: 100%
}

.content-list-search-container-wrap .content-list-search-container-input:focus {
    border: 1px solid var(--turq);
    color: var(--text-color)
}

.content-list-search-container-wrap .content-list-search-container-input:disabled {
    cursor: not-allowed
}

.content-list-search-container-wrap .content-list-search-container-tag-select {
    background: none;
    border: none;
    border-radius: 2px;
    box-sizing: border-box;
    font-family: var(--sans-serif);
    font-size: var(--font-size-default);
    height: 48px;
    outline: 0;
    padding: 0;
    transition: border .2s ease-in-out;
    width: 100%
}

.content-list-search-container-wrap .content-list-search-container-tag-select:focus {
    border: 1px solid var(--turq);
    color: var(--text-color)
}

.content-list-search-container-wrap .content-list-search-container-tag-select:disabled {
    cursor: not-allowed
}

.content-list-search-container-wrap .content-list-search-container-toggle {
    bottom: 0;
    box-sizing: border-box;
    color: var(--text-color-alt);
    cursor: pointer;
    font-size: var(--font-size-tiny);
    font-weight: 600;
    line-height: 54px;
    margin: auto;
    padding: 0 1rem;
    position: absolute;
    right: 10px;
    top: 0;
    transition: all .2s ease-in-out
}

.content-list-search-container-wrap .content-list-search-container-toggle:hover {
    color: var(--turq)
}

.content-body-cta {
    background: var(--base-contrast);
    border-radius: 8px;
    display: block;
    margin-bottom: 4rem;
    margin-top: 1rem;
    width: 100%
}

.content-modal .content-header-wrap {
    margin: 0 auto;
    width: 75vw
}

.content-modal .content-wrap {
    margin: 0 auto;
    min-height: auto;
    width: 75vw
}

.offline-conversions-button-container {
    margin-top: 24px
}

.offline-conversions-button-container .offline-conversions-eb-primary-button {
    padding-right: 12px;
    white-space: nowrap
}

.campaign-view {
    margin: 0 auto 70px;
    width: 95vw
}

.campaign-view .content-wrap {
    padding: 0
}

.campaign-view .content-wrap .content-body {
    background: var(--base-contrast);
    border-radius: 6px
}

.campaign-view-main {
    padding: 0
}

.campaign-view-main.campaign-view-loading {
    padding: 25% 0
}

.campaign-header {
    border-bottom: 1px solid var(--med-gray);
    padding: 2rem 1rem
}

@media only screen and (max-width:768px) {
    .campaign-header {
        padding: 2rem 1rem 1rem
    }
}

.campaign-header .campaign-header-info .campaign-header-title {
    font-size: var(--font-size-xlarge);
    font-weight: 600;
    word-break: break-word
}

.campaign-header .campaign-header-info .campaign-header-description {
    color: var(--text-color-contrast);
    font-size: var(--font-size-default);
    padding-top: .5rem
}

.campaign-header .campaign-header-info .campaign-header-description .fa-exclamation-triangle {
    color: var(--yellow)
}

.campaign-header .campaign-header-info .campaign-header-row {
    padding: .5rem 1rem 0
}

.campaign-header .campaign-header-actions {
    padding-top: 2rem
}

@media only screen and (max-width:768px) {
    .campaign-header .campaign-header-actions .campaign-header-btn-wrap {
        flex-basis: 50%;
        margin-bottom: 1rem;
        max-width: 50%
    }
}

.campaign-header .campaign-header-actions .campaign-header-btn {
    border-color: var(--med-gray);
    font-size: var(--font-size-tiny);
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase
}

@media only screen and (max-width:768px) {
    .campaign-header .campaign-header-actions .campaign-header-btn {
        font-size: var(--font-size-tiny)
    }
}

.campaign-header .campaign-header-actions .campaign-header-btn:hover {
    background: var(--turq-med);
    border-color: var(--turq)
}

.campaign-body-title {
    color: var(--text-color-contrast);
    font-size: var(--font-size-small);
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 1rem;
    text-transform: uppercase
}

@media only screen and (max-width:768px) {
    .campaign-body-title {
        padding: 2rem 1rem
    }
}

.campaign-resources {
    padding-bottom: 2rem
}

.campaign-resources .cta-feature {
    background: var(--slate);
    border: 0 !important;
    border-radius: 2px;
    border-top: 1px solid hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .1);
    box-shadow: 0 3px 6px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .16), 0 3px 6px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .23);
    margin-bottom: 1rem
}

.campaign-crm-table {
    padding: 1rem 2rem;
    width: 100%
}

.campaign-crm-table .segment-table-wrap {
    padding: 0
}

.campaign-crm-table .segment-table {
    height: 470px
}

.campaign-crm-table .segment-table .segment-table-header {
    padding: 0 0 1.5rem
}

.campaign-crm-table .segment-table .segment-table-header .segment-table-header-title {
    padding: 0
}

.campaign-crm-table .segment-table .segment-table-content {
    min-height: 400px
}

.content-list-items-fb-alert {
    padding: 1rem 0
}

.content-list-items-fb-alert-inner {
    background-color: var(--red-contrast);
    border-radius: 2px;
    display: inline-flex;
    padding: 2rem 1rem 1rem
}

.content-list-items-fb-alert-inner .fb-alert-header-warning {
    color: var(--red);
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase
}

.content-list-items-fb-alert-inner .fb-alert-header {
    color: var(--text-color);
    font-size: var(--font-size-default);
    font-weight: 600
}

.campaign-view-trial-wrap {
    border-bottom: 1px solid;
    font-size: var(--font-size-default);
    padding: 2rem
}

.campaign-view-trial-wrap.warning {
    background: var(--yellow-contrast);
    border-color: hsla(var(--yellow-h), calc(var(--yellow-s)), calc(var(--yellow-l)), .4);
    color: var(--yellow)
}

.campaign-view-trial-wrap.error {
    background: var(--red-contrast);
    border-color: hsla(var(--red-h), calc(var(--red-s)), calc(var(--red-l)), .4);
    color: var(--red)
}

.campaign-view-trial-wrap .campaign-view-trial-label-link a {
    color: var(--green);
    font-weight: 600;
    padding-left: 4px;
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed;
    text-underline-position: under
}

.modal {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin: auto;
    padding: 0 !important;
    width: 100%
}

@media only screen and (max-width:1224px) {
    .modal {
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .modal {
        width: 100%
    }
}

.modal-close {
    color: var(--text-color-contrast) !important;
    font-size: var(--font-size-default);
    padding: 1rem;
    position: fixed;
    right: 0;
    top: 2rem;
    z-index: 10000
}

.modal-close:hover {
    color: var(--text-color)
}

@media only screen and (max-width:768px) {
    .modal-close {
        padding: .5rem 2rem;
        top: 0
    }
}

.modal-info-btn {
    font-size: 16px !important;
    height: auto !important;
    opacity: .6
}

.modal-compact {
    background: var(--slate);
    border-radius: 8px;
    border-top: 1px solid hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .1);
    box-shadow: 0 1px 3px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .12), 0 1px 2px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .24);
    max-height: 95vh;
    overflow: auto;
    padding: 0;
    transition: width .2s ease-in-out, margin .2s ease-in-out
}

.modal-compact .modal-close {
    padding: 0;
    position: relative;
    top: 0
}

.modal-compact .modal-header {
    border-bottom: 1px solid var(--concrete-gray);
    font-size: var(--font-size-medium);
    font-weight: 600;
    padding: 2rem;
    position: relative;
    text-align: left
}

.modal-compact .modal-header .modal-header-table {
    width: 100%
}

.modal-compact .modal-header .modal-header-title {
    text-align: left;
    width: 50%
}

.modal-compact .modal-header .modal-header-actions {
    float: right;
    text-align: right;
    width: 50%
}

.modal-compact .modal-tabs-wrap {
    border-bottom: 1px solid var(--concrete-gray)
}

.modal-compact .modal-tabs-wrap .modal-tabs .modal-tab .modal-tab-link {
    color: var(--text-color-contrast);
    display: inline-block;
    font-size: var(--font-size-default);
    font-weight: 600;
    padding: 1.5rem 2rem
}

.modal-compact .modal-tabs-wrap .modal-tabs .modal-tab .modal-tab-link.active,
.modal-compact .modal-tabs-wrap .modal-tabs .modal-tab .modal-tab-link:hover {
    color: var(--turq)
}

.modal-compact .modal-body {
    padding: 0
}

.modal-compact .modal-body .form-textfield .form-textfield-input-wrap .form-textfield-input-field {
    background: hsla(var(--concrete-h), calc(var(--concrete-s)), calc(var(--concrete-l) - 2%), 1);
    border: 1px solid hsla(var(--concrete-h), calc(var(--concrete-s)), calc(var(--concrete-l) + 2%), 1)
}

.modal-footer {
    background: var(--concrete);
    border-top: 1px solid;
    border-color: var(--concrete-gray);
    bottom: 0;
    box-sizing: border-box;
    display: block;
    padding: 1rem 2rem;
    position: -webkit-sticky;
    position: sticky;
    width: 100%
}

.modal-footer .modal-actions {
    width: 100%
}

.modal-footer .modal-actions .modal-actions-left {
    text-align: left;
    width: 25%
}

.modal-footer .modal-actions .modal-actions-right {
    text-align: right;
    width: 75%
}

.modal-footer .modal-actions .modal-actions-right .modal-action-btn {
    display: inline-block;
    margin-left: 1rem;
    vertical-align: middle
}

.modal-footer .modal-action-btn {
    min-width: 140px
}

.modal-content {
    padding: 2rem
}

.modal-content .modal-content-label {
    color: var(--text-color-contrast);
    font-size: var(--font-size-medium);
    font-weight: 400;
    line-height: 22px;
    padding: 1rem 0
}

.modal-content .modal-content-header {
    font-family: var(--sans-serif);
    font-size: var(--font-size-large);
    font-weight: 600;
    margin: 1rem 0 2rem
}

.modal-content .modal-content-header h2 {
    margin: 1rem 0
}

.modal-content .modal-content-header.has-subheader {
    margin-bottom: 1rem
}

.modal-content .modal-content-header.subheader {
    color: var(--text-color-contrast);
    font-size: 16px;
    font-size: var(--font-size-medium);
    font-weight: 300;
    margin-top: 0
}

.modal-content .modal-content-body {
    margin: 1rem 0
}

.modal-content .modal-content-body .modal-content-body-link {
    margin-bottom: 2rem;
    opacity: .6;
    transition: opacity .2s ease-in-out
}

.modal-content .modal-content-body .modal-content-body-link:hover {
    opacity: .9
}

.modal-content .modal-content-form {
    padding: 1rem 0
}

.modal-content .modal-content-form .modal-content-form-hint {
    color: var(--yellow);
    font-size: 14px;
    font-size: var(--font-size-default);
    margin-bottom: 2rem;
    text-align: center
}

.modal-content .modal-content-form .react-select .react-select__control {
    background-color: var(--concrete);
    border: 1px solid var(--light-gray);
    color: var(--text-color)
}

.modal-content .modal-content-form .react-select .react-select__menu {
    position: relative !important
}

.modal-content .modal-btn {
    margin-bottom: 2rem
}

.modal-content .modal-link {
    color: var(--turq);
    display: block;
    font-size: var(--font-size-medium);
    margin-bottom: 3rem
}

.modal-content .modal-link:hover {
    color: hsla(var(--turq-h), calc(var(--turq-s)), calc(var(--turq-l) - 10%), 1)
}

.modal-content .modal-sub-link {
    color: var(--text-color-alt);
    display: block;
    margin-bottom: 1rem;
    margin-top: 1.5rem
}

.modal-content .modal-sub-link:hover {
    color: var(--text-color)
}

.modal-content .modal-footer {
    color: var(--text-color-alt);
    font-size: 12px;
    font-size: var(--font-size-small);
    margin: 1rem 0 2rem
}

.modal-content .modal-footer-sub {
    font-size: 14px;
    font-size: var(--font-size-default);
    margin-top: 2rem
}

.modal-content .modal-footer-sub .modal-link {
    display: inline-block;
    font-size: var(--font-size-default);
    margin-left: 5px;
    text-decoration: underline
}

@media only screen and (max-width:768px) {
    .modal-content {
        padding: 1rem
    }
}

.modal-content-divider {
    margin: 1rem 0;
    position: relative
}

.modal-content-divider .modal-content-divider-line {
    background: none;
    background: var(--dark-gray);
    border: 0;
    height: 1px
}

.modal-content-divider .modal-content-divider-text {
    background: var(--base);
    font-family: var(--sans-serif);
    font-size: 12px;
    font-size: var(--font-size-small);
    left: 0;
    letter-spacing: 1px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    width: 48px
}

.modal-form {
    width: 100%
}

.modal-shift {
    flex-basis: calc(100% - 376px - 6rem);
    margin-left: calc(-376px - 2rem);
    max-width: calc(100% - 376px - 6rem)
}

.ReactModal__Overlay {
    z-index: 1500
}

.ReactModal__Body--open {
    overflow: hidden
}

.dialog .dialog-header {
    border-bottom: 1px solid var(--concrete-gray);
    font-size: var(--font-size-medium) !important;
    font-weight: 600 !important
}

.dialog .dialog-body {
    border-top: 0 !important;
    font-size: var(--font-size-default) !important;
    line-height: 21px !important;
    padding: 2rem !important
}

.dialog .dialog-body .form-textfield-input-field {
    background: var(--concrete);
    border-color: var(--med-gray)
}

.dialog .dialog-body .form-textfield-input-field:focus {
    background: var(--concrete);
    border-color: var(--turq)
}

.add-ad-account-to-business-manager-dialog a {
    color: var(--turq)
}

.dialog-content {
    border-radius: 2px !important;
    color: var(--text-color)
}

@media only screen and (max-width:768px) {
    .dialog-content {
        width: 95vw !important
    }
}

.dialog-content .react-select .react-select__menu {
    position: relative !important
}

.dialog-content .dialog-content-note {
    color: var(--text-color-contrast);
    font-size: var(--font-size-tiny);
    padding-top: 2rem
}

.dialog-content .dialog-content-link {
    display: inline-block;
    font-size: var(--font-size-default);
    margin-left: 3px;
    text-decoration: underline
}

.dialog-content .dialog-body-wrap {
    background: var(--slate) !important;
    border-radius: 6px;
    border-top: 1px solid hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .1);
    box-shadow: 0 10px 20px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .19), 0 6px 6px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .23)
}

.dialog-content .dialog-actions {
    border-top: 1px solid var(--concrete-gray);
    padding: 1rem 2rem !important
}

.dialog-content .dialog-actions .dialog-actions-btn span {
    font-size: var(--font-size-default) !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    transition: color .2s ease-in-out !important
}

.dialog-content .dialog-actions .dialog-actions-btn.cancel {
    float: left
}

.dialog-content .dialog-actions .dialog-actions-btn.cancel:hover span,
.dialog-content .dialog-actions .dialog-actions-btn.primary:hover span {
    color: var(--text-color-contrast) !important
}

.dialog-content .Select-control {
    border: 1px solid var(--concrete-gray) !important
}

.dialog-content .Select-menu-outer {
    position: relative !important
}

.dialog-overlay {
    background: var(--dialog-overlay)
}

.status-message {
    color: var(--green);
    margin: 2rem
}

.authModal {
    align-items: center
}

@media only screen and (max-width:768px) {
    .authModal {
        align-items: flex-start
    }
}

.scrollModal {
    align-items: flex-start
}

.scrollModal .modal-content {
    margin: 10rem 0
}

@media only screen and (max-width:768px) {
    .scrollModal .modal-content {
        margin: 2rem 0
    }
}

.help-footer {
    color: var(--light-gray);
    font-size: var(--font-size-small);
    margin: 2rem 0;
    text-align: center
}

.help-footer a {
    border-bottom: 1px solid
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--sans-serif)
}

p {
    margin: 0 0 1.25
}

.btn,
.danger,
.dropdown,
.primary,
.secondary,
.submit,
.success,
.yellow-warning {
    border: 1px solid;
    border-radius: 2px;
    box-sizing: border-box;
    color: var(--text-color-alt);
    cursor: pointer;
    display: inline-block;
    font-size: var(--font-size-small);
    font-weight: 600;
    letter-spacing: 1px;
    line-height: normal;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .2s ease-in-out
}

.btn.squared,
.squared.danger,
.squared.dropdown,
.squared.primary,
.squared.secondary,
.squared.submit,
.squared.success,
.squared.yellow-warning {
    border-radius: 0
}

.btn:focus,
.btn:hover,
.danger:focus,
.danger:hover,
.dropdown:focus,
.dropdown:hover,
.primary:focus,
.primary:hover,
.secondary:focus,
.secondary:hover,
.submit:focus,
.submit:hover,
.success:focus,
.success:hover,
.yellow-warning:focus,
.yellow-warning:hover {
    color: var(--text-color);
    text-decoration: none
}

.btn.clear,
.clear.danger,
.clear.dropdown,
.clear.primary,
.clear.secondary,
.clear.submit,
.clear.success,
.clear.yellow-warning {
    background: none;
    border-color: transparent;
    color: var(--text-color-contrast)
}

.apple-music.danger,
.apple-music.dropdown,
.apple-music.primary,
.apple-music.secondary,
.apple-music.submit,
.apple-music.success,
.apple-music.yellow-warning,
.btn.apple-music {
    background: #000;
    border-color: #000;
    color: #fff
}

.apple-music.danger:hover,
.apple-music.dropdown:hover,
.apple-music.primary:hover,
.apple-music.secondary:hover,
.apple-music.submit:hover,
.apple-music.success:hover,
.apple-music.yellow-warning:hover,
.btn.apple-music:hover {
    background: #050505;
    border-color: #050505;
    color: #fff
}

.btn.custom-url-visit,
.custom-url-visit.danger,
.custom-url-visit.dropdown,
.custom-url-visit.primary,
.custom-url-visit.secondary,
.custom-url-visit.submit,
.custom-url-visit.success,
.custom-url-visit.yellow-warning {
    background: #555fff;
    border-color: #555fff;
    color: #fff
}

.btn.custom-url-visit:hover,
.custom-url-visit.danger:hover,
.custom-url-visit.dropdown:hover,
.custom-url-visit.primary:hover,
.custom-url-visit.secondary:hover,
.custom-url-visit.submit:hover,
.custom-url-visit.success:hover,
.custom-url-visit.yellow-warning:hover {
    background: #3c47ff;
    border-color: #3c47ff;
    color: #fff
}

.btn.facebook,
.btn.facebook-live,
.facebook-live.danger,
.facebook-live.dropdown,
.facebook-live.primary,
.facebook-live.secondary,
.facebook-live.submit,
.facebook-live.success,
.facebook-live.yellow-warning,
.facebook.danger,
.facebook.dropdown,
.facebook.primary,
.facebook.secondary,
.facebook.submit,
.facebook.success,
.facebook.yellow-warning {
    background: #1777f2;
    border-color: #1777f2;
    color: #fff
}

.btn.facebook-live:hover,
.btn.facebook:hover,
.facebook-live.danger:hover,
.facebook-live.dropdown:hover,
.facebook-live.primary:hover,
.facebook-live.secondary:hover,
.facebook-live.submit:hover,
.facebook-live.success:hover,
.facebook-live.yellow-warning:hover,
.facebook.danger:hover,
.facebook.dropdown:hover,
.facebook.primary:hover,
.facebook.secondary:hover,
.facebook.submit:hover,
.facebook.success:hover,
.facebook.yellow-warning:hover {
    background: #0d6be3;
    border-color: #0d6be3;
    color: #fff
}

.btn.facebook-messenger,
.facebook-messenger.danger,
.facebook-messenger.dropdown,
.facebook-messenger.primary,
.facebook-messenger.secondary,
.facebook-messenger.submit,
.facebook-messenger.success,
.facebook-messenger.yellow-warning {
    background: #0084ff;
    border: 0;
    color: #fff;
    height: 29px;
    margin: 0 auto
}

.btn.facebook-messenger .fb-send-to-messenger,
.btn.facebook-messenger .fb-send-to-messenger span,
.btn.facebook-messenger .fb-send-to-messenger span iframe,
.facebook-messenger.danger .fb-send-to-messenger,
.facebook-messenger.danger .fb-send-to-messenger span,
.facebook-messenger.danger .fb-send-to-messenger span iframe,
.facebook-messenger.dropdown .fb-send-to-messenger,
.facebook-messenger.dropdown .fb-send-to-messenger span,
.facebook-messenger.dropdown .fb-send-to-messenger span iframe,
.facebook-messenger.primary .fb-send-to-messenger,
.facebook-messenger.primary .fb-send-to-messenger span,
.facebook-messenger.primary .fb-send-to-messenger span iframe,
.facebook-messenger.secondary .fb-send-to-messenger,
.facebook-messenger.secondary .fb-send-to-messenger span,
.facebook-messenger.secondary .fb-send-to-messenger span iframe,
.facebook-messenger.submit .fb-send-to-messenger,
.facebook-messenger.submit .fb-send-to-messenger span,
.facebook-messenger.submit .fb-send-to-messenger span iframe,
.facebook-messenger.success .fb-send-to-messenger,
.facebook-messenger.success .fb-send-to-messenger span,
.facebook-messenger.success .fb-send-to-messenger span iframe,
.facebook-messenger.yellow-warning .fb-send-to-messenger,
.facebook-messenger.yellow-warning .fb-send-to-messenger span,
.facebook-messenger.yellow-warning .fb-send-to-messenger span iframe {
    height: 29px !important;
    width: 149px !important
}

.btn.facebook-messenger:hover,
.facebook-messenger.danger:hover,
.facebook-messenger.dropdown:hover,
.facebook-messenger.primary:hover,
.facebook-messenger.secondary:hover,
.facebook-messenger.submit:hover,
.facebook-messenger.success:hover,
.facebook-messenger.yellow-warning:hover {
    background: none;
    background: #0077e6;
    opacity: .8
}

.btn.gofundme-charity,
.gofundme-charity.danger,
.gofundme-charity.dropdown,
.gofundme-charity.primary,
.gofundme-charity.secondary,
.gofundme-charity.submit,
.gofundme-charity.success,
.gofundme-charity.yellow-warning {
    background: #01866c;
    border-color: #01866c;
    color: #fff
}

.btn.gofundme-charity:hover,
.gofundme-charity.danger:hover,
.gofundme-charity.dropdown:hover,
.gofundme-charity.primary:hover,
.gofundme-charity.secondary:hover,
.gofundme-charity.submit:hover,
.gofundme-charity.success:hover,
.gofundme-charity.yellow-warning:hover {
    background: #016d58;
    border-color: #016d58;
    color: #fff
}

.btn.google,
.google.danger,
.google.dropdown,
.google.primary,
.google.secondary,
.google.submit,
.google.success,
.google.yellow-warning {
    background: #4285f4;
    border-color: #4285f4;
    color: #fff
}

.btn.google:hover,
.google.danger:hover,
.google.dropdown:hover,
.google.primary:hover,
.google.secondary:hover,
.google.submit:hover,
.google.success:hover,
.google.yellow-warning:hover {
    background: #2a75f3;
    border-color: #2a75f3;
    color: #fff
}

.btn.instagram,
.instagram.danger,
.instagram.dropdown,
.instagram.primary,
.instagram.secondary,
.instagram.submit,
.instagram.success,
.instagram.yellow-warning {
    background: #833ab4;
    border-color: #833ab4;
    color: #fff
}

.btn.instagram:hover,
.instagram.danger:hover,
.instagram.dropdown:hover,
.instagram.primary:hover,
.instagram.secondary:hover,
.instagram.submit:hover,
.instagram.success:hover,
.instagram.yellow-warning:hover {
    background: #7534a1;
    border-color: #7534a1;
    color: #fff
}

.btn.mailchimp,
.mailchimp.danger,
.mailchimp.dropdown,
.mailchimp.primary,
.mailchimp.secondary,
.mailchimp.submit,
.mailchimp.success,
.mailchimp.yellow-warning {
    background: #cbaf0a;
    border-color: #cbaf0a;
    color: #fff
}

.btn.mailchimp:hover,
.mailchimp.danger:hover,
.mailchimp.dropdown:hover,
.mailchimp.primary:hover,
.mailchimp.secondary:hover,
.mailchimp.submit:hover,
.mailchimp.success:hover,
.mailchimp.yellow-warning:hover {
    background: #b39a09;
    border-color: #b39a09;
    color: #fff
}

.btn.etix,
.etix.danger,
.etix.dropdown,
.etix.primary,
.etix.secondary,
.etix.submit,
.etix.success,
.etix.yellow-warning {
    background: #215eac;
    border-color: #215eac;
    color: #fff
}

.btn.etix:hover,
.etix.danger:hover,
.etix.dropdown:hover,
.etix.primary:hover,
.etix.secondary:hover,
.etix.submit:hover,
.etix.success:hover,
.etix.yellow-warning:hover {
    background: #1d5297;
    border-color: #1d5297;
    color: #fff
}

.btn.eventbrite,
.eventbrite.danger,
.eventbrite.dropdown,
.eventbrite.primary,
.eventbrite.secondary,
.eventbrite.submit,
.eventbrite.success,
.eventbrite.yellow-warning {
    background: #f05537;
    border-color: #f05537;
    color: #fff
}

.btn.eventbrite:hover,
.eventbrite.danger:hover,
.eventbrite.dropdown:hover,
.eventbrite.primary:hover,
.eventbrite.secondary:hover,
.eventbrite.submit:hover,
.eventbrite.success:hover,
.eventbrite.yellow-warning:hover {
    background: #ee411f;
    border-color: #ee411f;
    color: #fff
}

.btn.givebutter,
.givebutter.danger,
.givebutter.dropdown,
.givebutter.primary,
.givebutter.secondary,
.givebutter.submit,
.givebutter.success,
.givebutter.yellow-warning {
    background: #ffbf00;
    border-color: #ffbf00;
    color: #fff
}

.btn.givebutter:hover,
.givebutter.danger:hover,
.givebutter.dropdown:hover,
.givebutter.primary:hover,
.givebutter.secondary:hover,
.givebutter.submit:hover,
.givebutter.success:hover,
.givebutter.yellow-warning:hover {
    background: #e6ac00;
    border-color: #e6ac00;
    color: #fff
}

.btn.mixer,
.mixer.danger,
.mixer.dropdown,
.mixer.primary,
.mixer.secondary,
.mixer.submit,
.mixer.success,
.mixer.yellow-warning {
    background: #1fbaed;
    border-color: #1fbaed;
    color: #fff
}

.btn.mixer:hover,
.mixer.danger:hover,
.mixer.dropdown:hover,
.mixer.primary:hover,
.mixer.secondary:hover,
.mixer.submit:hover,
.mixer.success:hover,
.mixer.yellow-warning:hover {
    background: #12ade0;
    border-color: #12ade0;
    color: #fff
}

.btn.nightout,
.nightout.danger,
.nightout.dropdown,
.nightout.primary,
.nightout.secondary,
.nightout.submit,
.nightout.success,
.nightout.yellow-warning {
    background: #3273dc;
    border-color: #3273dc;
    color: #fff
}

.btn.nightout:hover,
.nightout.danger:hover,
.nightout.dropdown:hover,
.nightout.primary:hover,
.nightout.secondary:hover,
.nightout.submit:hover,
.nightout.success:hover,
.nightout.yellow-warning:hover {
    background: #2466d1;
    border-color: #2466d1;
    color: #fff
}

.btn.patreon,
.patreon.danger,
.patreon.dropdown,
.patreon.primary,
.patreon.secondary,
.patreon.submit,
.patreon.success,
.patreon.yellow-warning {
    background: #f96854;
    border-color: #f96854;
    color: #fff
}

.btn.patreon:hover,
.patreon.danger:hover,
.patreon.dropdown:hover,
.patreon.primary:hover,
.patreon.secondary:hover,
.patreon.submit:hover,
.patreon.success:hover,
.patreon.yellow-warning:hover {
    background: #65b0a3;
    border-color: #65b0a3;
    color: #fff
}

.btn.patronmanager,
.patronmanager.danger,
.patronmanager.dropdown,
.patronmanager.primary,
.patronmanager.secondary,
.patronmanager.submit,
.patronmanager.success,
.patronmanager.yellow-warning {
    background: #1bbaed;
    border-color: #1bbaed;
    color: #fff
}

.btn.patronmanager:hover,
.patronmanager.danger:hover,
.patronmanager.dropdown:hover,
.patronmanager.primary:hover,
.patronmanager.secondary:hover,
.patronmanager.submit:hover,
.patronmanager.success:hover,
.patronmanager.yellow-warning:hover {
    background: #11acdd;
    border-color: #11acdd;
    color: #fff
}

.btn.ror,
.ror.danger,
.ror.dropdown,
.ror.primary,
.ror.secondary,
.ror.submit,
.ror.success,
.ror.yellow-warning {
    background: #2370b9;
    border-color: #2370b9;
    color: #fff
}

.btn.ror:hover,
.ror.danger:hover,
.ror.dropdown:hover,
.ror.primary:hover,
.ror.secondary:hover,
.ror.submit:hover,
.ror.success:hover,
.ror.yellow-warning:hover {
    background: #1f63a4;
    border-color: #1f63a4;
    color: #fff
}

.btn.shopify,
.shopify.danger,
.shopify.dropdown,
.shopify.primary,
.shopify.secondary,
.shopify.submit,
.shopify.success,
.shopify.yellow-warning {
    background: #7ab55c;
    border-color: #7ab55c;
    color: #fff
}

.btn.shopify:hover,
.shopify.danger:hover,
.shopify.dropdown:hover,
.shopify.primary:hover,
.shopify.secondary:hover,
.shopify.submit:hover,
.shopify.success:hover,
.shopify.yellow-warning:hover {
    background: #6daa4d;
    border-color: #6daa4d;
    color: #fff
}

.btn.slack,
.slack.danger,
.slack.dropdown,
.slack.primary,
.slack.secondary,
.slack.submit,
.slack.success,
.slack.yellow-warning {
    background: #e01563;
    border-color: #e01563;
    color: #fff
}

.btn.slack:hover,
.slack.danger:hover,
.slack.dropdown:hover,
.slack.primary:hover,
.slack.secondary:hover,
.slack.submit:hover,
.slack.success:hover,
.slack.yellow-warning:hover {
    background: #c91359;
    border-color: #c91359;
    color: #fff
}

.btn.showclix,
.showclix.danger,
.showclix.dropdown,
.showclix.primary,
.showclix.secondary,
.showclix.submit,
.showclix.success,
.showclix.yellow-warning {
    background: #2370b9;
    border-color: #2370b9;
    color: #fff
}

.btn.showclix:hover,
.showclix.danger:hover,
.showclix.dropdown:hover,
.showclix.primary:hover,
.showclix.secondary:hover,
.showclix.submit:hover,
.showclix.success:hover,
.showclix.yellow-warning:hover {
    background: #1f63a4;
    border-color: #1f63a4;
    color: #fff
}

.btn.splash,
.splash.danger,
.splash.dropdown,
.splash.primary,
.splash.secondary,
.splash.submit,
.splash.success,
.splash.yellow-warning {
    background: #4c5def;
    border-color: #4c5def;
    color: #fff
}

.btn.splash:hover,
.splash.danger:hover,
.splash.dropdown:hover,
.splash.primary:hover,
.splash.secondary:hover,
.splash.submit:hover,
.splash.success:hover,
.splash.yellow-warning:hover {
    background: #3548ed;
    border-color: #3548ed;
    color: #fff
}

.btn.stellar,
.stellar.danger,
.stellar.dropdown,
.stellar.primary,
.stellar.secondary,
.stellar.submit,
.stellar.success,
.stellar.yellow-warning {
    background: #5424ec;
    border-color: #5424ec;
    color: #fff
}

.btn.stellar:hover,
.stellar.danger:hover,
.stellar.dropdown:hover,
.stellar.primary:hover,
.stellar.secondary:hover,
.stellar.submit:hover,
.stellar.success:hover,
.stellar.yellow-warning:hover {
    background: #4514e3;
    border-color: #4514e3;
    color: #fff
}

.btn.soundcloud,
.soundcloud.danger,
.soundcloud.dropdown,
.soundcloud.primary,
.soundcloud.secondary,
.soundcloud.submit,
.soundcloud.success,
.soundcloud.yellow-warning {
    background: #ff8a1f;
    border-color: #ff8a1f;
    color: #fff
}

.btn.soundcloud:hover,
.soundcloud.danger:hover,
.soundcloud.dropdown:hover,
.soundcloud.primary:hover,
.soundcloud.secondary:hover,
.soundcloud.submit:hover,
.soundcloud.success:hover,
.soundcloud.yellow-warning:hover {
    background: #ff7d06;
    border-color: #ff7d06;
    color: #fff
}

.btn.spotify,
.spotify.danger,
.spotify.dropdown,
.spotify.primary,
.spotify.secondary,
.spotify.submit,
.spotify.success,
.spotify.yellow-warning {
    background: #1db954;
    border-color: #1db954;
    color: #fff
}

.btn.spotify:hover,
.spotify.danger:hover,
.spotify.dropdown:hover,
.spotify.primary:hover,
.spotify.secondary:hover,
.spotify.submit:hover,
.spotify.success:hover,
.spotify.yellow-warning:hover {
    background: #1aa34a;
    border-color: #1aa34a;
    color: #fff
}

.btn.ticketbud,
.ticketbud.danger,
.ticketbud.dropdown,
.ticketbud.primary,
.ticketbud.secondary,
.ticketbud.submit,
.ticketbud.success,
.ticketbud.yellow-warning {
    background: #d11d4e;
    border-color: #d11d4e;
    color: #fff
}

.btn.ticketbud:hover,
.ticketbud.danger:hover,
.ticketbud.dropdown:hover,
.ticketbud.primary:hover,
.ticketbud.secondary:hover,
.ticketbud.submit:hover,
.ticketbud.success:hover,
.ticketbud.yellow-warning:hover {
    background: #bb1a46;
    border-color: #bb1a46;
    color: #fff
}

.btn.ticketmaster,
.ticketmaster.danger,
.ticketmaster.dropdown,
.ticketmaster.primary,
.ticketmaster.secondary,
.ticketmaster.submit,
.ticketmaster.success,
.ticketmaster.yellow-warning {
    background: #009cde;
    border-color: #009cde;
    color: #fff
}

.btn.ticketmaster:hover,
.ticketmaster.danger:hover,
.ticketmaster.dropdown:hover,
.ticketmaster.primary:hover,
.ticketmaster.secondary:hover,
.ticketmaster.submit:hover,
.ticketmaster.success:hover,
.ticketmaster.yellow-warning:hover {
    background: #008ac5;
    border-color: #008ac5;
    color: #fff
}

.btn.twitch,
.twitch.danger,
.twitch.dropdown,
.twitch.primary,
.twitch.secondary,
.twitch.submit,
.twitch.success,
.twitch.yellow-warning {
    background: #772ce8;
    border-color: #772ce8;
    color: #fff
}

.btn.twitch:hover,
.twitch.danger:hover,
.twitch.dropdown:hover,
.twitch.primary:hover,
.twitch.secondary:hover,
.twitch.submit:hover,
.twitch.success:hover,
.twitch.yellow-warning:hover {
    background: #6919e2;
    border-color: #6919e2;
    color: #fff
}

.btn.twitter,
.twitter.danger,
.twitter.dropdown,
.twitter.primary,
.twitter.secondary,
.twitter.submit,
.twitter.success,
.twitter.yellow-warning {
    background: #19a0e9;
    border-color: #19a0e9;
    color: #fff
}

.btn.twitter:hover,
.twitter.danger:hover,
.twitter.dropdown:hover,
.twitter.primary:hover,
.twitter.secondary:hover,
.twitter.submit:hover,
.twitter.success:hover,
.twitter.yellow-warning:hover {
    background: #1491d4;
    border-color: #1491d4;
    color: #fff
}

.btn.webconnex,
.webconnex.danger,
.webconnex.dropdown,
.webconnex.primary,
.webconnex.secondary,
.webconnex.submit,
.webconnex.success,
.webconnex.yellow-warning {
    background: #fbcf26;
    border-color: #fbcf26;
    color: #fff
}

.btn.webconnex:hover,
.webconnex.danger:hover,
.webconnex.dropdown:hover,
.webconnex.primary:hover,
.webconnex.secondary:hover,
.webconnex.submit:hover,
.webconnex.success:hover,
.webconnex.yellow-warning:hover {
    background: #fbc90d;
    border-color: #fbc90d;
    color: #fff
}

.btn.youtube,
.btn.youtube-live,
.youtube-live.danger,
.youtube-live.dropdown,
.youtube-live.primary,
.youtube-live.secondary,
.youtube-live.submit,
.youtube-live.success,
.youtube-live.yellow-warning,
.youtube.danger,
.youtube.dropdown,
.youtube.primary,
.youtube.secondary,
.youtube.submit,
.youtube.success,
.youtube.yellow-warning {
    background: red;
    border-color: red;
    color: #fff
}

.btn.youtube-live:hover,
.btn.youtube:hover,
.youtube-live.danger:hover,
.youtube-live.dropdown:hover,
.youtube-live.primary:hover,
.youtube-live.secondary:hover,
.youtube-live.submit:hover,
.youtube-live.success:hover,
.youtube-live.yellow-warning:hover,
.youtube.danger:hover,
.youtube.dropdown:hover,
.youtube.primary:hover,
.youtube.secondary:hover,
.youtube.submit:hover,
.youtube.success:hover,
.youtube.yellow-warning:hover {
    background: #e60000;
    border-color: #e60000;
    color: #fff
}

.btn.zapier,
.zapier.danger,
.zapier.dropdown,
.zapier.primary,
.zapier.secondary,
.zapier.submit,
.zapier.success,
.zapier.yellow-warning {
    background: #ff4a00;
    border-color: #ff4a00;
    color: #fff
}

.btn.zapier:hover,
.zapier.danger:hover,
.zapier.dropdown:hover,
.zapier.primary:hover,
.zapier.secondary:hover,
.zapier.submit:hover,
.zapier.success:hover,
.zapier.yellow-warning:hover {
    background: #e64300;
    border-color: #e64300;
    color: #fff
}

.btn.zoom,
.zoom.danger,
.zoom.dropdown,
.zoom.primary,
.zoom.secondary,
.zoom.submit,
.zoom.success,
.zoom.yellow-warning {
    background: #2d8cff;
    border-color: #2d8cff;
    color: #fff
}

.btn.zoom:hover,
.zoom.danger:hover,
.zoom.dropdown:hover,
.zoom.primary:hover,
.zoom.secondary:hover,
.zoom.submit:hover,
.zoom.success:hover,
.zoom.yellow-warning:hover {
    background: #147eff;
    border-color: #147eff;
    color: #fff
}

.btn.donate,
.donate.danger,
.donate.dropdown,
.donate.primary,
.donate.secondary,
.donate.submit,
.donate.success,
.donate.yellow-warning {
    background: #dc3e9a;
    border: 0;
    color: #fff
}

.btn.donate:hover,
.donate.danger:hover,
.donate.dropdown:hover,
.donate.primary:hover,
.donate.secondary:hover,
.donate.submit:hover,
.donate.success:hover,
.donate.yellow-warning:hover {
    background: #c33588;
    border: 0
}

.btn .td-spinner,
.danger .td-spinner,
.dropdown .td-spinner,
.primary .td-spinner,
.secondary .td-spinner,
.submit .td-spinner,
.success .td-spinner,
.yellow-warning .td-spinner {
    bottom: 0;
    height: 24px;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    widows: 100%
}

.large {
    font-size: var(--font-size-default);
    line-height: 28px;
    min-height: 55.75px;
    padding: 1.25rem 2.25rem 1.325rem
}

.medium {
    font-size: var(--font-size-small);
    line-height: 24px;
    min-height: 48px;
    padding: .875rem 2rem .95rem
}

.small {
    font-size: var(--font-size-tiny);
    line-height: 20px;
    min-height: 38.75px;
    padding: .75rem 1.5rem .8255rem
}

@media only screen and (max-width:1224px) {
    .small {
        padding: .75rem 1rem .8255rem
    }
}

.tiny {
    font-size: var(--font-size-tiny);
    line-height: 20px;
    min-height: 32.75px;
    padding: .5rem 1rem .575rem
}

.expand {
    width: 100%
}

@media only screen and (max-width:1224px) {
    .expand-when-small {
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }
}

.margin-right {
    margin-right: 1rem
}

.margin-left {
    margin-left: 1rem
}

@media only screen and (max-width:1224px) {
    .hide-when-small {
        display: none
    }
}

.primary {
    background: var(--turq-contrast);
    border-color: var(--turq);
    color: var(--turq)
}

.primary:hover {
    background: var(--turq-med);
    color: var(--btn-primary-bg);
    color: var(--turq)
}

.primary.filled {
    background: var(--sea);
    border-color: var(--sea);
    color: #fff
}

.primary.filled:hover {
    background: hsla(var(--sea-h), calc(var(--sea-s)), calc(var(--sea-l) - 2%), 1);
    color: #fff
}

.success {
    background: var(--purp);
    border-color: var(--purp);
    color: #fff
}

.success:hover {
    background: hsla(var(--purp-h), calc(var(--purp-s)), calc(var(--purp-l) - 5%), 1);
    color: #fff
}

.success.hollow {
    background: var(--purp-contrast);
    color: var(--purp)
}

.success.hollow:hover {
    background: hsla(var(--purp-contrast-h), calc(var(--purp-contrast-s)), calc(var(--purp-contrast-l) + 2%), 1);
    color: var(--purp)
}

.submit {
    background: var(--green-contrast);
    color: var(--green)
}

.submit:hover {
    background: hsla(var(--green-contrast-h), calc(var(--green-contrast-s)), calc(var(--green-contrast-l) + 2%), 1);
    color: var(--green)
}

.submit:disabled {
    background: unset
}

.border-color-unset:hover,
.submit:disabled {
    border-color: unset
}

.secondary {
    background: var(--base-contrast);
    border-color: var(--med-gray);
    color: var(--text-color)
}

.secondary.primary {
    background: var(--turq-contrast);
    border-color: var(--turq);
    color: var(--btn-primary-bg)
}

.secondary.success {
    background: var(--purp-contrast);
    color: var(--btn-success-bg)
}

.secondary:hover {
    background: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l)), .04);
    color: var(--text-color)
}

.secondary:hover.primary {
    background: hsla(var(--turq-contrast-h), calc(var(--turq-contrast-s)), calc(var(--turq-contrast-l) + 2%), 1);
    color: var(--btn-primary-bg)
}

.secondary:hover.success {
    background: hsla(var(--purp-contrast-h), calc(var(--purp-contrast-s)), calc(var(--purp-contrast-l) + 2%), 1);
    color: var(--btn-success-bg)
}

.danger {
    background: var(--red-contrast);
    color: var(--red)
}

.danger:hover {
    background: hsla(var(--red-contrast-h), calc(var(--red-contrast-s)), calc(var(--red-contrast-l) + 4%), 1);
    color: var(--red)
}

.yellow-warning {
    background: var(--yellow-contrast);
    color: var(--yellow)
}

.yellow-warning:hover {
    background: hsla(var(--yellow-contrast-h), calc(var(--yellow-contrast-s)), calc(var(--yellow-contrast-l) + 4%), 1);
    color: var(--yellow)
}

.disabled {
    border-color: unset;
    box-shadow: none;
    cursor: not-allowed;
    opacity: .6;
    pointer-events: none
}

.dropdown {
    border: none;
    display: block;
    letter-spacing: normal;
    text-transform: none
}

.dropdown .react-select__control {
    background-color: var(--med-gray) !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer;
    padding: 1.25rem 1rem
}

.dropdown .react-select__control .react-select__indicators {
    display: none
}

.dropdown .react-select__control .react-select__value-container .react-select__placeholder {
    color: var(--text-color) !important
}

.dropdown .react-select__control:hover {
    background-color: var(--concrete) !important
}

.dropdown .react-select__menu {
    box-shadow: none !important;
    text-align: left !important
}

.dropdown .react-select__menu .react-select__menu-list {
    padding: 0
}

.dropdown .react-select__menu .react-select__menu-list .react-select__option {
    background-color: var(--dark-gray) !important;
    padding: 1.25rem 1rem !important
}

.dropdown .react-select__menu .react-select__menu-list .react-select__option.first-child {
    border-top: none !important
}

.dropdown .react-select__menu .react-select__menu-list .react-select__option.react-select__option--is-focused {
    background-color: var(--med-gray) !important
}

.hidden {
    display: none
}

.button-tooltip {
    background: var(--concrete) !important;
    color: var(--text-color);
    font-family: var(--sans-serif);
    font-size: var(--font-size-default);
    letter-spacing: normal;
    max-width: 250px;
    opacity: 1 !important;
    text-align: left;
    text-transform: none;
    z-index: 9999
}

.button-tooltip ul {
    list-style: disc;
    list-style-type: disc;
    margin: 1rem
}

.button-tooltip ul li {
    display: block
}

.button-tooltip:after {
    border-bottom-color: var(--concrete) !important
}

.react-sanfona {
    margin-bottom: 3rem
}

.react-sanfona .react-sanfona-item {
    background: var(--base-contrast);
    border-radius: 2px;
    margin: 0 0 1.5rem
}

.react-sanfona .react-sanfona-item .accordion-step-check i {
    color: var(--green);
    font-size: 20px;
    margin-right: 1.5rem;
    vertical-align: middle
}

.react-sanfona .react-sanfona-item .accordion-step-number {
    background: hsla(var(--gray-h), calc(var(--gray-s)), calc(var(--gray-l) + 20%), 1);
    border-radius: .9em;
    color: var(--base-contrast);
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    font-weight: 600;
    line-height: 1.6em;
    margin-right: 1.5rem;
    text-align: center;
    vertical-align: text-top;
    width: 1.6em
}

.react-sanfona .react-sanfona-item .accordion-title-container {
    display: table;
    width: 100%
}

.react-sanfona .react-sanfona-item .accordion-title-container .accordion-title-icon {
    display: table-cell;
    vertical-align: middle;
    width: 21px
}

.react-sanfona .react-sanfona-item .accordion-title-container .accordion-title-label {
    display: table-cell;
    vertical-align: middle
}

.react-sanfona .react-sanfona-item .accordion-done-btn {
    background: none;
    border: 1px solid var(--dark-gray);
    color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l) - 15%), 1);
    display: none;
    margin-left: 1rem;
    padding: .625rem 2rem .6875rem
}

.react-sanfona .react-sanfona-item .accordion-done-btn:hover {
    border: 1px solid var(--turq);
    color: var(--turq)
}

.react-sanfona .react-sanfona-item .accordion-done-btn i {
    margin-left: 5px;
    margin-right: 5px
}

.react-sanfona .react-sanfona-item .react-sanfona-item-title {
    background-color: hsla(var(--base-contrast-h), calc(var(--base-contrast-s)), calc(var(--base-contrast-l) + 2.5%), 1);
    border: 1px solid var(--dark-gray);
    border-radius: 2px;
    box-sizing: border-box;
    color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l) - 25%), 1);
    font-size: 16px;
    font-weight: 600;
    padding: 2rem 1.5rem;
    position: relative;
    transition: all .2s ease-in-out
}

.react-sanfona .react-sanfona-item .react-sanfona-item-title.preview {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    font-size: 14px;
    padding: 1rem 1.5rem;
    position: fixed;
    top: 0;
    width: 81vw
}

.react-sanfona .react-sanfona-item .accordion-title-preview {
    background-color: hsla(var(--base-contrast-h), calc(var(--base-contrast-s)), calc(var(--base-contrast-l) + 2.5%), 1);
    border: 1px solid var(--dark-gray);
    border-radius: 2px;
    color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l) - 25%), 1);
    font-size: 16px;
    font-weight: 600;
    padding: 2rem 1.5rem;
    position: relative;
    position: fixed;
    top: 0;
    transition: all .2s ease-in-out;
    width: 81vw
}

.react-sanfona .react-sanfona-item .accordion-title-preview .accordion-title-label {
    line-height: 28px
}

.react-sanfona .react-sanfona-item.react-sanfona-item-expanded .accordion-step-check i {
    color: var(--text-color)
}

.react-sanfona .react-sanfona-item.react-sanfona-item-expanded .react-sanfona-item-title {
    background-color: hsla(var(--base-contrast-h), calc(var(--base-contrast-s)), calc(var(--base-contrast-l) + 2.5%), 1);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: var(--turq);
    color: #fff
}

.react-sanfona .react-sanfona-item.react-sanfona-item-expanded .accordion-step-number {
    background: var(--turq);
    color: var(--text-color)
}

.react-sanfona .react-sanfona-item.react-sanfona-item-expanded .accordion-done-btn {
    display: inline-block
}

.react-sanfona .react-sanfona-item-hint {
    background: var(--base-contrast);
    border-left: 1px solid var(--dark-gray);
    border-right: 1px solid var(--dark-gray);
    color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l) - 30%), 1);
    display: flex;
    font-size: 14px;
    line-height: 19px;
    padding: 1.5rem 3rem
}

.react-sanfona .react-sanfona-item-hint .react-sanfona-item-hint-icon {
    display: block;
    line-height: 18px;
    padding-right: 1rem
}

.react-sanfona .react-sanfona-item-body-wrapper {
    border: 1px solid var(--dark-gray);
    color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l) + 20%), 1);
    padding: 1rem;
    position: relative
}

.react-sanfona .react-sanfona-item:hover .react-sanfona-item-title {
    border-color: var(--turq)
}

.react-sanfona .review-container {
    padding: 1rem
}

.react-sanfona .review-container .review-container-header-wrap {
    margin: 2rem 0
}

.react-sanfona .review-container .review-container-header-wrap .review-container-header-boost {
    margin-bottom: 2rem
}

.react-sanfona .review-container .review-container-header-wrap .review-container-header-title {
    color: var(--text-color);
    font-size: 20px;
    font-weight: 600
}

.react-sanfona .review-container .review-container-header-wrap .review-container-header-desc {
    color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l) - 20%), 1);
    font-size: 16px;
    line-height: 24px;
    margin: 1rem 0
}

.react-sanfona .review-container .review-container-header-wrap .review-container-header-desc-highlight {
    color: var(--green)
}

.react-sanfona .review-container.review-unfinished {
    margin: 1rem
}

.react-sanfona .review-container.review-unfinished .review-unfinished-header {
    border-bottom: 1px solid var(--dark-gray);
    margin-bottom: 2rem;
    padding: 2rem 1rem;
    text-align: left
}

.react-sanfona .review-container.review-unfinished .review-unfinished-header .review-unfinished-header-icon {
    color: var(--text-color);
    display: inline-block;
    font-size: 32px
}

.react-sanfona .review-container.review-unfinished .review-unfinished-header .review-unfinished-header-content {
    display: inline-block;
    padding: 0 2rem
}

.react-sanfona .review-container.review-unfinished .review-unfinished-header .review-unfinished-header-content .review-unfinished-header-title {
    color: var(--text-color);
    font-size: 18px;
    font-weight: 600;
    line-height: 32px
}

.react-sanfona .review-container.review-unfinished .review-unfinished-header .review-unfinished-header-content .review-unfinished-header-subtitle {
    color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l) - 20%), 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px
}

.react-sanfona .review-container.review-unfinished .review-unfinished-item {
    margin-bottom: 1rem;
    padding: 1rem
}

.react-sanfona .review-container.review-unfinished .review-unfinished-item .review-unfinished-item-desc {
    color: var(--text-color);
    font-size: 14px
}

.react-sanfona .review-container.review-unfinished .review-unfinished-item .review-unfinished-item-btn i {
    margin-left: 5px
}

.react-sanfona.light-theme .secondary {
    background: #f8f8f8;
    color: #545454
}

.react-sanfona.light-theme .secondary:hover {
    background: #ebebeb;
    color: #545454
}

.react-sanfona.light-theme .primary {
    background: #ebfbff;
    color: #00a0d0
}

.react-sanfona.light-theme .primary:hover {
    background: #e1f9ff;
    color: #00a0d0
}

.react-sanfona.light-theme .react-sanfona-item {
    background: #f8f8f8
}

.react-sanfona.light-theme .react-sanfona-item .accordion-title-container .accordion-done-btn {
    background: #ebebeb;
    border: 1px solid gray;
    color: gray
}

.react-sanfona.light-theme .react-sanfona-item .accordion-step-check i {
    color: hsla(var(--green-h), calc(var(--green-s)), calc(var(--green-l) - 5%), 1)
}

.react-sanfona.light-theme .react-sanfona-item.react-sanfona-item-expanded .accordion-step-check i {
    color: #545454
}

.react-sanfona.light-theme .react-sanfona-item-hint {
    background: #f8f8f8;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    color: #545454
}

.react-sanfona.light-theme .react-sanfona-item-title {
    background: #f8f8f8;
    color: #545454
}

.react-sanfona.light-theme .react-sanfona-item-body-wrapper {
    border: 1px solid #d2d2d2
}

.react-sanfona.light-theme .new-ad-container .new-ad-audience-campaign-action,
.react-sanfona.light-theme .new-ad-container .new-ad-campaign-label {
    color: #545454
}

.react-sanfona.light-theme .new-ad-container .new-ad-audience-targeting .new-ad-audience-targeting-list .new-ad-audience-targeting-item {
    background: #ebebeb;
    color: #545454
}

.react-sanfona.light-theme .new-ad-container .new-ad-audience-targeting .new-ad-audience-targeting-list .new-ad-audience-targeting-item .new-ad-audience-targeting-item-desc,
.react-sanfona.light-theme .new-ad-container .new-ad-audience-targeting .new-ad-audience-targeting-list .new-ad-audience-targeting-item .new-ad-audience-targeting-item-name {
    color: #545454
}

.react-sanfona.light-theme .new-ad-container .new-ad-audience-targeting .new-ad-audience-targeting-list .new-ad-audience-targeting-item .targeting-item-actions button .fa {
    color: #545454 !important
}

.react-sanfona.light-theme .new-ad-container .new-ad-audience-targeting .new-ad-audience-targeting-list .new-ad-audience-targeting-item-add .new-ad-audience-targeting-item-add-btn {
    background: #f8f8f8
}

.react-sanfona.light-theme .new-ad-container .new-ad-audience-targeting .new-ad-audience-targeting-details .new-ad-audience-targeting-details-header,
.react-sanfona.light-theme .new-ad-container .new-ad-audience-targeting .new-ad-audience-targeting-details .new-ad-audience-targeting-details-template b,
.react-sanfona.light-theme .new-ad-container .new-ad-audience-targeting .new-ad-container .new-ad-audience-targeting .new-ad-audience-targeting-details .new-ad-audience-targeting-details-options .new-ad-audience-targeting-details-options-header {
    color: #545454
}

.react-sanfona.light-theme .new-ad-container .new-ad-audience-targeting .new-ad-audience-targeting-details .new-ad-audience-targeting-details-template:hover {
    border: 1px solid #d7d7d7
}

.react-sanfona.light-theme .new-ad-container .new-ad-audience-targeting .new-ad-audience-targeting-details-options .new-ad-audience-targeting-details-options-header .new-ad-audience-targeting-details-options-header-sub,
.react-sanfona.light-theme .new-ad-container .new-ad-audience-targeting .new-ad-audience-targeting-params .new-ad-audience-targeting-params-row .new-ad-audience-targeting-params-title {
    color: #616161
}

.react-sanfona.light-theme .Select .Select-control {
    border: 1px solid #d2d2d2;
    color: #545454
}

.react-sanfona.light-theme .Select .Select-control .Select-value {
    color: #545454
}

.react-sanfona.light-theme .Select .is-open>.Select-control {
    background: #f0f0f0;
    border-color: #d2d2d2
}

.react-sanfona.light-theme .Select .has-value>.Select-control>.Select-placeholder {
    color: #545454
}

.react-sanfona.light-theme .Select .Select-menu-outer {
    background: #f0f0f0;
    border-color: #d2d2d2
}

.react-sanfona.light-theme .Select .Select-option {
    color: #545454
}

.react-sanfona.light-theme .Select .Select-option.is-focused {
    background: #ebebeb
}

.react-sanfona.light-theme .Select .Select.Select--multi .Select-value {
    background: #e6e6e6;
    border: 1px solid #d2d2d2
}

.react-sanfona.light-theme .form-textfield .form-textfield-label {
    color: #545454
}

.react-sanfona.light-theme .form-textfield .form-textfield-input-wrap .form-textfield-input-field {
    border: 1px solid #d2d2d2;
    color: #545454
}

.react-sanfona.light-theme .form-textfield .form-textfield-input-wrap .form-textfield-input-field:focus {
    color: #545454
}

form {
    margin: 0
}

label {
    font-size: var(--font-size-default);
    font-weight: 600
}

input[type=checkbox],
input[type=radio] {
    line-height: normal;
    margin: 3px 0 0;
    margin-top: 1px\9
}

input[type=file] {
    display: none
}

input,
textarea {
    color: var(--text-color);
    font-size: var(--font-size-default)
}

.form-label-row .form-label-icon-wrap {
    flex-basis: 40px;
    max-width: 40px;
    padding-right: 1rem
}

.form-label-row .form-label-icon-wrap .form-label-icon {
    font-size: 24px
}

.form-label-row .form-label-icon-wrap .form-label-icon-success {
    color: var(--green)
}

.form-label-row .form-label-container {
    box-sizing: border-box;
    flex: 1 1;
    margin: 0 0 .5rem;
    padding: 0
}

.form-label-row .form-label-container .form-label {
    color: var(--text-color);
    cursor: inherit;
    display: inline-block;
    font-size: var(--font-size-default);
    font-weight: 600;
    padding: 0 0 .5rem;
    width: 100%
}

.form-label-row .form-label-container .form-label .form-label-sub {
    color: var(--text-color-contrast);
    padding-left: 5px
}

.form-label-row .form-label-container .form-label .form-sublabel {
    color: var(--text-color-contrast);
    display: block;
    font-size: var(--font-size-default);
    font-weight: 400;
    line-height: normal;
    margin: .5rem 0 0;
    transition: color .2s ease-in-out
}

.form-label-row .form-label-container .form-label .form-sublabel-with-icon {
    align-items: center;
    display: flex
}

.form-label-row .form-label-container .form-label .form-label-banner {
    border-radius: 3px;
    color: var(--turq);
    display: inline-block;
    font-size: 10px;
    font-size: var(--font-size-tiny);
    font-weight: 600;
    letter-spacing: 1px;
    margin-left: 5px;
    text-transform: uppercase
}

.form-label-row .form-label-container .form-label.form-label-large,
.form-label-row .form-label-container .form-label.form-label-large .form-sublabel {
    font-size: var(--font-size-large)
}

.form-label-row .form-label-container .form-label.form-label-small {
    font-size: var(--font-size-small);
    line-height: normal
}

.form-label-row .form-label-container .form-label.form-label-small .form-sublabel {
    font-size: var(--font-size-small)
}

.form-label-row .form-label-container .form-label.form-label-subtle {
    color: var(--text-color-contrast);
    font-size: var(--font-size-small)
}

.form-label-row .form-label-container .form-label.form-label-subtle .form-sublabel {
    font-size: var(--font-size-small)
}

.form-label-row .form-label-container .form-label.form-label-prominent {
    font-size: var(--font-size-massive);
    font-weight: 300;
    line-height: normal
}

.form-label-row .form-label-container .form-label.form-label-prominent .form-sublabel {
    font-size: var(--font-size-medium)
}

.form-label-row .form-label-container .form-label-right {
    float: right;
    padding: .5rem
}

.form-checkbox {
    text-align: left
}

.form-checkbox.label {
    color: var(--text-color) !important;
    font-size: var(--font-size-default) !important;
    font-weight: 600 !important
}

.form-checkbox.light-label {
    color: var(--text-color-contrast) !important;
    font-size: var(--font-size-default) !important;
    font-weight: 400 !important
}

.form-toggle .form-toggle-label-wrap {
    color: var(--text-color-contrast);
    font-size: var(--font-size-small);
    padding-bottom: 8px
}

.form-toggle.form-toggle-inline .form-toggle-label-wrap {
    display: inline-block;
    padding: 0 .5rem;
    vertical-align: middle
}

.form-toggle.form-toggle-inline .form-toggle-switch-wrap {
    display: inline-block
}

.form-upload {
    box-sizing: border-box;
    position: relative;
    width: 100%
}

.form-upload-btn,
.image-upload-btn,
.track-upload-btn {
    border: 0;
    display: none;
    font-size: 0;
    outline: 0
}

.form-upload-field {
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--text-color);
    cursor: pointer;
    display: block;
    font-family: var(--sans-serif);
    font-size: var(--font-size-tiny);
    font-weight: 600;
    letter-spacing: 1px;
    outline: none;
    outline: 0;
    padding: 1.125rem 2.25rem 1.1875rem;
    text-align: center;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%
}

.form-upload-field.image-upload-field {
    background: var(--base-contrast);
    border: 2px dashed;
    border-color: var(--med-gray);
    color: var(--text-color-contrast);
    padding-left: 0;
    padding-right: 0
}

.form-upload-field.image-upload-field:hover {
    background: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l)), .04);
    color: var(--text-color)
}

.form-upload-field.image-upload-field.active-icon-image i.fa.fa-image,
.form-upload-field.image-upload-field.active-icon-video i.fa.fa-video-camera {
    color: var(--turq)
}

.form-upload-field.image-upload-field.podpage {
    background: none;
    border: 1px dashed;
    padding: .25rem 0
}

.form-upload-field.prize-upload-field {
    margin-bottom: 1rem;
    padding-left: 4rem;
    padding-right: 4rem
}

.form-upload-field.track-upload-field {
    background: var(--turq-contrast);
    border: 1px solid var(--turq);
    color: var(--text-color)
}

.form-upload-field.track-upload-field:hover {
    background: var(--turq-med);
    color: var(--text-color)
}

.form-upload-loader-wrap {
    background: var(--concrete);
    border-radius: 2px;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.form-upload-loader-wrap .form-upload-loader-front {
    background: var(--turq);
    border-radius: 2px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: width .2s ease-in-out;
    width: 25%
}

.form-upload-loader-wrap .form-upload-loader-label {
    bottom: 0;
    font-size: 10px;
    font-weight: 600;
    height: 21px;
    left: 0;
    letter-spacing: 1px;
    margin: auto;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 2
}

.form-input {
    background: var(--base-contrast);
    border: 1px solid;
    border-radius: 2px;
    color: var(--text-color-contrast);
    padding: .625rem 1.25rem;
    transition: all .2s ease-in-out;
    width: 100%
}

.form-input:focus {
    color: var(--text-color);
    outline: 0
}

.form-tag {
    margin: 1rem 0 0
}

.form-tag .form-tag-field-standard {
    text-align: left
}

.form-tag .form-tag-field-standard .react-select__control {
    padding: .5rem
}

.form-tag .form-tag-field-standard .react-select__control .react-select__multi-value {
    background-color: var(--turq-contrast);
    border: 1px solid var(--turq);
    padding: 4px 1px
}

.form-tag .form-tag-field-standard .react-select__control .react-select__multi-value .react-select__multi-value__label,
.form-tag .form-tag-field-standard .react-select__control .react-select__multi-value .react-select__multi-value__remove {
    color: var(--turq)
}

.form-tag .form-tag-field-list-view {
    margin: 0;
    text-align: left
}

.form-tag .form-tag-field-list-view .react-select {
    margin: 0;
    outline: none
}

.form-tag .form-tag-field-list-view .react-select .react-select__control.react-select__control--is-focused {
    border-radius: 0;
    border-top: 1px solid var(--turq);
    box-shadow: none
}

.form-tag .form-tag-field-list-view .react-select .react-select__menu {
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    margin-bottom: 0
}

.form-tag .form-tag-field-list-view .react-select__control {
    border: 0;
    border-top: 1px solid var(--med-gray);
    min-height: 58px;
    padding: 1rem 0 1rem .75rem
}

.form-tag .form-tag-field-list-view .react-select__control .react-select__input {
    line-height: 30px;
    margin-left: 5px
}

.form-tag .form-tag-field-list-view .react-select__control .react-select__placeholder {
    font-size: var(--font-size-tiny);
    padding: 5px 52px 3px 10px
}

.form-tag .form-tag-field-list-view .react-select__menu {
    margin-top: 1px;
    position: relative !important
}

.form-tag .form-tag-field-list-view .react-select__multi-value {
    background: var(--turq-contrast) !important;
    border: 1px solid var(--turq);
    border-radius: 3px;
    font-size: var(--font-size-tiny);
    margin: 2px 0 4px 6px;
    padding: 4px 1px
}

.form-tag .form-tag-field-list-view .react-select__multi-value .react-select__multi-value__label,
.form-tag .form-tag-field-list-view .react-select__multi-value .react-select__multi-value__remove {
    color: var(--turq) !important
}

.form-tag .form-tag-field-list-view .react-select__multi-value .react-select__multi-value__remove {
    font-size: 12px;
    padding: 2px 5px
}

.form-textfield-full {
    width: 100%
}

.form-textfield {
    margin-bottom: 1rem
}

.form-textfield .form-textfield-label {
    color: var(--text-color);
    font-size: var(--font-size-default);
    font-weight: 600;
    line-height: 19px;
    padding: 1rem 0;
    text-align: left;
    transition: color .2s ease-in-out
}

.form-textfield .form-textfield-label .right-link {
    float: right;
    font-size: 10px;
    font-size: var(--font-size-tiny)
}

.form-textfield .form-textfield-label .form-textfield-label-sub {
    color: var(--text-color-contrast);
    padding-left: 5px
}

.form-textfield .form-textfield-label .form-textfield-label-hint {
    color: var(--text-color-contrast);
    font-size: var(--font-size-default);
    font-weight: 400;
    margin: .5rem 0 0;
    transition: color .2s ease-in-out
}

.form-textfield .form-textfield-label.form-textfield-label-subtle {
    color: var(--text-color-contrast);
    font-size: var(--font-size-small)
}

.form-textfield .form-textfield-label.form-textfield-label-subtle .form-textfield-label-hint {
    font-size: var(--font-size-small)
}

.form-textfield .form-textfield-label.form-textfield-label-inline {
    padding-right: 1rem
}

.form-textfield .form-textfield-label.active {
    color: var(--turq)
}

.form-textfield .form-textfield-label.active .form-textfield-label-hint {
    color: var(--text-color)
}

.form-textfield .form-textfield-input-wrap {
    display: flex;
    position: relative
}

.form-textfield .form-textfield-input-wrap .form-textfield-border-label {
    color: var(--text-color-alt);
    display: inline-block;
    font-size: var(--font-size-tiny);
    padding-bottom: .5rem
}

.form-textfield .form-textfield-input-wrap .form-textfield-input-field {
    background: none;
    background: transparent;
    border: 1px solid;
    border-color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l)), .15);
    border-radius: 2px;
    box-sizing: border-box;
    flex: 1 1;
    font-size: var(--font-size-default);
    line-height: 19px;
    outline: 0;
    padding: 1rem;
    transition: all .2s ease-in-out;
    width: 100%
}

.form-textfield .form-textfield-input-wrap .form-textfield-input-field:focus {
    background: rgba(0, 0, 0, .07);
    border-color: var(--turq);
    color: var(--text-color)
}

.form-textfield .form-textfield-input-wrap .form-textfield-input-field:disabled {
    cursor: not-allowed
}

.form-textfield .form-textfield-input-wrap .form-textfield-input-field.pre-left {
    padding-left: 32px
}

.form-textfield .form-textfield-input-wrap .form-textfield-input-field.post-right {
    padding-right: 45px
}

.form-textfield .form-textfield-input-wrap .form-textfield-input-field.action-right {
    border-bottom-right-radius: 0;
    border-right: 0;
    border-top-right-radius: 0
}

.form-textfield .form-textfield-input-wrap .form-textfield-input-field::-moz-placeholder {
    color: var(--text-color-alt)
}

.form-textfield .form-textfield-input-wrap .form-textfield-input-field::placeholder {
    color: var(--text-color-alt)
}

.form-textfield .form-textfield-input-wrap .form-textfield-input-field-action {
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    box-sizing: border-box;
    font-size: var(--font-size-tiny);
    font-weight: 600;
    height: auto;
    line-height: 19px;
    padding: 1rem 2rem;
    position: relative;
    right: 0
}

.form-textfield .form-textfield-input-wrap .form-textfield-input-field-action.form-textfield-input-field-action-active {
    border: 1px solid var(--turq)
}

.form-textfield .form-textfield-error {
    color: var(--red);
    font-size: var(--font-size-small);
    padding: 1rem 0;
    text-align: left
}

.form-textfield .form-textfield-error.ad-input {
    padding: 1rem
}

.form-textfield .form-textfield-pre {
    align-self: stretch;
    background: rgba(0, 0, 0, .1);
    bottom: 0;
    color: var(--text-color-contrast);
    font-size: var(--font-size-tiny);
    font-weight: 600;
    left: 0;
    padding: 1rem .5rem;
    position: relative;
    text-align: center;
    top: 0;
    width: 32px;
    word-break: break-all
}

.form-textfield .form-textfield-pre i {
    margin: 0 5px
}

.form-textfield .form-textfield-post {
    align-self: stretch;
    background: rgba(0, 0, 0, .1);
    bottom: 0;
    color: var(--text-color-contrast);
    font-size: var(--font-size-tiny);
    font-weight: 600;
    padding: 1rem;
    position: relative;
    right: 0;
    text-align: center;
    top: 0
}

.form-textfield .form-textfield-post i {
    margin: 0 5px
}

.form-textfield .form-textfield-loading {
    background: rgba(0, 0, 0, .1);
    padding: 14px;
    position: absolute;
    right: 0;
    top: 0
}

.form-textfield.form-textfield-has-post .form-textfield-input-wrap,
.form-textfield.form-textfield-has-pre .form-textfield-input-wrap {
    display: flex
}

.form-textfield textarea {
    color: var(--text-color) !important
}

.form-table {
    display: table;
    table-layout: fixed;
    text-align: left;
    width: 100%
}

.form-table .form-table-header .form-table-header-row .form-table-header-row-cell {
    color: var(--text-color-contrast);
    font-weight: 800;
    padding: 2rem
}

.form-table .form-table-row {
    transition: background-color .5s cubic-bezier(.23, 1, .32, 1)
}

.form-table .form-table-row:hover {
    background-color: var(--dark-gray)
}

.form-table .form-table-row .form-table-cell {
    border: 1px solid;
    border-color: var(--med-gray);
    padding: 2rem
}

.form-searchfield {
    margin-bottom: 1rem
}

.form-searchfield .form-searchfield-label {
    color: var(--text-color);
    font-size: 14px;
    font-size: var(--font-size-default);
    padding: 1rem 0;
    text-align: left;
    transition: color .2s ease-in-out
}

.form-searchfield .form-searchfield-label .form-searchfield-label-hint {
    color: var(--text-color);
    font-size: var(--font-size-default);
    margin: .5rem 0 0;
    transition: color .2s ease-in-out
}

.form-searchfield .form-searchfield-label.active {
    color: var(--turq)
}

.form-searchfield .form-searchfield-label.active .form-searchfield-label-hint {
    color: var(--text-color)
}

.form-searchfield .form-searchfield-input-wrap {
    position: relative
}

.form-searchfield .form-searchfield-input-wrap .form-searchfield-input-wrap-icon {
    color: var(--text-color);
    font-size: var(--font-size-thicc);
    left: 0;
    padding: 1rem;
    position: absolute;
    transition: border .2s ease-in-out
}

.form-searchfield .form-searchfield-input-wrap .form-searchfield-input-wrap-icon.active {
    color: var(--turq)
}

.form-searchfield .form-searchfield-input-wrap .form-searchfield-input-field {
    background: none;
    border: 1px solid var(--dark-gray);
    border-radius: 2px;
    box-sizing: border-box;
    font-family: var(--sans-serif);
    font-size: var(--font-size-default);
    outline: 0;
    padding: 1rem 1rem 1rem 4rem;
    transition: border .2s ease-in-out;
    width: 100%
}

.form-searchfield .form-searchfield-input-wrap .form-searchfield-input-field:focus {
    border: 1px solid var(--turq);
    color: var(--text-color)
}

.form-searchfield .form-searchfield-input-wrap .form-searchfield-input-field:disabled {
    cursor: not-allowed
}

.form-searchfield .form-searchfield-input-wrap .form-searchfield-input-field.action-right {
    padding-right: 110px
}

.form-searchfield .form-searchfield-input-wrap .form-searchfield-input-field-action {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    box-sizing: border-box;
    font-size: var(--font-size-tiny);
    line-height: 19px;
    padding: 1rem 2rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px
}

.form-searchfield .form-searchfield-error {
    color: var(--red);
    font-size: var(--font-size-small);
    padding: 1rem 0;
    text-align: left
}

@media only screen and (max-width:768px) {
    .form-searchfield {
        padding-top: 2rem
    }
}

.form-searchfield textarea {
    color: var(--text-color) !important
}

.form-upload-btn::-webkit-file-upload-button,
.image-upload-btn::-webkit-file-upload-button,
.track-upload-btn::-webkit-file-upload-button {
    visibility: hidden
}

.form-avatar-upload-wrap {
    position: relative
}

.form-avatar-upload-wrap .form-avatar-upload-field {
    align-items: center;
    background: var(--slate);
    border: 3px dashed;
    border-color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l)), .2);
    border-radius: 100%;
    bottom: 0;
    cursor: pointer;
    display: flex;
    height: 80px;
    justify-content: center;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    transition: all .2s ease-in-out;
    width: 80px
}

.form-avatar-upload-wrap .form-avatar-upload-field:hover {
    background: var(--turq-med);
    border-color: var(--turq);
    border-style: solid;
    transform: scale(1.0125)
}

.form-avatar-upload-wrap .form-avatar-upload-field:hover .form-avatar-upload-preview {
    opacity: .6
}

.form-avatar-upload-wrap .form-avatar-upload-field .form-avatar-upload-preview {
    transtion: opacity .2s ease-in-out;
    background-size: cover;
    border-radius: 100%;
    display: block;
    height: 60px;
    width: 60px
}

.form-datefield .form-datefield-main div,
.form-datefield .form-datefield-main input {
    color: var(--text-color) !important;
    font-size: var(--font-size-default) !important
}

.form-datefield li {
    padding: 0
}

.form-datefield hr {
    border-color: var(--med-gray) !important
}

.form-timefield .form-timefield-main div,
.form-timefield .form-timefield-main input {
    color: var(--text-color) !important;
    font-size: var(--font-size-default) !important
}

.form-timefield hr {
    border-color: var(--med-gray) !important
}

.form-tooltip div {
    background: none !important;
    border-radius: 0 !important
}

.form-tooltip div,
.form-tooltip span {
    white-space: normal
}

.form-list {
    border-radius: 2px
}

.form-list .form-list-item {
    font-size: var(--font-size-default) !important;
    transition: all .2s ease-in-out
}

.form-list .form-list-item:hover {
    background: var(--slate) !important
}

.image-upload-btn {
    content: "Select Image"
}

.image-upload-btn:before {
    background: var(--base-contrast);
    border: 2px solid;
    color: var(--text-color-contrast);
    content: "Select Image";
    padding-left: 0;
    padding-right: 0
}

.image-upload-btn:hover:before {
    color: var(--text-color)
}

.image-upload-btn.avatar:before {
    content: "Select Avatar"
}

.image-upload-btn.background:before {
    content: "Select Background Image"
}

.track-upload-btn {
    content: "Upload Track"
}

.track-upload-btn:before {
    background: var(--btn-success-bg);
    color: var(--text-color);
    content: "Upload Track"
}

.track-upload-btn:hover:before {
    background: #686ce2;
    color: var(--text-color)
}

.complete-form-row {
    margin-bottom: 1rem
}

.complete-avi-form {
    margin-top: 1rem
}

.complete-form-checkbox-row {
    text-align: left
}

.complete-form-checkbox-row .complete-form-label {
    border-bottom: 1px solid var(--turq);
    display: inline-block;
    font-size: var(--font-size-default);
    font-weight: 400;
    margin-bottom: 1rem;
    padding: 8px 0 1rem
}

.complete-form-auth {
    margin: 0 0 2rem
}

.complete-form-auth .complete-form-subrow {
    margin: 1rem 0
}

.complete-form-or {
    color: var(--text-color-contrast);
    font-size: var(--font-size-default);
    letter-spacing: 1px;
    margin: 0 1rem
}

.complete-form-btn {
    margin: 2rem 0
}

.form-snackbar {
    font-family: var(--sans-serif)
}

.form-snackbar .form-snackbar-message {
    font-family: var(--sans-serif);
    font-size: var(--font-size-default);
    font-weight: 600
}

.facebook-page-select .facebook-page-select-label {
    color: var(--text-color);
    font-family: var(--sans-serif);
    font-size: var(--font-size-default);
    padding: 1rem 0 0;
    text-align: left;
    transition: color .2s ease-in-out
}

.facebook-page-select .facebook-page-select-auth-link {
    border-bottom: 1px solid transparent;
    color: var(--turq);
    margin-left: 1rem;
    padding-bottom: .25rem
}

.facebook-page-select .facebook-page-select-auth-link:hover {
    border-color: var(--turq)
}

.form-color-picker {
    align-items: center;
    display: flex
}

.form-color-picker .form-color-picker-label {
    color: var(--text-color-contrast);
    flex-basis: 120px;
    font-size: var(--font-size-small);
    font-weight: 600;
    min-width: 120px;
    padding-right: 1rem
}

.form-color-picker .form-color-picker-select-wrap {
    flex: 1 1
}

.form-color-picker .form-color-picker-select {
    background: var(--base);
    border: 3px dashed var(--light-gray);
    border-radius: 100%;
    cursor: pointer;
    height: 40px;
    transition: all .2s ease-in-out;
    width: 40px
}

.form-color-picker .form-color-picker-select:hover {
    border: 3px solid var(--turq)
}

.form-color-picker .form-color-picker-select .form-color-picker-select-inner {
    border-radius: 100%;
    height: 100%;
    width: 100%
}

.form-color-picker .form-color-picker-popup {
    align-self: flex-start;
    position: absolute;
    z-index: 999
}

.form-color-picker .form-color-picker-popup .chrome-picker {
    position: relative;
    top: 1rem
}

.form-service-row {
    background: var(--slate);
    border-radius: 2px;
    border-top: 1px solid hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .1);
    border: 1px solid var(--dark-gray);
    box-shadow: 0 3px 6px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .16), 0 3px 6px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .23);
    margin-top: 1rem;
    padding: 2rem
}

.form-service-row:not(:last-child) {
    margin-bottom: 1rem
}

@media only screen and (max-width:768px) {
    .form-service-row {
        margin-bottom: 1rem
    }
}

.form-service-row .form-service-row-warning {
    margin-top: 1rem;
    padding: 0
}

.form-service-row .form-service-info-wrap {
    padding: 0
}

@media only screen and (max-width:768px) {
    .form-service-row .form-service-info-wrap {
        padding: 1rem
    }
}

.form-service-row .form-service-info-wrap .form-service-action {
    text-align: right
}

@media only screen and (max-width:768px) {
    .form-service-row .form-service-info-wrap .form-service-action {
        justify-content: flex-start;
        padding: 2rem 0 0;
        text-align: left
    }
}

.form-service-row .form-service-info {
    font-size: var(--font-size-default);
    margin: 0 0 1rem
}

.form-service-row .form-service-info .form-service-note {
    margin-bottom: 1rem
}

.form-service-row .form-service-info .form-service-icon-success {
    color: var(--green);
    font-size: var(--font-size-default);
    vertical-align: middle
}

.form-service-row .form-service-info .form-service-icon-warning {
    color: var(--yellow);
    font-size: var(--font-size-default);
    vertical-align: middle
}

.form-service-row .form-service-info .form-service-text {
    font-size: var(--font-size-small)
}

.form-service-row .form-service-info .form-service-text.warning i {
    color: var(--yellow)
}

.form-service-row .form-service-info .form-service-text .form-service-link {
    border-bottom: 1px solid var(--turq);
    padding-bottom: .25rem
}

.form-service-row .form-service-info .form-service-update-btn {
    margin: 5px 0
}

.react-select {
    margin: 0 0 1rem;
    position: relative
}

.react-select.is-custom .react-select__control,
.react-select.is-multi .react-select__control {
    padding: .5rem
}

.react-select .react-select__control {
    background-color: transparent;
    border: 1px solid hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l)), .15);
    border-radius: 3px;
    color: var(--text-color);
    min-height: 43px;
    padding: .5rem
}

.react-select .react-select__control input {
    color: var(--text-color) !important
}

.react-select .react-select__control.react-select__control--is-focused {
    border-color: var(--turq)
}

.react-select .react-select__control .react-select__value-container--has-value {
    padding: 0
}

.react-select .react-select__control .react-select__value-container--has-value .react-select__single-value {
    color: var(--text-color);
    font-size: var(--font-size-default);
    padding: 1rem
}

.react-select .react-select__control .react-select__multi-value {
    background-color: var(--concrete)
}

.react-select .react-select__control .react-select__multi-value .react-select__multi-value__label {
    color: var(--text-color);
    font-size: var(--font-size-small);
    font-weight: 600;
    padding: .5rem
}

.react-select .react-select__control .react-select__multi-value .react-select__multi-value__remove {
    cursor: pointer
}

.react-select .react-select__control .react-select__multi-value .react-select__multi-value__remove:hover {
    background: none;
    color: var(--red)
}

.react-select .react-select__control .react-select__indicators {
    cursor: pointer
}

.react-select .react-select__control .react-select__indicators .react-select__indicator-separator {
    background-color: var(--med-gray)
}

.react-select .react-select__menu .Select-custom-option.react-select__option--is-focused,
.react-select .react-select__menu .react-select__option.react-select__option--is-focused {
    background-color: var(--concrete);
    color: var(--text-color)
}

.react-select .react-select__menu {
    background-color: var(--slate);
    border-top: 1px solid hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .1);
    border: 1px solid var(--med-gray);
    box-shadow: 0 3px 6px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .16), 0 3px 6px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .23);
    z-index: 99
}

.react-select .react-select__menu .Select-custom-option,
.react-select .react-select__menu .react-select__option {
    box-sizing: border-box;
    color: var(--text-color);
    cursor: pointer;
    padding: 1rem;
    transition: all .2s ease-in-out
}

.react-select .react-select__menu .Select-custom-option:hover,
.react-select .react-select__menu .react-select__option:hover {
    background-color: var(--concrete)
}

.react-select .react-select__menu .Select-custom-option.react-select__option--is-selected,
.react-select .react-select__menu .react-select__option.react-select__option--is-selected {
    background-color: var(--slate)
}

.react-select .react-select__menu .Select-custom-option.react-select__option--is-selected:hover,
.react-select .react-select__menu .react-select__option.react-select__option--is-selected:hover {
    background-color: var(--concrete)
}

.react-select .react-select__menu .Select-custom-option.is-disabled,
.react-select .react-select__menu .Select-custom-option.react-select__option--is-disabled,
.react-select .react-select__menu .react-select__option.is-disabled,
.react-select .react-select__menu .react-select__option.react-select__option--is-disabled {
    color: var(--text-color-contrast);
    cursor: not-allowed
}

.react-select .react-select__menu .react-select__menu-notice--no-options {
    padding: 1rem;
    text-align: left
}

.Select-custom-option {
    display: table !important;
    width: 100%
}

.Select-custom-option .Select-custom-option-icon-wrap {
    display: table-cell;
    padding: 0 .5rem;
    vertical-align: middle;
    width: 32px
}

.Select-custom-option .Select-custom-option-icon-wrap .Select-custom-option-icon {
    border-radius: 4px;
    font-size: 24px;
    max-height: 24px;
    vertical-align: middle
}

.Select-custom-option .Select-custom-option-icon-wrap.Select-custom-option-icon-wrap {
    width: 40px
}

.Select-custom-option .Select-custom-option-icon-wrap.Select-custom-option-icon-wrap .Select-custom-option-icon {
    border-radius: 4px;
    max-height: 32px;
    vertical-align: middle
}

.Select-custom-option .Select-custom-option-image-wrap {
    display: table-cell;
    padding: 0 .5rem;
    vertical-align: middle;
    width: 32px
}

.Select-custom-option .Select-custom-option-image-wrap .Select-custom-option-image {
    border-radius: 4px;
    font-size: 16px;
    font-size: var(--font-size-medium);
    max-height: 24px;
    vertical-align: middle
}

.Select-custom-option .Select-custom-option-image-wrap .Select-custom-option-image-bg {
    background-position: top;
    background-size: cover;
    border-radius: 4px;
    display: block;
    height: 32px;
    width: 32px
}

.Select-custom-option .Select-custom-option-image-wrap.Select-custom-option-image-wrap {
    width: 40px
}

.Select-custom-option .Select-custom-option-image-wrap.Select-custom-option-image-wrap .Select-custom-option-image {
    border-radius: 4px;
    max-height: 32px;
    vertical-align: middle
}

.Select-custom-option .Select-custom-option-body {
    display: table-cell;
    padding: 0 .5rem;
    text-align: left;
    vertical-align: middle
}

.Select-custom-option .Select-custom-option-body .Select-custom-option-warning {
    color: var(--red);
    float: left;
    margin-left: .25rem;
    transform: translateY(50%)
}

.Select-custom-option .Select-custom-option-body .Select-custom-option-title {
    display: block;
    font-size: var(--font-size-default);
    font-weight: 600;
    line-height: 21px
}

.Select-custom-option .Select-custom-option-body .Select-custom-option-title.warning {
    margin-left: 2rem
}

.Select-custom-option .Select-custom-option-body .Select-custom-option-title.Select-custom-option-title-light {
    font-size: var(--font-size-small);
    font-weight: 400
}

.Select-custom-option .Select-custom-option-body .Select-custom-option-description {
    color: var(--text-color-contrast);
    display: block;
    font-size: var(--font-size-small);
    font-weight: 400;
    line-height: 18px
}

.Select-custom-option .Select-custom-option-body .Select-custom-option-description.warning {
    margin-left: 2rem
}

.Select-custom-option .Select-custom-option-body .Select-custom-option-description.warning-text {
    color: var(--red)
}

.Select-custom-option .Select-custom-option-event-tag {
    color: var(--accent1) !important;
    font-size: var(--font-size-tiny);
    font-weight: 600 !important;
    line-height: 24px !important
}

.Select-custom-option .Select-custom-option-event-wrap {
    display: flex !important;
    width: 100%
}

.Select-custom-option .Select-custom-option-event-wrap .Select-custom-option-event {
    flex-basis: calc(100% - 125px);
    line-height: 28px;
    max-width: calc(100% - 125px);
    position: relative
}

.Select-custom-option .Select-custom-option-event-wrap .Select-custom-option-event .Select-custom-option-event-back {
    background: var(--med-gray);
    border-radius: 8px;
    bottom: 0;
    display: inline-block;
    height: 4px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 100%
}

.Select-custom-option .Select-custom-option-event-wrap .Select-custom-option-event .Select-custom-option-event-progress {
    background: var(--turq);
    border-radius: 8px;
    bottom: 0;
    display: inline-block;
    height: 4px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 100%
}

.Select-custom-option .Select-custom-option-event-wrap .Select-custom-option-label {
    box-sizing: border-box;
    flex-basis: 125px;
    font-size: var(--font-size-tiny);
    font-weight: 600;
    line-height: 28px;
    max-width: 128px;
    padding: 0 10px;
    text-align: left;
    vertical-align: middle
}

@keyframes Select-animation-spin {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes Select-animation-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

.pagination-row {
    width: 100%
}

.pagination-row .pagination-num-wrap .pagination-num .pagination-num-link {
    border-bottom: 1px solid transparent;
    display: inline-block;
    font-size: var(--font-size-default);
    font-weight: 600;
    padding: 1rem
}

.pagination-row .pagination-num-wrap .pagination-num .pagination-num-link:hover {
    color: var(--turq)
}

.pagination-row .pagination-num-wrap .pagination-num .pagination-num-link.active {
    border-bottom: 1px solid var(--turq);
    color: var(--turq)
}

.pagination-row .pagination-arrows-wrap .pagination-arrow.start {
    padding-right: 2rem;
    text-align: left
}

.pagination-row .pagination-arrows-wrap .pagination-arrow.end {
    padding-left: 2rem;
    text-align: right
}

.pagination-row .pagination-arrows-wrap .pagination-arrow .pagination-arrow-link {
    display: inline-block;
    padding: 1rem 0;
    text-align: center
}

.pagination-row .pagination-arrows-wrap .pagination-arrow .pagination-arrow-link:hover {
    color: var(--turq)
}

.td-alert {
    color: #fff;
    font-family: var(--sans-serif);
    font-size: var(--font-size-default);
    padding: 0 2rem
}

.nc-select-market .eds-radio__label span {
    display: inline
}

.nc-select-market .nc-select-market-cell {
    align-items: center;
    background: var(--slate);
    border: 1px solid var(--concrete-gray);
    border-radius: 2px;
    color: var(--text-color-contrast);
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: flex-start;
    line-height: 38px;
    margin-bottom: .5rem;
    padding: 0 15px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.nc-select-market .nc-select-market-cell .nc-select-market-cell-icon {
    font-size: 16px;
    margin-right: .5rem;
    vertical-align: middle;
    width: 20px
}

.nc-select-market .nc-select-market-cell .nc-select-market-cell-label {
    color: var(--text-color);
    font-size: var(--font-size-medium)
}

.nc-select-market .nc-select-market-cell .nc-select-market-cell-label.custom {
    font-size: 16px
}

.nc-select-market .nc-select-market-cell .nc-select-market-cell-label-alt {
    color: var(--text-color-contrast);
    font-size: var(--font-size-tiny);
    font-weight: 600;
    letter-spacing: 1px;
    opacity: .6;
    padding-left: .5rem;
    text-transform: uppercase
}

.nc-select-market .nc-select-market-cell.active {
    background: var(--turq-med);
    border: 1px solid var(--turq)
}

.nc-select-market .nc-select-market-cell.active .nc-select-market-cell-icon,
.nc-select-market .nc-select-market-cell.active .nc-select-market-cell-label,
.nc-select-market .nc-select-market-cell.active .nc-select-market-cell-label-alt,
.nc-select-market .nc-select-market-cell.active .nc-select-market-cell-label.custom {
    color: var(--turq)
}

.nc-select-market .nc-select-market-cell.disabled .nc-select-market-cell-icon {
    opacity: .6
}

.nc-select-market .nc-select-market-cell.disabled .form-label-row .form-label-right {
    float: left;
    font-size: var(--font-size-small);
    font-weight: 600;
    letter-spacing: 1px;
    padding-left: 0;
    text-transform: uppercase
}

img {
    max-width: 100%
}

.avatar {
    border-radius: 100%;
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.letter {
    background: hsla(var(--base-h), calc(var(--base-s)), calc(var(--base-l) + 50%), 1);
    color: var(--text-color);
    font-family: var(--sans-serif);
    text-align: center;
    text-shadow: 5px 5px 0 hsla(var(--base-h), calc(var(--base-s)), calc(var(--base-l) + 25%), 1);
    vertical-align: top
}

.avi-tiny {
    font-size: 16px;
    height: 32px !important;
    line-height: 32px;
    max-height: 32px;
    max-width: 32px;
    width: 32px !important
}

.avi-small {
    font-size: 25px;
    height: 50px !important;
    line-height: 50px;
    max-height: 50px;
    max-width: 50px;
    width: 50px !important
}

.avi-large {
    font-size: 38px;
    height: 75px !important;
    line-height: 75px;
    max-height: 75px;
    max-width: 75px;
    width: 75px !important
}

.avi-table {
    font-size: 32px;
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    width: 18px
}

.loader {
    height: 48px;
    margin: 0 auto;
    position: relative;
    width: 48px
}

.loader:before {
    content: "";
    display: block;
    padding-top: 100%
}

.loader.overlay {
    height: 72px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50vh
}

.loader.default .path,
.loader.default .path-alt {
    stroke: var(--turq)
}

.loader.alt .path,
.loader.alt .path-alt {
    stroke: var(--text-color-alt)
}

.loader-text {
    display: block;
    font-size: var(--font-size-tiny);
    letter-spacing: 1px;
    line-height: 24px;
    margin-top: 2rem;
    text-align: center;
    text-transform: uppercase
}

.circular {
    -webkit-animation: rotate 2.5s linear infinite;
    animation: rotate 2.5s linear infinite;
    height: 100%;
    position: absolute
}

.circular,
.spinner-icon {
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    transform-origin: center center;
    width: 100%
}

.spinner-icon {
    -webkit-animation: rotate .5s linear infinite;
    animation: rotate .5s linear infinite;
    height: 14px
}

.path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    -webkit-animation: dash 2s ease-in-out infinite;
    animation: dash 2s ease-in-out infinite
}

.circular-alt {
    -webkit-animation: rotate-alt 2.5s linear infinite;
    animation: rotate-alt 2.5s linear infinite;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center center;
    width: 100%
}

.path-alt {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-opacity: .5;
    -webkit-animation: dash-alt 2s ease-in-out infinite;
    animation: dash-alt 2s ease-in-out infinite
}

.fa-spin {
    display: block;
    opacity: .4;
    text-align: center
}

@-webkit-keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes rotate-alt {
    to {
        transform: rotate(-1turn)
    }
}

@keyframes rotate-alt {
    to {
        transform: rotate(-1turn)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@-webkit-keyframes dash-alt {
    0% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
}

@keyframes dash-alt {
    0% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
}

.td-spinner .td-spinner-label {
    color: var(--text-color-alt);
    display: inline-block;
    font-size: var(--font-size-default);
    line-height: 24px;
    padding-left: 5px;
    vertical-align: top
}

.breadcrumb-wrap {
    padding: 1rem 0;
    text-align: left
}

.breadcrumb-wrap .breadcrumb-item {
    font-size: var(--font-size-default);
    font-weight: 600
}

.breadcrumb-wrap .breadcrumb-item .breadcrumb-item-link {
    color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l) - 30%), 1);
    text-decoration: none
}

.breadcrumb-wrap .breadcrumb-item.breadcrumb-item-last .breadcrumb-item-link {
    color: var(--text-color)
}

.breadcrumb-wrap .breadcrumb-divider {
    color: var(--med-gray);
    padding: 0 20px
}

.ps-container {
    -ms-overflow-style: none;
    overflow: hidden !important;
    touch-action: none
}

@supports(-ms-overflow-style:none) {
    .ps-container {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .ps-container {
        overflow: auto !important
    }
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
    background-color: transparent;
    display: block
}

.ps-container.ps-in-scrolling {
    pointer-events: none
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: var(--dark-gray);
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: var(--gray)
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: var(--dark-gray);
    opacity: .9
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: var(--gray)
}

.ps-container>.ps-scrollbar-x-rail {
    border-radius: 2px;
    bottom: 3px;
    display: none;
    height: 6px;
    opacity: 0;
    position: absolute;
    transition: background-color .2s linear, opacity .2s linear
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: transparent;
    border: 1px solid var(--gray);
    border-radius: 2px;
    bottom: 0;
    height: 6px;
    position: absolute;
    transition: background-color .2s linear
}

.ps-container>.ps-scrollbar-y-rail {
    border-radius: 2px;
    display: none;
    opacity: 0;
    position: absolute;
    right: 3px;
    transition: background-color .2s linear, opacity .2s linear;
    width: 8px
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: transparent;
    border: 1px solid var(--gray);
    border-radius: 2px;
    position: absolute;
    right: 0;
    transition: background-color .2s linear;
    width: 8px
}

.ps-container:hover.ps-in-scrolling {
    pointer-events: none
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
    background-color: var(--dark-gray);
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
    background-color: var(--gray)
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
    background-color: var(--dark-gray);
    opacity: .9
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
    background-color: var(--gray)
}

.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
    opacity: .6
}

.ps-container:hover>.ps-scrollbar-x-rail:hover {
    background-color: var(--dark-gray);
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
    background-color: var(--gray)
}

.ps-container:hover>.ps-scrollbar-y-rail:hover {
    background-color: var(--dark-gray);
    opacity: .9
}

.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
    background-color: var(--gray)
}

.ps {
    -ms-overflow-style: none;
    overflow: hidden !important;
    overflow-anchor: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps .ps__rail-x {
    bottom: 0;
    height: 15px
}

.ps .ps__rail-x,
.ps .ps__rail-y {
    display: none;
    opacity: 0;
    position: absolute;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear
}

.ps .ps__rail-y {
    right: 0;
    width: 15px
}

.ps.ps--active-x>.ps__rail-x,
.ps.ps--active-y>.ps__rail-y {
    background-color: transparent;
    display: block
}

.ps.ps--focus>.ps__rail-x,
.ps.ps--focus>.ps__rail-y,
.ps.ps--scrolling-x>.ps__rail-x,
.ps.ps--scrolling-y>.ps__rail-y,
.ps.ps:hover>.ps__rail-x,
.ps.ps:hover>.ps__rail-y {
    opacity: .6
}

.ps.ps .ps__rail-x.ps--clicking,
.ps.ps .ps__rail-x:focus,
.ps.ps .ps__rail-x:hover,
.ps.ps .ps__rail-y.ps--clicking,
.ps.ps .ps__rail-y:focus,
.ps.ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}

.ps .ps__thumb-x {
    bottom: 2px;
    height: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out
}

.ps .ps__thumb-x,
.ps .ps__thumb-y {
    background-color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l)), .3);
    border-radius: 6px;
    position: absolute
}

.ps .ps__thumb-y {
    right: 2px;
    transition: background-color .2s linear, width .2s ease-in-out;
    width: 3px
}

.ps .ps__rail-x.ps--clicking .ps__thumb-x,
.ps .ps__rail-x:focus>.ps__thumb-x,
.ps .ps__rail-x:hover>.ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps .ps__rail-y.ps--clicking .ps__thumb-y,
.ps .ps__rail-y:focus>.ps__thumb-y,
.ps .ps__rail-y:hover>.ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports(-ms-overflow-style:none) {
    .ps .ps {
        overflow: auto !important
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .ps .ps {
        overflow: auto !important
    }
}

.desktop-app {
    -webkit-animation: fadeAppIn .3s;
    animation: fadeAppIn .3s;
    background: #121212;
    height: 100%;
    -webkit-user-select: none
}

.desktop-app .sidebar-brand {
    visibility: hidden
}

.desktop-app .attachment-details-row .attachment-header-actions .attachment-details-actions-row .attachment-details-actions-item,
.desktop-app .attachment-insights-wrap .attachment-stat-row .attachment-stat-wrap .attachment-stat,
.desktop-app .attachment-share-row .attachment-share-content .attachment-share-column .attachment-share-btn-wrap,
.desktop-app .dads-performance-view .dads-performance-card-row .dads-performance-card-wrap .dads-performance-card,
.desktop-app .dashboard-account-section .dashboard-account-section-row-wrap .dashboard-account-card,
.desktop-app .insights-overview,
.desktop-app .lasso-preview-corner-wrap .campaign-container .campaign-avatar-container {
    height: inherit !important
}

@-webkit-keyframes fadeAppIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeAppIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.chart text {
    fill: var(--text-color)
}

.chart.chart-bar text {
    fill: var(--text-color-alt);
    font-size: var(--font-size-small)
}

.recharts-tooltip-cursor {
    stroke: var(--concrete-gray) !important
}

.recharts-wrapper {
    cursor: crosshair !important
}

.recharts-tooltip-wrapper .recharts-default-tooltip {
    background: var(--concrete) !important;
    border-radius: 2px;
    border-top: 1px solid hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .1);
    border: 0 !important;
    box-shadow: 0 3px 6px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .16), 0 3px 6px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .23);
    font-size: var(--font-size-small)
}

.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-label {
    color: var(--text-color-contrast)
}

.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item-list li {
    color: var(--text-color) !important;
    font-weight: 600
}

.statistic-card {
    background: var(--slate);
    border-top: 1px solid hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .1);
    box-shadow: 0 1px 3px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .12), 0 1px 2px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .24);
    padding: 2rem;
    position: relative
}

.statistic-card,
.statistic-card .statistic-card-content .statistic-card-stat {
    margin-bottom: 2rem
}

.statistic-card .statistic-card-graph-wrap {
    height: 200px;
    width: 100%
}

.statistic-card .statistic-card-graph-wrap .statistic-card-graph-label {
    box-sizing: border-box;
    color: var(--text-color-alt);
    display: flex;
    font-size: var(--font-size-tiny);
    padding: 1rem;
    position: relative;
    top: -40px
}

.statistic-card .statistic-card-graph-wrap .statistic-card-graph-label .statistic-card-graph-label-first {
    flex: 0 1 auto;
    text-align: left
}

.statistic-card .statistic-card-graph-wrap .statistic-card-graph-label .statistic-card-graph-label-last {
    flex: 1 0 auto;
    text-align: right
}

.statistic-card .statistic-card-graph-wrap .statistic-card-graph-note {
    color: var(--text-color-alt);
    font-size: var(--font-size-tiny);
    left: 0;
    position: relative;
    right: 0;
    text-align: center
}

.grail-eventbrite-embed {
    margin: 0 auto;
    max-width: inherit;
    padding: 0;
    width: auto
}

.grail-eventbrite-embed .grail-margin-top {
    padding-top: 0
}

.grail-eventbrite-embed .grail-main .grail-body .campaign-view,
.grail-eventbrite-embed .grail-main .grail-body .en-home-view {
    width: inherit
}

.grail-eventbrite-embed .en-home-view {
    padding-left: 2rem
}

.grail-eventbrite-embed .campaigns-view {
    padding: 0;
    width: 100%
}

.grail-eventbrite-embed .campaigns-view .campaigns-view-sidebar-wrap {
    display: none
}

.grail-eventbrite-embed .campaigns-view .campaigns-view-content-wrap {
    padding-left: 2rem
}

.grail-eventbrite-embed .campaigns-view .campaigns-view-content-wrap .campaigns-view-boost-header-wrap {
    display: block
}

.eds-tag p {
    margin: initial
}

.eb-embed-campaigns-nav {
    display: flex;
    padding: .5rem 0
}

.eb-embed-campaigns-nav .eb-embed-campaigns-nav-left {
    align-items: flex-start;
    flex: 1 1
}

.eb-embed-campaigns-nav .eb-embed-campaigns-nav-right {
    align-items: flex-end;
    flex: 1 1;
    text-align: right
}

.eb-embed-campaigns-nav .eb-embed-nav-btn {
    margin-right: 2rem
}

.privacy-drawer .ant-drawer-content {
    background: #272727 !important
}

.privacy-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header {
    background-color: #272727 !important;
    border-bottom: 1px solid #434343
}

.privacy-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-close {
    color: hsla(0, 0%, 100%, .8)
}

.privacy-drawer .ant-drawer-content .ant-drawer-wrapper-body .ant-drawer-header .ant-drawer-title {
    color: #fff !important;
    font-size: 18px;
    font-weight: 600
}

.privacy-drawer .ant-drawer-content .ant-drawer-footer {
    border-top: 1px solid #434343
}

.privacy-drawer-content .privacy-drawer-start {
    color: #fff
}

.privacy-drawer-content .privacy-drawer-start p {
    font-size: 14px;
    line-height: 18px
}

.privacy-drawer-content .privacy-drawer-options .privacy-drawer-option-box {
    border: 1px solid #333;
    border-radius: 2px
}

.privacy-drawer-content .privacy-drawer-options .privacy-drawer-option-box .privacy-drawer-option-box-header {
    border-bottom: 1px solid #333;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px
}

.privacy-drawer-content .privacy-drawer-options .privacy-drawer-option-box .privacy-drawer-option-box-body {
    padding: 10px
}

.privacy-drawer-content .privacy-drawer-options .privacy-drawer-option-box .privacy-drawer-option-box-body .privacy-drawer-option-box-body-text {
    color: hsla(0, 0%, 100%, .8);
    font-size: 14px;
    line-height: 18px
}

.privacy-drawer-content .privacy-drawer-options .privacy-drawer-option-box .privacy-drawer-option-box-footer {
    border-top: 1px solid #333
}

.privacy-drawer-content .privacy-drawer-options .privacy-drawer-option-box .privacy-drawer-option-box-footer .ant-radio-group {
    width: 100%
}

.privacy-drawer-content .privacy-drawer-options .privacy-drawer-option-box .privacy-drawer-option-box-footer .ant-radio-group .ant-radio-button-wrapper {
    background: #383838;
    border-color: #626262;
    color: hsla(0, 0%, 100%, .8);
    width: 50%
}

.privacy-drawer-content .privacy-drawer-options .privacy-drawer-option-box .privacy-drawer-option-box-footer .ant-radio-group .ant-radio-button-wrapper:first-child {
    border-left-color: #626262
}

.privacy-drawer-content .privacy-drawer-options .privacy-drawer-option-box .privacy-drawer-option-box-footer .ant-radio-group .ant-radio-button-wrapper:not(:first-child):before {
    background-color: #626262
}

.privacy-drawer-content .privacy-drawer-options .privacy-drawer-option-box .privacy-drawer-option-box-footer .ant-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
    background: #004d60;
    border-color: #00c4ff;
    color: #00c4ff
}

.privacy-drawer-content .privacy-drawer-options .privacy-drawer-option-box .privacy-drawer-option-box-footer .ant-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
    border-left-color: #00c4ff
}

.privacy-drawer-content .privacy-drawer-options .privacy-drawer-option-box .privacy-drawer-option-box-footer .ant-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):not(:first-child):before {
    background-color: #00c4ff
}

.privacy-drawer-bottom {
    border-top: 1px solid #333;
    margin-top: 20px;
    padding: 20px 0
}

.privacy-drawer-bottom .privacy-drawer-bottom-content p {
    color: #fff;
    line-height: 18px
}

.privacy-drawer-bottom .privacy-drawer-bottom-button-del {
    background: #270a14;
    color: #ff4081;
    font-size: 12px
}

.beta-banner {
    border-radius: 3px;
    color: var(--turq);
    display: inline-block;
    font-size: var(--font-size-tiny);
    font-weight: 600;
    letter-spacing: 1px;
    margin-left: 10px;
    text-transform: uppercase
}

.info-tip-overlay {
    background: var(--base);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .4;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999
}

.info-tip .type-dark:after {
    border-bottom-color: var(--concrete)
}

.info-tip .info-tip-icon {
    color: dimgray;
    cursor: help;
    font-size: var(--font-size-default);
    font-weight: 400;
    line-height: normal;
    margin: 0 5px;
    transition: color .3s ease-in-out;
    vertical-align: text-bottom
}

.info-tip .info-tip-icon:hover {
    color: var(--green)
}

.info-tip-content {
    word-wrap: normal;
    background: var(--concrete) !important;
    border-top: 1px solid hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .1);
    box-shadow: 0 3px 6px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .16), 0 3px 6px hsla(var(--shadow-color-h), calc(var(--shadow-color-s)), calc(var(--shadow-color-l)), .23);
    color: var(--text-color);
    font-size: var(--font-size-default);
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    max-width: 250px;
    opacity: 1 !important;
    text-align: left !important;
    text-transform: none;
    white-space: normal;
    z-index: 9999
}

.info-tip-content .info-tip-section {
    margin-bottom: 1.5rem
}

.info-tip-content .info-tip-image-section {
    word-wrap: normal;
    text-align: center
}

.info-tip-content .info-tip-image-section .info-tip-image {
    width: 100%
}

.info-tip-content .info-tip-header {
    color: var(--text-color);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: .25rem 0;
    text-transform: uppercase
}

.info-tip-content .info-tip-body {
    color: var(--text-color-contrast);
    font-size: var(--font-size-default);
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    text-transform: none
}

.or-divider {
    margin-top: 2rem;
    padding: 2rem;
    position: relative;
    text-align: center
}

.or-divider .or-divider-line {
    background: var(--dark-gray);
    bottom: 0;
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 90%;
    z-index: 1
}

.or-divider .or-divider-text {
    height: 12px
}

.or-divider .embed-or-divider-text,
.or-divider .or-divider-text {
    background: var(--base-contrast);
    bottom: 0;
    font-weight: 600;
    left: 0;
    letter-spacing: 1px;
    margin: auto;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    width: 50px;
    z-index: 2
}

.or-divider .embed-or-divider-text {
    height: 16px
}

.acquisition-footer-row {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    font-family: Calibre, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
    justify-content: space-between;
    left: 0;
    padding: 0 1rem;
    position: fixed;
    width: 100%;
    z-index: 3
}

.acquisition-footer-row .acquisition-footer-col {
    flex-basis: 200px;
    max-width: 200px;
    padding: 1rem;
    position: absolute
}

.acquisition-footer-row .acquisition-footer-col.left {
    left: 0;
    text-align: left
}

.acquisition-footer-row .acquisition-footer-col.right {
    right: 0;
    text-align: right
}

.acquisition-footer-row .acquisition-footer-col.bold {
    background: rgba(0, 0, 0, .25);
    border-radius: 2px;
    margin: 1rem
}

@media only screen and (max-width:768px) {
    .acquisition-footer-row {
        display: block;
        justify-content: center;
        position: relative;
        text-align: center
    }

    .acquisition-footer-row .acquisition-footer-col {
        flex-basis: 100%;
        margin-bottom: 1rem;
        max-width: 100%;
        padding: 1rem;
        position: relative;
        width: 100%
    }

    .acquisition-footer-row .acquisition-footer-col.left,
    .acquisition-footer-row .acquisition-footer-col.right {
        text-align: center
    }
}

.acquisition-terms {
    color: #fff;
    opacity: .8;
    padding: 0;
    text-shadow: 0 0 4px rgba(0, 0, 0, .6)
}

.acquisition-terms .acquisition-terms-text-header {
    font-weight: 600
}

.acquisition-terms .acquisition-terms-text {
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 5px
}

.acquisition-terms .acquisition-terms-text a {
    color: #fff
}

@media only screen and (max-width:768px) {
    .acquisition-terms {
        margin-top: 0
    }
}

.acquisition-footer-brand {
    background: rgba(0, 0, 0, .2);
    border: 1px solid hsla(0, 0%, 100%, .1);
    color: #fff !important;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 10px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 0 4px rgba(0, 0, 0, .6);
    text-transform: uppercase;
    transition: all .2s ease-in-out
}

.acquisition-footer-brand .acquisition-footer-brand-icon {
    font-size: 16px
}

.acquisition-footer-brand.main {
    background: #008bff;
    color: #fff;
    font-weight: 600;
    margin-right: 5px 5px 5px 0;
    text-decoration: none
}

.acquisition-footer-brand.main:hover {
    background: #007de6;
    color: #fff
}

.acquisition-footer-brand:hover {
    background: #000;
    color: #fff
}

#checkmark-boost g path {
    -webkit-animation: checkmark .25s ease-in-out .7s backwards;
    animation: checkmark .25s ease-in-out .7s backwards
}

#checkmark-boost g circle {
    -webkit-animation: checkmark-circle .6s ease-in-out backwards;
    animation: checkmark-circle .6s ease-in-out backwards
}

@-webkit-keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes checkmark {
    0% {
        stroke-dashoffset: 50px
    }

    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }

    to {
        stroke-dashoffset: 480px
    }
}

@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 240px
    }

    to {
        stroke-dashoffset: 480px
    }
}

@-webkit-keyframes spinnerAnimation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes spinnerAnimation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.boost-benefits__content--left .heading {
    font-family: Neue Plak, sans-serif
}

.select-account-modal {
    backgound: var(--base-contrast) !important
}

.select-account-wrap .select-account-header {
    color: hsla(var(--text-color-h), calc(var(--text-color-s)), calc(var(--text-color-l) - 20%), 1);
    font-size: var(--font-size-small);
    font-weight: 400;
    line-height: 32px;
    padding: 2rem
}

.select-account-wrap .select-account-header mark {
    background: none;
    border-bottom: 1px solid var(--turq);
    color: var(--text-color);
    padding-bottom: .5rem
}

.spotify-select-account-label i {
    color: var(--green)
}

.spotify-select-account-label a {
    border-bottom: 1px solid var(--turq);
    color: var(--text-color);
    padding-bottom: 3px
}

.spotify-select-account-search-wrap .spotify-select-account-search-results-wrap {
    position: relative
}

.spotify-select-account-search-wrap .spotify-select-account-search-results-wrap .spotify-select-account-search-results {
    width: 100%
}