/* lato-300 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 300;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/lato-v16-latin-300.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/lato-v16-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-300italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 300;
  src: local("Lato Light Italic"), local("Lato-LightItalic"), url("https://multitracks.blob.core.windows.net/public/fonts/lato-v16-latin-300italic.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/lato-v16-latin-300italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-regular - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/lato-v16-latin-regular.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/lato-v16-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 400;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/lato-v16-latin-italic.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/lato-v16-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-700 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/lato-v16-latin-700.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/lato-v16-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-700italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 700;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/lato-v16-latin-700italic.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/lato-v16-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-900 - latin */
@font-face {
  font-family: "Lato";
  font-style: normal;
  font-weight: 900;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/lato-v16-latin-900.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/lato-v16-latin-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-900italic - latin */
@font-face {
  font-family: "Lato";
  font-style: italic;
  font-weight: 900;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/lato-v16-latin-900italic.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/lato-v16-latin-900italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans - 300 */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSans-300.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSans-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans - 300 - italic */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSans-300-Italic.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSans-300-Italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans - 400 */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSans-400.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSans-400.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans - 400 - italic */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSans-400-Italic.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSans-400-Italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans - 700 */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSans-700.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSans-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans - 700 - italic */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSans-700-Italic.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSans-700-Italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans - 900 */
@font-face {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSans-900.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSans-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans - 900 - italic */
@font-face {
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSans-900-Italic.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSans-900-Italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans HK - 300 */
@font-face {
  font-family: "Noto Sans HK";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansHK-300.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansHK-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans HK - 400 */
@font-face {
  font-family: "Noto Sans HK";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansHK-400.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansHK-400.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans HK - 700 */
@font-face {
  font-family: "Noto Sans HK";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansHK-700.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansHK-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans HK - 900 */
@font-face {
  font-family: "Noto Sans HK";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansHK-900.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansHK-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans JP - 300 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansJP-300.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansJP-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans JP - 400 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansJP-400.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansJP-400.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans JP - 700 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansJP-700.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansJP-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans JP - 900 */
@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansJP-900.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansJP-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans KR - 300 */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansKR-300.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansKR-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans KR - 400 */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansKR-400.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansKR-400.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans KR - 700 */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansKR-700.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansKR-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans KR - 900 */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansKR-900.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansKR-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans SC - 300 */
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansSC-300.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansSC-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans SC - 400 */
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansSC-400.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansSC-400.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans SC - 700 */
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansSC-700.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansSC-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans SC - 900 */
@font-face {
  font-family: "Noto Sans SC";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansSC-900.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansSC-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans TC - 300 */
@font-face {
  font-family: "Noto Sans TC";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansTC-300.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansTC-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans TC - 400 */
@font-face {
  font-family: "Noto Sans TC";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansTC-400.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansTC-400.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans TC - 700 */
@font-face {
  font-family: "Noto Sans TC";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansTC-700.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansTC-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Noto Sans TC - 900 */
@font-face {
  font-family: "Noto Sans TC";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansTC-900.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/NotoSansTC-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Inter - 300 */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/Inter-300.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/Inter-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Inter - 400 */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/Inter-400.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/Inter-400.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Inter - 700 */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/Inter-700.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/Inter-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Inter - 900 */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/Inter-900.woff2") format("woff2"), url("https://multitracks.blob.core.windows.net/public/fonts/Inter-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Neue Power - Medium */
@font-face {
  font-family: "Neue Power";
  font-style: normal;
  font-weight: 500;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NeuePower-Medium.woff2") format("woff2");
}
/* Neue Power - Bold */
@font-face {
  font-family: "Neue Power";
  font-style: normal;
  font-weight: 900;
  src: url("https://multitracks.blob.core.windows.net/public/fonts/NeuePower-Bold.woff2") format("woff2");
}
/* @import-page@ */
/* Notifications */
/* Third-Party Brands */
/* @import-page@ */
.u-text-congo {
  font-size: 10px;
  font-weight: 700;
}

.u-text-rhine,
.u-text-wilda {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.u-text-susquehanna {
  font-size: 11px;
  font-weight: 300;
}

.u-text-indus,
.u-text-pedernales {
  font-size: 11px;
  font-weight: 700;
}

.u-text-oder {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.u-text-san-jacinto {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.u-text-sabine,
.u-text-sheyenne,
.u-text-nolan {
  font-size: 13px;
}

.focus--btn-disclaimer, .modal--footer--cancel-btn, .radio--label, .form-row--price, .form-row--onoff-switch--label, .onoff-switch--inner:before, .u-text-body-xs,
.u-text-trinity {
  font-size: 13px;
  font-weight: 700;
}

.u-text-wabash {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.u-text-wichita {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.u-text-arno {
  font-size: 14px;
  font-weight: 700;
}

.u-text-tiber {
  font-size: 14px;
  font-weight: 400;
}
@media screen and (min-width: 768px), print {
  .u-text-tiber {
    font-size: 16px;
  }
}

.u-text-ohio {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.mod-minimal .modal--heading--sub-title, .modal.mod-vue.mod-sync-license .modal--body--header, .modal.mod-vue.mod-sync-license .modal--header--details-title, .label-prompt, .u-text-tigris {
  font-size: 16px;
}

.tabstrip--item--link, .premium--tabstrip--item--link, .modal--tabstrip--item--link, .modal--heading--title, .u-text-po {
  font-size: 16px;
}
@media screen and (min-width: 768px), print {
  .tabstrip--item--link, .premium--tabstrip--item--link, .modal--tabstrip--item--link, .modal--heading--title, .u-text-po {
    font-size: 18px;
  }
}

.u-text-potomac {
  font-size: 16px;
  font-weight: 700;
}

.u-text-nile {
  font-size: 17px;
}

.circle-checkbox--label, .large-checkbox--label, .u-text-thames,
.u-text-nueces {
  font-size: 18px;
}

.u-text-jordan {
  font-size: 18px;
}
@media all and (min-width: 1024px) {
  .u-text-jordan {
    font-size: 24px;
  }
}

.range--value2, .u-text-loire {
  font-size: 18px;
  font-weight: 700;
}

.u-text-lavaca {
  font-size: 20px;
  font-weight: 300;
  line-height: 75px;
}
@media screen and (min-width: 768px), print {
  .u-text-lavaca {
    font-size: 30px;
  }
}

.u-text-waller {
  font-size: 20px;
  line-height: 1.7;
}

.u-text-gila {
  font-size: 20px;
}

.u-text-header {
  font-size: 20px;
}
@media screen and (min-width: 768px), print {
  .u-text-header {
    font-size: 22px;
  }
}

.modal.mod-vue.mod-sync-license .modal--header--details-product, .u-text-pecos {
  font-size: 20px;
  font-weight: 700;
}

.u-text-amazon {
  font-size: 22px;
}

.focus--content--title h2, .u-text-san-gabriel,
.u-text-fraser {
  font-size: 24px;
}

.login--header, .focus--content--header h2, .u-text-ganges {
  font-size: 24px;
}

.u-text-rhone {
  font-size: 25px;
}

.u-text-canadian {
  font-size: 27px;
  font-weight: 700;
}

.mod-minimal .modal--heading--title, .modal.mod-minimal .modal--heading--title, .u-text-columbia {
  font-size: 30px;
  font-weight: 300;
}

.u-text-james {
  font-size: 30px;
  font-weight: 300;
}
@media screen and (min-width: 768px), print {
  .u-text-james {
    font-size: 50px;
  }
}

.u-text-mekong {
  font-size: 30px;
  font-weight: 300;
}
@media screen and (min-width: 768px), print {
  .u-text-mekong {
    font-size: 44px;
  }
}

.u-text-eden {
  font-size: 30px;
}

.u-text-concho {
  font-size: 30px;
}

.u-text-brazos {
  font-size: 30px;
  font-weight: 700;
}
@media screen and (min-width: 768px), print {
  .u-text-brazos {
    font-size: 36px;
  }
}

.u-text-pease {
  font-size: 32px;
  font-weight: 300;
  line-height: 48px;
}
@media screen and (min-width: 768px), print {
  .u-text-pease {
    font-size: 44px;
  }
}

.u-text-paluxy {
  font-size: 32px;
}
@media screen and (min-width: 768px), print {
  .u-text-paluxy {
    font-size: 44px;
  }
}

.u-text-yukon {
  font-size: 36px;
  line-height: 45px;
  font-weight: 300;
}

.u-text-blanco {
  font-size: 36px;
}

.u-text-hondo {
  font-size: 40px;
  font-weight: 300;
}

.u-text-windy {
  font-size: 40px;
  font-weight: 300;
}

.u-text-cumberland {
  font-size: 22px;
  font-weight: 300;
}
@media screen and (min-width: 768px), print {
  .u-text-cumberland {
    font-size: 40px;
  }
}

.focus--content--title h1, .focus--content--header--large-title, .u-text-san-marcos, .u-text-volga {
  font-size: 44px;
  font-weight: 300;
}

.u-text-rio-grande {
  font-size: 36px;
  font-weight: 300;
  line-height: 40px;
}
@media screen and (min-width: 768px), print {
  .u-text-rio-grande {
    font-size: 50px;
    line-height: 54px;
  }
}

.u-text-anduin {
  font-size: 50px;
  font-weight: 300;
}

.tabstrip:after, .premium--tabstrip:after, .modal--body:after, .error-bar:after, .form-row--double-input:after, .form-row:after, .select--holder:after, .circle-checkbox:after, .large-checkbox:after, .checkbox:after {
  clear: both;
  content: " ";
  display: block;
}

.modal.mod-installments .modal--body:after, .modal.mod-vue .modal--body:after, .modal.mod-welcome .modal--body:after, .form-row.mod-flex:after {
  clear: unset;
  content: unset;
  display: unset;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
@keyframes outToRight {
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes outToLeft {
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes inFromLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes in-from-right {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes in-from-top {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes in-from-top-sm {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes in-from-top-sm-quick-opacity {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes billing-form-cards {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes progress-fade-out {
  from {
    max-width: 200px;
    background-color: #f1f2f3;
  }
  to {
    max-width: 63px;
    background-color: #fafafa;
  }
}
@keyframes logo-bg-scroll {
  to {
    background-position: 0 calc(-1 * var(--image-height));
  }
}
@keyframes logo-scroll {
  0% {
    top: 100%;
  }
  100% {
    top: -150%;
  }
}
@keyframes logo-scroll-mobile {
  0% {
    top: 100%;
  }
  100% {
    top: -50%;
  }
}
@keyframes album-fade {
  0% {
    opacity: 0;
  }
  47% {
    opacity: 0;
  }
  53% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes move-bg {
  0% {
    background-position: 0%;
  }
  100% {
    background-position: 100%;
  }
}
@keyframes ascending-tiles-mobile {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes ascending-tiles {
  0% {
    transform: translateY(-87px);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes fade-out-top-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-10px);
  }
}
.u-listreset {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  list-style: none;
  margin: 0;
  padding: 0;
}

.btn {
  transition: all 0.08s ease;
  background: #43b1e6;
  border: 1px solid #43b1e6;
  border-radius: 50px;
  color: #ffffff;
  cursor: pointer;
  vertical-align: top;
}
.btn:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
.btn:hover {
  border-color: #3996c3;
  background: #3996c3;
  color: #ffffff;
}
.is-unclickable.btn {
  background: #fafafa;
  border-color: #fafafa;
  color: #919191;
  cursor: default;
  pointer-events: none;
}
.mod-no-outline.btn:focus {
  outline: none;
}
.mod-full.btn {
  text-align: center;
  width: 100%;
}
.mod-max-content.btn {
  width: -moz-max-content;
  width: max-content;
}
.mod-full-mobile.btn {
  width: 100%;
  max-width: 288px;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .mod-full-mobile.btn {
    width: unset;
    max-width: unset;
  }
}
.mod-right-align.btn {
  float: right;
}
.mod-secondary.btn {
  background-color: transparent;
  border-color: #919191;
  color: #919191;
}
.mod-secondary.btn:hover {
  background-color: #43b1e6;
  border-color: #43b1e6;
  color: #ffffff;
}
.mod-secondary.mod-no-border.btn {
  border-color: transparent;
}
.mod-secondary-neutral.btn {
  background-color: transparent;
  border-color: #757575;
  color: #757575;
}
[data-theme=dark] .mod-secondary-neutral.btn, .mod-secondary-neutral[data-theme=dark].btn {
  border-color: #d8d8d8;
  color: #d8d8d8;
}
.mod-secondary-neutral.btn:hover {
  background-color: #43b1e6;
  border-color: #43b1e6;
  color: #ffffff;
}
.mod-secondary-neutral.mod-no-border.btn {
  border-color: transparent;
}
.mod-secondary-white.btn {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.mod-secondary-white.btn:hover {
  background-color: #43b1e6;
  border-color: #43b1e6;
  color: #ffffff;
}
.mod-secondary-white.mod-no-border.btn {
  border-color: transparent;
}
.mod-secondary-gray.btn {
  background-color: transparent;
  border-color: #5c5c5c;
  color: #5c5c5c;
}
.mod-secondary-gray.btn:hover {
  background-color: #5c5c5c;
  border-color: #5c5c5c;
  color: #ffffff;
}
[data-theme=dark] .mod-secondary-gray.btn, .mod-secondary-gray[data-theme=dark].btn {
  border-color: #898989;
  color: #898989;
}
[data-theme=dark] .mod-secondary-gray.btn:hover, .mod-secondary-gray[data-theme=dark].btn:hover {
  background-color: #898989;
  border-color: #898989;
  color: #ffffff;
}
.mod-secondary-gray-text.btn {
  background-color: transparent;
  border-color: #5c5c5c;
  color: #5c5c5c;
  font-weight: 400;
}
.mod-secondary-gray-text.btn:hover {
  background-color: #5c5c5c;
  border-color: #5c5c5c;
  color: #ffffff;
}
.mod-solid-secondary-white.btn {
  background: #ffffff;
  border-color: transparent;
  color: #080808;
}
.mod-solid-secondary-white.btn:hover {
  background: #f1f2f3;
  border-color: transparent;
  color: #080808;
}
.mod-secondary-success.btn {
  background-color: transparent;
  border-color: #43a86c;
  color: #5c5c5c;
  font-weight: 400;
}
.mod-secondary-success.btn:hover {
  background-color: transparent;
  border-color: #2e754b;
  color: #5c5c5c;
}
.mod-ghost.btn {
  background: none;
  border-color: transparent;
  color: #919191;
}
.mod-ghost.btn:hover {
  background: #f1f2f3;
  border-color: #f1f2f3;
  color: #5c5c5c;
}
.mod-light.btn {
  background-color: transparent;
  border-color: #919191;
  color: #919191;
}
.mod-light.btn:hover {
  background-color: #43b1e6;
  border-color: #43b1e6;
  color: #ffffff;
}
[data-theme=dark] .mod-light.btn:hover, .mod-light.btn:hover[data-theme=dark] {
  color: #ffffff;
  border-color: #43b1e6;
}
[data-theme=dark] .mod-light.btn, .mod-light[data-theme=dark].btn {
  border-color: #ababab;
  color: #ababab;
}
.mod-brand-ghost.btn {
  background: none;
  border-color: transparent;
  color: #43b1e6;
}
.mod-brand-ghost.btn:hover {
  background: #f1f2f3;
  border-color: #f1f2f3;
  color: #5c5c5c;
}
.mod-always-white.btn {
  background: none;
  border-color: #ffffff;
  color: #ffffff;
}
.mod-always-white.btn:hover {
  background: none;
  border-color: #ffffff;
  color: #ffffff;
}
.mod-secondary-brand.btn {
  background: none;
  border-color: #43b1e6;
  color: #43b1e6;
}
.mod-secondary-brand.btn:hover {
  background-color: #43b1e6;
  border-color: #43b1e6;
  color: #ffffff;
}
.mod-secondary-rehearsalmix.btn {
  background: none;
  border-color: #43b1e6;
  color: #43b1e6;
}
.mod-secondary-rehearsalmix.btn:hover {
  background-color: #43b1e6;
  border-color: #43b1e6;
  color: #ffffff;
}
.mod-secondary-sounds.btn {
  background: none;
  border-color: #43b1e6;
  color: #43b1e6;
}
.mod-secondary-sounds.btn:hover {
  background-color: #43b1e6;
  border-color: #43b1e6;
  color: #ffffff;
}
.mod-secondary-chartbuilder.btn {
  background: none;
  border-color: #43b1e6;
  color: #43b1e6;
}
.mod-secondary-chartbuilder.btn:hover {
  background-color: #43b1e6;
  border-color: #43b1e6;
  color: #ffffff;
}
.mod-utility.btn {
  background-color: #e3f3fb;
  border-color: #e3f3fb;
  color: #205773;
}
.mod-utility.btn:hover {
  background-color: #cce5f3;
  border-color: #cce5f3;
  color: #205773;
}
.mod-error.btn {
  background: #ea4444;
  border-color: #ea4444;
  color: #ffffff;
}
.mod-error.btn:hover {
  background: #c82222;
  border-color: #c82222;
  color: #ffffff;
}
.mod-dark.btn {
  border-color: #919191;
  background: #171717;
  color: #919191;
}
.mod-dark.btn:hover {
  color: #ffffff;
  border-color: #ffffff;
}
.mod-rehearsalmix.btn {
  background: #43b1e6;
  border-color: #43b1e6;
  color: #ffffff;
}
.mod-rehearsalmix.btn:hover {
  background: #3996c3;
  border-color: #3996c3;
}
.mod-charts.btn, .mod-chartbuilder.btn {
  background: #43b1e6;
  border-color: #43b1e6;
  color: #ffffff;
}
.mod-charts.btn:hover, .mod-chartbuilder.btn:hover {
  background: #3996c3;
  border-color: #3996c3;
}
.mod-sounds.btn {
  background: #43b1e6;
  border-color: #43b1e6;
  color: #ffffff;
}
.mod-sounds.btn:hover {
  background: #3996c3;
  border-color: #3996c3;
}
.mod-custommix.btn {
  background: #43b1e6;
  border-color: #43b1e6;
  color: #ffffff;
}
.mod-custommix.btn:hover {
  background: #3996c3;
  border-color: #3996c3;
}
.mod-accompaniment.btn {
  background: #43b1e6;
  border-color: #43b1e6;
  color: #ffffff;
}
.mod-accompaniment.btn:hover {
  background: #578383;
  border-color: #578383;
}
.mod-gravel.btn {
  background: #5c5c5c;
  border-color: #5c5c5c;
  color: #ffffff;
}
.mod-gravel.btn:hover {
  background: rgb(79.25, 79.25, 79.25);
  border-color: rgb(79.25, 79.25, 79.25);
}
.mod-playback.btn {
  background: #282828;
  border-color: #282828;
  color: #ffffff;
}
.mod-playback.btn:hover {
  background: rgb(27.25, 27.25, 27.25);
  border-color: rgb(27.25, 27.25, 27.25);
}
.mod-fire-notification-btn.btn {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.mod-fire-notification-btn.btn:hover {
  background: #ffffff;
  color: #fc6c55;
}
.mod-review-proration-btn.btn {
  display: flex;
  gap: 8px;
  font-weight: 400;
  align-items: center;
  text-align: left;
  line-height: 150%;
}
[disabled].btn, .is-disabled.btn, .mod-disabled.btn {
  cursor: default;
  pointer-events: none;
  background: #dadada;
  border-color: #dadada;
  color: #ffffff;
  outline: none;
}
[data-theme=dark] [disabled].btn, [disabled][data-theme=dark].btn, [data-theme=dark] .is-disabled.btn, .is-disabled[data-theme=dark].btn, [data-theme=dark] .mod-disabled.btn, .mod-disabled[data-theme=dark].btn {
  border-color: #363636;
  background: #363636;
  color: #898989;
}
.is-disabled-actionable.btn {
  cursor: default;
  pointer-events: initial;
  background: #dadada;
  border-color: #dadada;
  color: #ffffff;
  outline: none;
}
.is-disabled-brand.btn {
  cursor: default;
  pointer-events: none;
  outline: none;
  opacity: 0.5;
  background-color: #43b1e6;
  border-color: #43b1e6;
}
.is-disabled-brand.btn:hover {
  background: #43b1e6;
  border-color: #43b1e6;
}
.is-disabled-opacity.btn {
  cursor: default;
  pointer-events: initial;
  outline: none;
  opacity: 0.5;
}
.is-disabled-opacity.btn:hover {
  background: #43b1e6;
  border-color: #43b1e6;
}
.is-disabled-secondary.btn {
  cursor: default;
  pointer-events: none;
  background-color: transparent;
  border-color: #919191;
  color: #919191;
}
.is-disabled-secondary.btn:hover {
  background-color: inherit;
  border-color: inherit;
  color: inherit;
}
.is-processing-btn.btn, .is-error-btn.btn, .is-success-btn.btn {
  align-items: center;
  cursor: default;
  display: inline-flex;
  pointer-events: none;
}
.is-processing-btn.btn:focus, .is-processing-btn.btn:active, .is-error-btn.btn:focus, .is-error-btn.btn:active, .is-success-btn.btn:focus, .is-success-btn.btn:active {
  outline: none;
}
.is-processing-btn.mod-clickable.btn, .is-error-btn.mod-clickable.btn, .is-success-btn.mod-clickable.btn {
  cursor: pointer;
  pointer-events: auto;
}
.is-error-btn.btn {
  background: #ea4444;
  border-color: #ea4444;
  color: #ffffff;
}
.is-success-btn.btn {
  background: #43a86c;
  border-color: #43a86c;
  color: #ffffff;
}
.mod-no-uppercase.btn {
  text-transform: initial;
}
.mod-uppercase.btn {
  text-transform: uppercase;
}
.mod-line-height-1.btn {
  line-height: 1;
}
.mod-apple-music.btn, .mod-spotify.btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  border-color: #dadada;
  color: #919191;
  background-color: transparent;
}
.mod-apple-music.btn:hover, .mod-spotify.btn:hover {
  border-color: #919191;
  color: #5c5c5c;
  background-color: transparent;
}
.mod-apple-music.btn:before, .mod-spotify.btn:before {
  height: 24px;
  width: 24px;
}
.mod-apple-music.btn:before {
  content: url("https://multitracks.blob.core.windows.net/public/images/icon/apple-music.svg");
}
.mod-spotify.btn:before {
  content: url("https://multitracks.blob.core.windows.net/public/images/icon/spotify.svg");
}
.mod-no-wrap.btn {
  white-space: nowrap;
}

@keyframes btn-frost-flash {
  0% {
    background: linear-gradient(-20deg, rgba(255, 255, 255, 0.25) 30%, rgba(255, 255, 255, 0.27) 50%, rgba(255, 255, 255, 0.25) 70%);
    background-position: 100% 0%;
    background-size: 400% 400%;
  }
  50% {
    background-position: 50% 0%;
  }
  100% {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25));
    background-position: 0% 0%;
  }
}
@keyframes btn-slate-flash {
  0% {
    background: linear-gradient(-20deg, #3c5d6e 30%, #466778 50%, #3c5d6e 70%);
    background-position: 100% 0%;
    background-size: 400% 400%;
  }
  50% {
    background-position: 50% 0%;
  }
  100% {
    background: linear-gradient(to right, #3c5d6e, #3c5d6e);
    background-position: 0% 0%;
  }
}
@keyframes btn-rehearsalmix-flash {
  0% {
    background: linear-gradient(-20deg, #43b1e6 30%, #fe8257 50%, #43b1e6 70%);
    background-position: 100% 0%;
    background-size: 400% 400%;
  }
  50% {
    background-position: 50% 0%;
  }
  100% {
    background: linear-gradient(to right, #43b1e6, #43b1e6);
    background-position: 0% 0%;
  }
}
@keyframes btn-charts-flash {
  0% {
    background: linear-gradient(-20deg, #43b1e6 30%, rgb(89.5070422535, 186.338028169, 232.9929577465) 50%, #43b1e6 70%);
    background-position: 100% 0%;
    background-size: 400% 400%;
  }
  50% {
    background-position: 50% 0%;
  }
  100% {
    background: linear-gradient(to right, #43b1e6, #43b1e6);
    background-position: 0% 0%;
  }
}
@keyframes btn-sounds-flash {
  0% {
    background: linear-gradient(-20deg, #43b1e6 30%, rgb(89.5070422535, 186.338028169, 232.9929577465) 50%, #43b1e6 70%);
    background-position: 100% 0%;
    background-size: 400% 400%;
  }
  50% {
    background-position: 50% 0%;
  }
  100% {
    background: linear-gradient(to right, #43b1e6, #43b1e6);
    background-position: 0% 0%;
  }
}
@keyframes btn-pads-flash {
  0% {
    background: linear-gradient(-20deg, #ea4444 40%, #fa8181 50%, #ea4444 60%);
    background-position: 100% 0%;
    background-size: 400% 400%;
  }
  50% {
    background-position: 50% 0%;
  }
  100% {
    background: linear-gradient(to right, #ea4444, #ea4444);
    background-position: 0% 0%;
  }
}
@keyframes btn-primary-flash {
  0% {
    background: linear-gradient(-20deg, #43b1e6 30%, rgb(89.5070422535, 186.338028169, 232.9929577465) 50%, #43b1e6 70%);
    background-position: 100% 0%;
    background-size: 400% 400%;
  }
  50% {
    background-position: 50% 0%;
  }
  100% {
    background: linear-gradient(to right, #43b1e6, #43b1e6);
    background-position: 0% 0%;
  }
}
.tutorial-link--icon, .error-bar--icon svg, .gray-link-icon--icon {
  display: inline-block;
  fill: currentColor;
  height: 20px;
  width: 20px;
}

.link-gray {
  color: #919191;
}
.link-gray:hover {
  color: rgb(119.5, 119.5, 119.5);
  text-decoration: underline;
}

.link-gray-underline {
  color: #919191;
  text-decoration: underline;
}
.link-gray-underline:hover {
  color: rgb(119.5, 119.5, 119.5);
  text-decoration: underline;
}

.link-gray-5-underline {
  color: #5c5c5c;
  text-decoration: underline;
}
.link-gray-5-underline:hover {
  color: rgb(66.5, 66.5, 66.5);
  text-decoration: underline;
}

.error-bar--text a, .link-white {
  color: #ffffff;
  text-decoration: underline;
}
.error-bar--text a:hover, .link-white:hover {
  color: #ffffff;
}

.link-blue {
  color: #43b1e6;
  text-decoration: underline;
}
.link-blue:hover {
  color: #3996c3;
}

.link-blue-inline {
  color: #43b1e6;
  cursor: pointer;
}
.link-blue-inline:hover {
  color: #3996c3;
}

.link-black {
  color: #282828;
}
.link-black:hover {
  color: #282828;
  text-decoration: underline;
}

.link-inherit {
  color: inherit;
}
.link-inherit:hover {
  color: inherit;
}

.link-blue-hover:hover {
  color: #43b1e6;
  text-decoration: underline;
  cursor: pointer;
}

.link-gray-hover:hover {
  color: #919191;
  text-decoration: underline;
}

.link-black-hover:hover {
  color: #282828;
  text-decoration: underline;
}

.link-oxbow {
  color: #919191;
  text-decoration: none;
}
.link-oxbow:hover {
  color: #ffffff;
}

.modal--iframe-html {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.modal--iframe-html::-webkit-scrollbar {
  display: none;
}

/* @import-page@ */
:root {
  --gutter: 8px;
  --half-gutter: calc((var(--gutter) * 0.5));
  --outer-gutter: calc(var(--half-gutter) * 3);
  --columns: 4;
  --one-col: calc((1 / var(--columns) * 100%) - var(--gutter));
  --two-col: calc((2 / var(--columns) * 100%) - var(--gutter));
  --three-col: calc((3 / var(--columns) * 100%) - var(--gutter));
  --four-col: calc((4 / var(--columns) * 100%) - var(--gutter));
  --five-col: calc((5 / var(--columns) * 100%) - var(--gutter));
  --six-col: calc((6 / var(--columns) * 100%) - var(--gutter));
  --seven-col: calc((7 / var(--columns) * 100%) - var(--gutter));
  --eight-col: calc((8 / var(--columns) * 100%) - var(--gutter));
  --nine-col: calc((9 / var(--columns) * 100%) - var(--gutter));
  --ten-col: calc((10 / var(--columns) * 100%) - var(--gutter));
  --eleven-col: calc((11 / var(--columns) * 100%) - var(--gutter));
  --twelve-col: calc((12 / var(--columns) * 100%) - var(--gutter));
  --one-col-offset: calc((1 / var(--columns) * 100%) + var(--half-gutter));
  --two-col-offset: calc((2 / var(--columns) * 100%) + var(--half-gutter));
  --three-col-offset: calc((3 / var(--columns) * 100%) + var(--half-gutter));
  --four-col-offset: calc((4 / var(--columns) * 100%) + var(--half-gutter));
  --five-col-offset: calc((5 / var(--columns) * 100%) + var(--half-gutter));
  --six-col-offset: calc((6 / var(--columns) * 100%) + var(--half-gutter));
  --seven-col-offset: calc((7 / var(--columns) * 100%) + var(--half-gutter));
  --eight-col-offset: calc((8 / var(--columns) * 100%) + var(--half-gutter));
  --nine-col-offset: calc((9 / var(--columns) * 100%) + var(--half-gutter));
  --ten-col-offset: calc((10 / var(--columns) * 100%) + var(--half-gutter));
  --eleven-col-offset: calc((11 / var(--columns) * 100%) + var(--half-gutter));
  --twelve-col-offset: calc((12 / var(--columns) * 100%) + var(--half-gutter));
  --ds-outer-gutter: calc(var(--gutter) * 2);
  --ds-half-gutter: var(--half-gutter);
  --ds-gutter: var(--gutter);
}
@media all and (min-width: 768px) {
  :root {
    --gutter: 16px;
    --columns: 8;
    --outer-gutter: var(--half-gutter);
    --ds-outer-gutter: var(--gutter);
  }
}
@media all and (min-width: 1024px) {
  :root {
    --gutter: 24px;
    --columns: 12;
    --max-container: calc(var(--gutter) + 1350px);
  }
}
@media all and (min-width: 1440px) {
  :root {
    --gutter: 30px;
    --outer-gutter: 0;
    --max-container: calc(var(--gutter) + 1350px);
    --ds-outer-gutter: 0;
  }
}
@media all and (min-width: 1560px) {
  :root {
    --gutter: 30px;
    --outer-gutter: 0;
  }
}

.row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--max-container);
  padding-left: var(--outer-gutter);
  padding-right: var(--outer-gutter);
}

.row.reverse {
  flex-direction: row-reverse;
}

.col,
.xs-1,
.xs-2,
.xs-3,
.xs-4,
.xs-off-0,
.xs-off-1,
.xs-off-2,
.xs-off-3,
.xs-off-4 {
  margin: var(--half-gutter);
}

.col {
  flex-grow: 1;
  flex-basis: 0;
  max-width: var(--four-col);
}

.xs-1 {
  flex-basis: var(--one-col);
  max-width: var(--one-col);
}

.xs-2 {
  flex-basis: var(--two-col);
  max-width: var(--two-col);
}

.xs-3 {
  flex-basis: var(--three-col);
  max-width: var(--three-col);
}

.xs-4 {
  flex-basis: var(--four-col);
  max-width: var(--four-col);
}

.xs-off-0 {
  margin-left: var(--half-gutter);
}

.xs-off-1 {
  margin-left: var(--one-col-offset);
}

.xs-off-2 {
  margin-left: var(--two-col-offset);
}

.xs-off-3 {
  margin-left: var(--three-col-offset);
}

.start-xs {
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  justify-content: center;
  text-align: center;
}

.end-xs {
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

.first-xs {
  order: -1;
}

.last-xs {
  order: 1;
}

@media all and (min-width: 768px) {
  .col,
  .md-1,
  .md-2,
  .md-3,
  .md-4,
  .md-5,
  .md-6,
  .md-7,
  .md-8,
  .md-off-0,
  .md-off-1,
  .md-off-2,
  .md-off-3,
  .md-off-4,
  .md-off-5,
  .md-off-6,
  .md-off-7 {
    margin: var(--half-gutter);
  }
  .col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: var(--twelve-col);
  }
  .md-1 {
    flex-basis: var(--one-col);
    max-width: var(--one-col);
  }
  .md-2 {
    flex-basis: var(--two-col);
    max-width: var(--two-col);
  }
  .md-3 {
    flex-basis: var(--three-col);
    max-width: var(--three-col);
  }
  .md-4 {
    flex-basis: var(--four-col);
    max-width: var(--four-col);
  }
  .md-5 {
    flex-basis: var(--five-col);
    max-width: var(--five-col);
  }
  .md-6 {
    flex-basis: var(--six-col);
    max-width: var(--six-col);
  }
  .md-7 {
    flex-basis: var(--seven-col);
    max-width: var(--seven-col);
  }
  .md-8 {
    flex-basis: var(--eight-col);
    max-width: var(--eight-col);
  }
  .md-off-0 {
    margin-left: var(--half-gutter);
  }
  .md-off-1 {
    margin-left: var(--one-col-offset);
  }
  .md-off-2 {
    margin-left: var(--two-col-offset);
  }
  .md-off-3 {
    margin-left: var(--three-col-offset);
  }
  .md-off-4 {
    margin-left: var(--four-col-offset);
  }
  .md-off-5 {
    margin-left: var(--five-col-offset);
  }
  .md-off-6 {
    margin-left: var(--six-col-offset);
  }
  .md-off-7 {
    margin-left: var(--seven-col-offset);
  }
  .start-md {
    justify-content: flex-start;
    text-align: start;
  }
  .center-md {
    justify-content: center;
    text-align: center;
  }
  .end-md {
    justify-content: flex-end;
    text-align: end;
  }
  .top-md {
    align-items: flex-start;
  }
  .middle-md {
    align-items: center;
  }
  .bottom-md {
    align-items: flex-end;
  }
  .first-md {
    order: -1;
  }
  .last-md {
    order: 1;
  }
}
@media all and (min-width: 1024px) {
  .col,
  .lg-1,
  .lg-2,
  .lg-3,
  .lg-4,
  .lg-5,
  .lg-6,
  .lg-7,
  .lg-8,
  .lg-9,
  .lg-10,
  .lg-11,
  .lg-12,
  .lg-off-0,
  .lg-off-1,
  .lg-off-2,
  .lg-off-3,
  .lg-off-4,
  .lg-off-5,
  .lg-off-6,
  .lg-off-7,
  .lg-off-8,
  .lg-off-9,
  .lg-off-10,
  .lg-off-11,
  .lg-off-12 {
    margin: var(--half-gutter);
  }
  .col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: var(--twelve-col);
  }
  .lg-1 {
    flex-basis: var(--one-col);
    max-width: var(--one-col);
  }
  .lg-2 {
    flex-basis: var(--two-col);
    max-width: var(--two-col);
  }
  .lg-3 {
    flex-basis: var(--three-col);
    max-width: var(--three-col);
  }
  .lg-4 {
    flex-basis: var(--four-col);
    max-width: var(--four-col);
  }
  .lg-5 {
    flex-basis: var(--five-col);
    max-width: var(--five-col);
  }
  .lg-6 {
    flex-basis: var(--six-col);
    max-width: var(--six-col);
  }
  .lg-7 {
    flex-basis: var(--seven-col);
    max-width: var(--seven-col);
  }
  .lg-8 {
    flex-basis: var(--eight-col);
    max-width: var(--eight-col);
  }
  .lg-9 {
    flex-basis: var(--nine-col);
    max-width: var(--nine-col);
  }
  .lg-10 {
    flex-basis: var(--ten-col);
    max-width: var(--ten-col);
  }
  .lg-11 {
    flex-basis: var(--eleven-col);
    max-width: var(--eleven-col);
  }
  .lg-12 {
    flex-basis: var(--twelve-col);
    max-width: var(--twelve-col);
  }
  .lg-off-0 {
    margin-left: var(--half-gutter);
  }
  .lg-off-1 {
    margin-left: var(--one-col-offset);
  }
  .lg-off-2 {
    margin-left: var(--two-col-offset);
  }
  .lg-off-3 {
    margin-left: var(--three-col-offset);
  }
  .lg-off-4 {
    margin-left: var(--four-col-offset);
  }
  .lg-off-5 {
    margin-left: var(--five-col-offset);
  }
  .lg-off-6 {
    margin-left: var(--six-col-offset);
  }
  .lg-off-7 {
    margin-left: var(--seven-col-offset);
  }
  .lg-off-8 {
    margin-left: var(--eight-col-offset);
  }
  .lg-off-9 {
    margin-left: var(--nine-col-offset);
  }
  .lg-off-10 {
    margin-left: var(--ten-col-offset);
  }
  .lg-off-11 {
    margin-left: var(--eleven-col-offset);
  }
  .start-lg {
    justify-content: flex-start;
    text-align: start;
  }
  .center-lg {
    justify-content: center;
    text-align: center;
  }
  .end-lg {
    justify-content: flex-end;
    text-align: end;
  }
  .top-lg {
    align-items: flex-start;
  }
  .middle-lg {
    align-items: center;
  }
  .bottom-lg {
    align-items: flex-end;
  }
  .first-lg {
    order: -1;
  }
  .last-lg {
    order: 1;
  }
}
@media all and (min-width: 1440px) {
  .col,
  .xl-1,
  .xl-2,
  .xl-3,
  .xl-4,
  .xl-5,
  .xl-6,
  .xl-7,
  .xl-8,
  .xl-9,
  .xl-10,
  .xl-11,
  .xl-12,
  .xl-off-0,
  .xl-off-1,
  .xl-off-2,
  .xl-off-3,
  .xl-off-4,
  .xl-off-5,
  .xl-off-6,
  .xl-off-7,
  .xl-off-8,
  .xl-off-9,
  .xl-off-10,
  .xl-off-11,
  .xl-off-12 {
    box-sizing: border-box;
    margin: var(--half-gutter);
  }
  .col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: var(--twelve-col);
  }
  .xl-1 {
    flex-basis: var(--one-col);
    max-width: var(--one-col);
  }
  .xl-2 {
    flex-basis: var(--two-col);
    max-width: var(--two-col);
  }
  .xl-3 {
    flex-basis: var(--three-col);
    max-width: var(--three-col);
  }
  .xl-4 {
    flex-basis: var(--four-col);
    max-width: var(--four-col);
  }
  .xl-5 {
    flex-basis: var(--five-col);
    max-width: var(--five-col);
  }
  .xl-6 {
    flex-basis: var(--six-col);
    max-width: var(--six-col);
  }
  .xl-7 {
    flex-basis: var(--seven-col);
    max-width: var(--seven-col);
  }
  .xl-8 {
    flex-basis: var(--eight-col);
    max-width: var(--eight-col);
  }
  .xl-9 {
    flex-basis: var(--nine-col);
    max-width: var(--nine-col);
  }
  .xl-10 {
    flex-basis: var(--ten-col);
    max-width: var(--ten-col);
  }
  .xl-11 {
    flex-basis: var(--eleven-col);
    max-width: var(--eleven-col);
  }
  .xl-12 {
    flex-basis: var(--twelve-col);
    max-width: var(--twelve-col);
  }
  .xl-off-0 {
    margin-left: var(--half-gutter);
  }
  .xl-off-1 {
    margin-left: var(--one-col-offset);
  }
  .xl-off-2 {
    margin-left: var(--two-col-offset);
  }
  .xl-off-3 {
    margin-left: var(--three-col-offset);
  }
  .xl-off-4 {
    margin-left: var(--four-col-offset);
  }
  .xl-off-5 {
    margin-left: var(--five-col-offset);
  }
  .xl-off-6 {
    margin-left: var(--six-col-offset);
  }
  .xl-off-7 {
    margin-left: var(--seven-col-offset);
  }
  .xl-off-8 {
    margin-left: var(--eight-col-offset);
  }
  .xl-off-9 {
    margin-left: var(--nine-col-offset);
  }
  .xl-off-10 {
    margin-left: var(--ten-col-offset);
  }
  .xl-off-11 {
    margin-left: var(--eleven-col-offset);
  }
  .start-xl {
    justify-content: flex-start;
    text-align: start;
  }
  .center-xl {
    justify-content: center;
    text-align: center;
  }
  .end-xl {
    justify-content: flex-end;
    text-align: end;
  }
  .top-xl {
    align-items: flex-start;
  }
  .middle-xl {
    align-items: center;
  }
  .bottom-xl {
    align-items: flex-end;
  }
  .first-xl {
    order: -1;
  }
  .last-xl {
    order: 1;
  }
}
@media all and (min-width: 1560px) {
  .col,
  .xxl-1,
  .xxl-2,
  .xxl-3,
  .xxl-4,
  .xxl-5,
  .xxl-6,
  .xxl-7,
  .xxl-8,
  .xxl-9,
  .xxl-10,
  .xxl-11,
  .xxl-12,
  .xxl-off-0,
  .xxl-off-1,
  .xxl-off-2,
  .xxl-off-3,
  .xxl-off-4,
  .xxl-off-5,
  .xxl-off-6,
  .xxl-off-7,
  .xxl-off-8,
  .xxl-off-9,
  .xxl-off-10,
  .xxl-off-11,
  .xxl-off-12 {
    margin: var(--half-gutter);
  }
  .col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: var(--twelve-col);
  }
  .xxl-1 {
    flex-basis: var(--one-col);
    max-width: var(--one-col);
  }
  .xxl-2 {
    flex-basis: var(--two-col);
    max-width: var(--two-col);
  }
  .xxl-3 {
    flex-basis: var(--three-col);
    max-width: var(--three-col);
  }
  .xxl-4 {
    flex-basis: var(--four-col);
    max-width: var(--four-col);
  }
  .xxl-5 {
    flex-basis: var(--five-col);
    max-width: var(--five-col);
  }
  .xxl-6 {
    flex-basis: var(--six-col);
    max-width: var(--six-col);
  }
  .xxl-7 {
    flex-basis: var(--seven-col);
    max-width: var(--seven-col);
  }
  .xxl-8 {
    flex-basis: var(--eight-col);
    max-width: var(--eight-col);
  }
  .xxl-9 {
    flex-basis: var(--nine-col);
    max-width: var(--nine-col);
  }
  .xxl-10 {
    flex-basis: var(--ten-col);
    max-width: var(--ten-col);
  }
  .xxl-11 {
    flex-basis: var(--eleven-col);
    max-width: var(--eleven-col);
  }
  .xxl-12 {
    flex-basis: var(--twelve-col);
    max-width: var(--twelve-col);
  }
  .xxl-off-0 {
    margin-left: var(--half-gutter);
  }
  .xxl-off-1 {
    margin-left: var(--one-col-offset);
  }
  .xxl-off-2 {
    margin-left: var(--two-col-offset);
  }
  .xxl-off-3 {
    margin-left: var(--three-col-offset);
  }
  .xxl-off-4 {
    margin-left: var(--four-col-offset);
  }
  .xxl-off-5 {
    margin-left: var(--five-col-offset);
  }
  .xxl-off-6 {
    margin-left: var(--six-col-offset);
  }
  .xxl-off-7 {
    margin-left: var(--seven-col-offset);
  }
  .xxl-off-8 {
    margin-left: var(--eight-col-offset);
  }
  .xxl-off-9 {
    margin-left: var(--nine-col-offset);
  }
  .xxl-off-10 {
    margin-left: var(--ten-col-offset);
  }
  .xxl-off-11 {
    margin-left: var(--eleven-col-offset);
  }
  .start-xxl {
    justify-content: flex-start;
    text-align: start;
  }
  .center-xxl {
    justify-content: center;
    text-align: center;
  }
  .end-xxl {
    justify-content: flex-end;
    text-align: end;
  }
  .top-xxl {
    align-items: flex-start;
  }
  .middle-xxl {
    align-items: center;
  }
  .bottom-xxl {
    align-items: flex-end;
  }
  .first-xxl {
    order: -1;
  }
  .last-xxl {
    order: 1;
  }
}
/* @import-page@ */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Default to box sizing for all elements.
 */
body,
body * {
  box-sizing: border-box;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
  text-decoration: none;
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.7em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Set Global form to full view port
 */
form:first-of-type {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC") !important;
}

html {
  width: 100%;
}
html.is-left-nav, html.is-right-nav {
  position: fixed;
}

body {
  transition: transform 0.2s ease;
  -webkit-font-smoothing: antialiased;
  background: #ffffff;
  color: #919191;
  font-family: "Lato", "Noto Sans", "Noto Sans KR", "Noto Sans JP", "Noto Sans HK", "Noto Sans SC", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}
[data-theme=dark] body, body[data-theme=dark] {
  color: #ababab;
}
.is-left-nav body {
  transform: translateX(88vw);
}
@media screen and (min-width: 768px), print {
  .is-left-nav body {
    transform: translateX(35vw);
  }
}
.is-right-nav body {
  transform: translateX(-88vw);
}
@media screen and (min-width: 768px), print {
  .is-right-nav body {
    transform: translateX(-35vw);
  }
}
body.has-sticky-checkout {
  padding-bottom: 109px;
}
@media screen and (min-width: 768px), print {
  body.has-sticky-checkout {
    padding-bottom: 87px;
  }
}
body.has-sticky-checkout .intercom-lightweight-app-launcher {
  bottom: 120px;
}
@media screen and (min-width: 768px), print {
  body.has-sticky-checkout .intercom-lightweight-app-launcher {
    bottom: 110px;
  }
}
body.has-sticky-checkout .intercom-app .intercom-messenger-frame {
  bottom: 170px;
  height: calc(100% - 190px);
}
body.has-sticky-checkout .intercom-app div:nth-of-type(2) {
  bottom: 120px;
}
@media screen and (min-width: 768px), print {
  body.has-sticky-checkout .intercom-app div:nth-of-type(2) {
    bottom: 110px;
  }
}
@media screen and (min-width: 768px), print {
  body.has-sticky-header {
    padding-top: 60px;
  }
}
body.mod-no-footer {
  min-height: 100vh;
}

.wrapper {
  height: 100%;
  width: 100%;
}
.wrapper.mod-cta-banner {
  margin-bottom: 80px;
}
.wrapper.mod-gray {
  background: #fafafa;
}
[data-theme=dark] .wrapper.mod-gray, .wrapper.mod-gray[data-theme=dark] {
  background: #080808;
}
@media screen and (min-width: 768px), print {
  .wrapper.mod-sm-gray {
    background: #fafafa;
  }
}
.wrapper.mod-black {
  background: #171717;
}
.wrapper.mod-sessions {
  background: #171717;
}
.wrapper.mod-shark {
  background: #282828;
}
.wrapper.mod-full-height {
  min-height: 100vh;
}
@media screen and (min-width: 768px), print {
  .wrapper {
    min-height: calc(100vh - 358px);
    min-height: -webkit-calc(100vh - 358px);
  }
}
@media screen and (min-width: 768px), print {
  .wrapper.mod-sm-footer {
    min-height: calc(100vh - 140px);
    min-height: -webkit-calc(100vh - 140px);
  }
}

.accessibility {
  display: none;
}

.intercom-app div:nth-of-type(2) {
  z-index: 18 !important;
}

.intercom-lightweight-app {
  z-index: 18 !important;
}

body *:not(.u-no-scrollbar)::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 6px;
  width: 6px;
}

body *:not(.u-no-scrollbar)::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}

.ui-helper-hidden-accessible {
  position: absolute;
  left: -999em;
}

h1,
h2,
h3,
h4 {
  font-weight: 400;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 18px;
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 15px;
}

p {
  color: #919191;
  font-size: 16px;
  line-height: 1.5;
}
p span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
}
a:hover {
  color: #3996c3;
}

::-moz-selection {
  color: #ffffff;
  background: #43b1e6;
}

::selection {
  color: #ffffff;
  background: #43b1e6;
}

.u-text-body-sm,
.u-text-st-lawrence {
  font-size: 15px;
}

.u-text-hudson {
  font-size: 16px;
  font-weight: 700;
}

.u-text-body {
  font-size: 16px;
  line-height: 1.6;
}

.u-text-danube {
  font-weight: 300;
}

.u-text-elbe,
.u-text-table-info,
.u-text-colorado {
  font-size: 14px;
}

.u-text-guadalupe {
  font-size: 16px;
}

.btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 24px;
  padding: 3px 24px;
  text-align: center;
}
.btn.is-processing, .btn.is-spinner {
  background: #dadada;
  border-color: #dadada;
  cursor: default;
  line-height: 24px;
  padding-left: 50px;
  pointer-events: none;
  position: relative;
}
.btn.is-processing:before, .btn.is-spinner:before {
  animation: spinner 0.6s steps(8) infinite;
  content: url(https://multitracks.blob.core.windows.net/public/images/icon/spinner.svg);
  height: 30px;
  left: 15px;
  position: absolute;
  top: 0;
  width: 30px;
}
.btn.is-processing svg, .btn.is-spinner svg {
  display: none;
}
.btn.mod-loader .u-line-loader {
  display: none;
}
.btn.mod-loader.is-loader {
  padding-left: 48px;
}
.btn.mod-loader.is-loader .u-line-loader {
  display: inline-flex;
  left: 15px;
  margin-right: 15px;
  position: absolute;
  top: 7px;
  vertical-align: top;
}
.btn.is-processing-btn {
  cursor: default;
  pointer-events: none;
}
.btn.mod-no-processing-text {
  justify-content: center;
}
.btn.mod-uppercase {
  text-transform: uppercase;
}
.btn.mod-narrow {
  padding: 3px 16px;
}

.btn-loader {
  display: none;
  text-align: center;
}
.is-processing-btn .btn-loader {
  align-items: center;
  display: inline-flex;
  margin-left: 3px;
}
.btn .btn-loader {
  position: relative;
  top: 1px;
}
.mod-no-processing-text .btn-loader--text {
  height: 24px;
}
.btn-loader > div {
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  border-radius: 100%;
  background: currentColor;
  display: inline-block;
  height: 7px;
  margin: 2px;
  width: 7px;
}
.btn .btn-loader > div {
  height: 5px;
  margin: 1px;
  width: 5px;
}
.btn-loader > div:first-child {
  animation-delay: -0.32s;
}
.btn-loader > div:nth-child(2) {
  animation-delay: -0.16s;
}
.btn-loader--success {
  display: none;
  height: 22px;
  margin-right: 5px;
  position: relative;
  width: 22px;
  vertical-align: middle;
}
.is-success-btn .btn-loader--success {
  display: inline-block;
}
.btn-loader--error {
  display: none;
  height: 18px;
  margin-right: 5px;
  position: relative;
  width: 18px;
  vertical-align: middle;
}
.is-error-btn .btn-loader--error {
  display: inline-block;
}
.btn-loader--text {
  display: inline-block;
  vertical-align: middle;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.u-hide {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .u-hide-mobile {
    display: none !important;
  }
}

@media screen and (min-width: 768px), print {
  .u-show-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .u-hide-mob-tab {
    display: none !important;
  }
}
@media screen and (min-width: 768px), print {
  .u-hide-mob-tab {
    display: none !important;
  }
}
@media all and (min-width: 1024px) {
  .u-hide-mob-tab {
    display: block !important;
  }
}
@media screen and (max-width: 767px) {
  .u-hide-mob-tab.d-grid {
    display: none !important;
  }
}
@media screen and (min-width: 768px), print {
  .u-hide-mob-tab.d-grid {
    display: none !important;
  }
}
@media all and (min-width: 1024px) {
  .u-hide-mob-tab.d-grid {
    display: grid !important;
  }
}

@media all and (min-width: 1024px) {
  .u-show-mob-tab {
    display: none !important;
  }
}

.link-gray.mod-bold {
  font-weight: 700;
}

.link-white.mod-no-underline {
  text-decoration: none;
}

.link-blue-inline.mod-no-underline {
  text-decoration: none;
}

.link-icon {
  color: #43b1e6;
}
.link-icon--icon {
  height: 16px;
  margin-right: 5px;
  vertical-align: middle;
  width: 16px;
}
.link-icon--text {
  font-size: 13px;
  text-decoration: underline;
}
.link-icon:hover {
  color: #3996c3;
}

.gray-link-icon {
  color: #919191;
}
.gray-link-icon--icon {
  margin-right: 5px;
  vertical-align: middle;
}
.gray-link-icon--text {
  text-decoration: underline;
}
.gray-link-icon:hover {
  color: #3996c3;
}

.input {
  -webkit-appearance: none;
  border-radius: 5px;
  border: 2px solid #dadada;
  color: #919191;
  height: 40px;
  font-size: 16px;
  line-height: 1;
  outline: none;
  padding: 0 4px 0 10px;
}
@media all and (min-width: 1200px) {
  .input {
    font-size: 14px;
  }
}
[data-theme=dark] .input, .input[data-theme=dark] {
  background-color: transparent;
  border-color: #5a5a5a;
  color: #ffffff;
}
[data-theme=dark] .input.mod-darker, .input[data-theme=dark].mod-darker {
  background-color: #171717;
}
[data-theme=dark] .input.mod-darker::-moz-placeholder, .input[data-theme=dark].mod-darker::-moz-placeholder {
  color: #919191;
}
[data-theme=dark] .input.mod-darker::placeholder, .input[data-theme=dark].mod-darker::placeholder {
  color: #919191;
}
[data-theme=dark] .input.mod-darker::-moz-placeholder, .input[data-theme=dark].mod-darker::-moz-placeholder {
  /* Firefox 19+ */
  color: #919191;
}
[data-theme=dark] .input::-moz-placeholder, .input[data-theme=dark]::-moz-placeholder {
  color: #757575;
}
[data-theme=dark] .input::placeholder, .input[data-theme=dark]::placeholder {
  color: #757575;
}
[data-theme=dark] .input::-webkit-input-placeholder, .input[data-theme=dark]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #757575;
}
[data-theme=dark] .input::-moz-placeholder, .input[data-theme=dark]::-moz-placeholder {
  /* Firefox 19+ */
  color: #757575;
}
[data-theme=dark] .input:-ms-input-placeholder, .input[data-theme=dark]:-ms-input-placeholder {
  /* IE 10+ */
  color: #757575;
}
[data-theme=dark] .input:-moz-placeholder, .input[data-theme=dark]:-moz-placeholder {
  /* Firefox 18- */
  color: #757575;
}
.input:focus {
  border-color: #a7a7a7;
}
[data-theme=dark] .input:focus, .input:focus[data-theme=dark] {
  border-color: #8d8d8d;
}
.input.mod-dark-text {
  color: #171717;
}
.input.mod-white {
  color: #ffffff;
  opacity: 1;
}
.input.mod-white::-moz-placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input.mod-white::placeholder {
  color: #d8d8d8;
  opacity: 1;
}
.input.mod-white::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #d8d8d8;
  opacity: 1;
}
.input.mod-white::-moz-placeholder {
  /* Firefox 19+ */
  color: #d8d8d8;
  opacity: 1;
}
.input.mod-white:-moz-placeholder {
  /* Firefox 18- */
  color: #d8d8d8;
  opacity: 1;
}
.input.mod-max-width {
  width: 100%;
}
.input.has-error {
  border-color: #ea4444;
}
.input.has-error ~ .billing-form--code--opener {
  opacity: 0;
}
.input.mod-slim {
  height: 32px;
  border-width: 1px;
}
.input[readonly] {
  cursor: default;
}
.input.mod-dark {
  background: #171717;
  border-color: #171717;
}
.input.mod-dark:focus {
  background: rgb(28.1, 28.1, 28.1);
  border-color: rgb(28.1, 28.1, 28.1);
}
.input.mod-darker {
  border-color: #363636;
}
.input.mod-darker:focus {
  border-color: rgb(59.1, 59.1, 59.1);
}
.input.mod-darker.has-error {
  border-color: #ea4444;
}
.input.mod-darker.has-error:focus {
  border-color: #ea4444;
}
[data-theme=dark] .input.mod-darkest, .input.mod-darkest[data-theme=dark] {
  background: #222222;
  border-color: #363636;
}
[data-theme=dark] .input.mod-darkest:focus, .input.mod-darkest[data-theme=dark]:focus {
  background: rgb(39.1, 39.1, 39.1);
  border-color: rgb(59.1, 59.1, 59.1);
}
.input.mod-giant {
  width: 100%;
  height: 95px;
  font-size: 36px;
}
.input.mod-border-thin {
  border-width: 1px;
}
.input.mod-password {
  padding-right: 48px;
}
.input.mod-password::-ms-reveal, .input.mod-password::-ms-clear {
  display: none;
}

input[type=date] {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #ffffff;
  color: #919191;
}
input[type=date]::-webkit-date-and-time-value {
  text-align: left;
}
input[type=time] {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #ffffff;
  color: #919191;
}
input[type=time]::-webkit-date-and-time-value {
  text-align: left;
}

.faux-input {
  border-radius: 5px;
  border: 2px solid #dadada;
  box-sizing: border-box;
  overflow: hidden;
  padding: 5px 13px;
  position: relative;
  text-overflow: clip;
  white-space: nowrap;
  width: 100%;
}
.faux-input span {
  cursor: pointer;
}
.faux-input--input {
  background: transparent;
  border: none;
  color: #919191;
  outline: none;
  width: 90%;
}
.faux-input--copy {
  align-items: center;
  background: #ffffff;
  border-left: 2px solid #dadada;
  color: #919191;
  display: flex;
  justify-content: center;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .faux-input--copy {
    /* Safari only override */
  }
  .faux-input--copy ::i-block-chrome, .faux-input--copy {
    display: none;
  }
}
.faux-input--copy:hover {
  color: #ffffff;
  background: #dadada;
}
.faux-input--copy--icon {
  fill: currentColor;
  height: 15px;
  width: auto;
}

.modal[data-modal-id=add-to-setlist][data-theme=light] .input {
  color: #919191;
  background-color: #ffffff;
  border-color: #dadada;
}
.modal[data-modal-id=add-to-setlist][data-theme=light] .input::-moz-placeholder {
  color: unset;
}
.modal[data-modal-id=add-to-setlist][data-theme=light] .input::placeholder {
  color: unset;
}
.modal[data-modal-id=add-to-setlist][data-theme=light] .input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: unset;
}
.modal[data-modal-id=add-to-setlist][data-theme=light] .input::-moz-placeholder {
  /* Firefox 19+ */
  color: unset;
}
.modal[data-modal-id=add-to-setlist][data-theme=light] .input:-ms-input-placeholder {
  /* IE 10+ */
  color: unset;
}
.modal[data-modal-id=add-to-setlist][data-theme=light] .input:-moz-placeholder {
  /* Firefox 18- */
  color: unset;
}

.single-input {
  display: flex;
  align-items: center;
}
.single-input--submit.btn {
  border-radius: 0 4px 4px 0;
  flex-shrink: 0;
  height: 40px;
  line-height: 1.95;
  margin: 0 0 0 -1px;
}
.single-input--submit.btn.mod-center {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.single-input .input {
  border-radius: 4px 0 0 4px;
  border-right-width: 0;
}
.single-input.mod-center-mobile {
  justify-content: center;
}
@media screen and (min-width: 768px), print {
  .single-input.mod-center-mobile {
    justify-content: unset;
  }
}
.single-input.mod-white .input {
  border-color: white;
}
.single-input.mod-white .input:focus {
  border-color: white;
}
.single-input--success {
  display: none;
}
.single-input--success.is-visible {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.single-input--success--icon {
  display: block;
  float: left;
  height: 48px;
  margin-right: 16px;
  width: 48px;
}
.single-input--success--title {
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.single-input--success--subtitle {
  color: #dadada;
  font-size: 14px;
  line-height: 21px;
}
.single-input.is-disabled .input,
.single-input.is-disabled .btn {
  opacity: 0.5;
  pointer-events: none;
}

.checkbox {
  position: relative;
}
.checkbox.mod-highlight .checkbox--btn:checked + .checkbox--innards {
  border-color: #43b1e6;
}
.checkbox.mod-highlight .checkbox--btn[disabled] + .checkbox--innards {
  border-color: #dadada;
}
.checkbox.is-disabled {
  color: #dadada;
  -moz-user-select: none;
       user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
}
.checkbox.is-disabled:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.checkbox.is-disabled label a {
  color: #dadada;
}
.checkbox--btn {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.checkbox--innards {
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid #dadada;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  float: left;
  height: 15px;
  margin: 4px 0 0 0;
  position: relative;
  width: 15px;
  z-index: 1;
}
[data-theme=dark] .checkbox--innards, .checkbox--innards[data-theme=dark] {
  border-color: #363636;
  background: #171717;
}
.checkbox--innards.mod-transparent {
  background: transparent;
}
[data-theme=dark] .checkbox--innards.mod-transparent, .checkbox--innards.mod-transparent[data-theme=dark] {
  border-color: #dadada;
}
.checkbox--innards.mod-no-margin {
  margin: 0px;
}
.checkbox--btn:checked + .checkbox--innards:after {
  background: url(https://multitracks.blob.core.windows.net/public/images/icon/in-cart-color.svg) center center no-repeat;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.checkbox--btn.has-error + .checkbox--innards {
  border-color: #ea4444;
}
.checkbox--btn[disabled]:checked + .checkbox--innards:after {
  filter: grayscale(1);
}
.checkbox--btn[disabled] ~ label {
  cursor: default;
  opacity: 0.5;
}
.checkbox--btn:focus + .checkbox--innards {
  border-color: #a7a7a7;
}
.checkbox--label {
  color: #5c5c5c;
  float: left;
  font-size: 16px;
  margin-left: 11px;
}
.checkbox--label.mod-light {
  color: #dadada;
}
.checkbox--label a {
  color: #43b1e6;
  text-decoration: underline;
}
.checkbox--label.mod-no-underline a {
  text-decoration: none;
}
.checkbox--tip-icon {
  color: #919191;
  display: block;
  float: left;
  height: 16px;
  margin: 6px 0 0 8px;
  width: 16px;
}
.checkbox--tip-icon:hover {
  cursor: pointer;
}

.large-checkbox {
  display: inline-block;
  position: relative;
}
.large-checkbox--btn {
  position: absolute;
  visibility: hidden;
}
.large-checkbox--innards {
  border-radius: 3px;
  border: 2px solid #dadada;
  cursor: pointer;
  display: block;
  float: left;
  height: 20px;
  position: relative;
  width: 20px;
  z-index: 1;
}
.large-checkbox--btn:checked + .large-checkbox--innards:after {
  background: url(https://multitracks.blob.core.windows.net/public/images/icon/in-cart-color.svg) center center no-repeat;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.large-checkbox--label {
  color: #282828;
  cursor: pointer;
  float: left;
  padding-left: 15px;
}

.circle-checkbox {
  display: inline-block;
  position: relative;
}
.circle-checkbox--btn {
  position: absolute;
  visibility: hidden;
}
.circle-checkbox--innards {
  background: #fff;
  border-radius: 50%;
  border: 1px solid #dadada;
  cursor: pointer;
  display: block;
  margin-right: 10px;
  position: relative;
  height: 24px;
  width: 25px;
}
.circle-checkbox--innards.mod-invisible {
  border: none;
}
[data-theme=dark] .circle-checkbox--innards, .circle-checkbox--innards[data-theme=dark] {
  border-color: #ababab;
  background: #171717;
}
.circle-checkbox--btn:checked + .circle-checkbox--innards:after {
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 24C19.0647 24 24.5 18.5529 24.5 12C24.5 5.43529 19.0529 0 12.4882 0C5.93529 0 0.5 5.43529 0.5 12C0.5 18.5529 5.94706 24 12.5 24ZM11.1706 17.7529C10.7706 17.7529 10.4412 17.5882 10.1353 17.1765L7.18235 13.5529C7.00588 13.3176 6.9 13.0588 6.9 12.7882C6.9 12.2588 7.31176 11.8235 7.84118 11.8235C8.18235 11.8235 8.44118 11.9294 8.73529 12.3176L11.1235 15.4L16.1471 7.32941C16.3706 6.97647 16.6765 6.78824 16.9824 6.78824C17.5 6.78824 17.9824 7.14118 17.9824 7.69412C17.9824 7.95294 17.8294 8.22353 17.6882 8.47059L12.1588 17.1765C11.9118 17.5647 11.5706 17.7529 11.1706 17.7529Z' fill='%2343B1E6'/%3E%3C/svg%3E%0A");
  height: 24px;
  width: 25px;
}
.circle-checkbox--btn:disabled + .circle-checkbox--innards {
  cursor: default;
}
.circle-checkbox--btn:checked + .circle-checkbox--innards {
  border: transparent;
}
.circle-checkbox--label {
  color: #282828;
  cursor: pointer;
  float: left;
  padding-left: 15px;
}

.cb-selector {
  display: flex;
  align-items: center;
  padding: 16px;
  justify-content: space-between;
  border-radius: 7px;
  border: 1px solid #dadada;
  cursor: pointer;
  -moz-column-gap: 16px;
       column-gap: 16px;
  min-width: 240px;
}
@media screen and (min-width: 768px), print {
  .cb-selector:hover {
    border-color: #43b1e6;
  }
}
.cb-selector[aria-checked=true] {
  border-color: #43b1e6;
}
.cb-selector--label {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.cb-selector--icon {
  width: 24px;
  height: 24px;
  fill: #919191;
}
.cb-selector--text {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #919191;
  white-space: nowrap;
}
.cb-selector::after {
  width: 24px;
  height: 24px;
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 5.8C4.5 5.08203 5.08203 4.5 5.8 4.5H18.2C18.918 4.5 19.5 5.08203 19.5 5.8V18.2C19.5 18.918 18.918 19.5 18.2 19.5H5.8C5.08203 19.5 4.5 18.918 4.5 18.2V5.8Z' fill='white' stroke='%23DADADA'/%3E%3C/svg%3E%0A");
}
.cb-selector[aria-checked=true]::after {
  width: 24px;
  height: 24px;
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 5.8C4.5 5.08203 5.08203 4.5 5.8 4.5H18.2C18.918 4.5 19.5 5.08203 19.5 5.8V18.2C19.5 18.918 18.918 19.5 18.2 19.5H5.8C5.08203 19.5 4.5 18.918 4.5 18.2V5.8Z' fill='white' stroke='%23DADADA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.8293 8.17067C17.0569 8.39824 17.0569 8.7672 16.8293 8.99477L10.7664 15.0577C10.5388 15.2853 10.1699 15.2853 9.9423 15.0577L7.17067 12.2861C6.94311 12.0585 6.94311 11.6895 7.17067 11.462C7.39824 11.2344 7.7672 11.2344 7.99477 11.462L10.3543 13.8216L16.0052 8.17067C16.2328 7.94311 16.6018 7.94311 16.8293 8.17067Z' fill='%2343B1E6'/%3E%3C/svg%3E%0A");
}

.modal[data-modal-id=add-to-setlist][data-theme=light] .checkbox--innards {
  border-color: #dadada;
}

@-moz-document url-prefix() {
  option {
    color: #282828;
  }
  [data-theme=dark] option, option[data-theme=dark] {
    color: #ababab;
  }
}
.select {
  color: #919191;
  overflow: hidden;
  position: relative;
  width: 100%;
}
[data-theme=dark] .select, .select[data-theme=dark] {
  color: #ababab;
}
.select:after {
  background: url(https://multitracks.blob.core.windows.net/public/images/icon/select-arrow.svg) no-repeat;
  content: "";
  display: block;
  height: 5px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 18px;
  width: 9px;
}
.select.mod-search:after {
  background: url("//mtracks.azureedge.net/public/images/icon/arrow-line.svg") no-repeat;
  width: 24px;
  height: 16px;
  top: 10px;
  right: 6px;
}
.select.mod-custom, .select.mod-custom--up-down {
  position: relative;
  overflow: visible;
  font-size: 16px;
}
.select.mod-custom select, .select.mod-custom--up-down select {
  display: none;
}
.select.mod-custom:after, .select.mod-custom--up-down:after {
  top: 15px;
}
.select.mod-custom--up-down:after, .select.mod-custom--up-down--up-down:after {
  background: url(https://multitracks.blob.core.windows.net/public/images/icon/arrow-up-down.svg) no-repeat;
  top: 4px;
  height: 24px;
  width: 17px;
  right: 8px;
}
@media all and (min-width: 1200px) {
  .select.mod-custom, .select.mod-custom--up-down {
    font-size: 14px;
  }
}
.select.mod-white {
  color: #363636;
}
[data-theme=dark] .select.mod-white, .select.mod-white[data-theme=dark] {
  color: #ffffff;
}
.select.mod-max-width {
  margin: 0;
  width: 100%;
}
.select.mod-half-width {
  width: 50%;
}
.select.mod-auto-width {
  width: auto;
}
.select.mod-min-content {
  width: -moz-min-content;
  width: min-content;
}
.select.mod-max-content {
  width: -moz-max-content;
  width: max-content;
}
.select.mod-transparent .select--input {
  background-color: transparent;
}
.select.mod-slim:after {
  right: 12px;
  top: 14px;
}
.select.mod-slim.mod-two-arrows:after {
  top: 4px;
  right: 8px;
}
.select.mod-slim.mod-search:after {
  right: 9px;
  top: 9px;
}
.select.mod-slim .select--input {
  background-position: top right 30px;
  height: 32px;
}
.select.mod-img-select {
  position: relative;
}
.select.mod-img-select.has-img-option .select--input {
  padding-left: 43px;
}
.select.mod-img-select.has-img-option .select--input--img {
  display: block;
}
[data-theme=dark] .select.mod-text-dark, .select.mod-text-dark[data-theme=dark] {
  color: #898989;
}
.select.is-disabled {
  border-color: #f1f2f3;
  opacity: 0.6;
  pointer-events: none;
}
.select.is-disabled:before {
  background: #f1f2f3;
}
.select.is-disabled:after {
  background: url(https://multitracks.blob.core.windows.net/public/images/icon/select-arrow-disabled.svg) no-repeat;
}
.select--input {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: white;
  background-image: url(https://multitracks.blob.core.windows.net/public/images/icon/1x2-westar.svg);
  background-repeat: repeat-y;
  background-position: top right 36px;
  border-radius: 5px;
  border: 2px solid #dadada;
  color: #919191;
  cursor: pointer;
  font-size: 16px;
  height: 40px;
  padding: 0 38px 0 12px;
  width: 100%;
}
[data-theme=dark] .select--input.mod-darker, .select--input.mod-darker[data-theme=dark] {
  border-color: #363636;
  background-color: #171717;
}
.select--input.mod-darker::focus {
  border-color: dimgray;
}
[data-theme=dark] .select--input, .select--input[data-theme=dark] {
  background-image: url(https://multitracks.blob.core.windows.net/public/images/icon/1x2-westar-dark.svg);
  background-color: #222222;
  border-color: #5a5a5a;
  color: #ffffff;
}
@media all and (min-width: 1200px) {
  .select--input {
    font-size: 14px;
  }
}
.select--input[disabled] {
  cursor: default;
  color: #f1f2f3;
}
.select--input:focus {
  background-image: url(https://multitracks.blob.core.windows.net/public/images/icon/1x2-c2c0ba.svg);
  border-color: rgb(192.5, 192.5, 192.5);
  outline: none;
}
[data-theme=dark] .select--input:focus, .select--input:focus[data-theme=dark] {
  border-color: #8d8d8d;
}
.select--input.mod-search {
  font-size: 14px;
}
.select--input.mod-unseparated {
  background: unset;
}
.select--input.has-error {
  border-color: #ea4444;
}
.select--input.mod-slim {
  height: 32px;
  border: 1px solid #ababab;
  background-image: none;
  padding: 0 32px 0 8px;
}
.select--input.mod-minimal-text {
  color: #ababab;
}
.select--input.mod-auto-width {
  width: auto;
}
.select--input.mod-min-content {
  width: -moz-min-content;
  width: min-content;
}
[data-theme=dark] .select--input.mod-no-border, .select--input.mod-no-border[data-theme=dark] {
  border-color: transparent;
}
[data-theme=dark] .select--input.mod-text-dark, .select--input.mod-text-dark[data-theme=dark] {
  color: #898989;
}
.select--input.mod-tracks {
  padding: 0 38px 0 12px;
  border-radius: 5px;
}
.select--input--img {
  display: none;
  border-radius: 2px;
  height: 28px;
  left: 6px;
  position: absolute;
  pointer-events: none;
  top: 6px;
  width: 28px;
}
[data-theme=dark] .select--input option, .select--input option[data-theme=dark] {
  background-color: #222222;
}
[data-theme=dark] .select--input option:checked, .select--input option:checked[data-theme=dark] {
  background-color: #080808;
  color: #43b1e6;
}
.select.mod-minimal:after {
  right: 12px;
  top: 14px;
}
.select.mod-minimal .select--input {
  font-size: 14px;
  line-height: 1.5;
  padding: 0 32px 0 8px;
  background-image: none;
  height: 32px;
  border-width: 1px;
}

.modal[data-modal-id=add-to-setlist][data-theme=light] .select--input {
  background-image: url(https://multitracks.blob.core.windows.net/public/images/icon/1x2-westar.svg);
  background-color: #ffffff;
  border-color: #dadada;
  color: #919191;
}
.modal[data-modal-id=add-to-setlist][data-theme=light] .select--input.mod-unseparated {
  background: unset;
}
.modal[data-modal-id=add-to-setlist][data-theme=light] .select--input option {
  background-color: #ffffff;
}
.modal[data-modal-id=add-to-setlist][data-theme=light] .select--input option:checked {
  background-color: #ffffff;
  color: #919191;
}

.custom-select.mod-sync {
  color: #363636;
}
.custom-select.mod-sync .custom-select--selected-2 {
  border-color: #d8d8d8;
}
[data-theme=dark] .custom-select.mod-sync .custom-select--selected-2, .custom-select.mod-sync .custom-select--selected-2[data-theme=dark] {
  color: #ffffff;
  border-color: #363636;
  background-color: #171717;
}
.custom-select--selected, .custom-select--selected-2 {
  overflow: hidden;
  border: 1px solid #dadada;
  height: 32px;
  border-radius: 4px;
  padding: 0 20px 0 8px;
  line-height: 32px;
  background-color: #ffffff;
  text-overflow: ellipsis;
}
[data-theme=dark] .custom-select--selected, .custom-select--selected[data-theme=dark], [data-theme=dark] .custom-select--selected-2, .custom-select--selected-2[data-theme=dark] {
  border-color: #363636;
  background-color: #171717;
}
.custom-select--selected.mod-disabled, .custom-select--selected-2.mod-disabled {
  opacity: 0.4;
  pointer-events: none;
}
[data-theme=dark] .custom-select--selected-2, .custom-select--selected-2[data-theme=dark] {
  color: #d8d8d8;
  border-color: #363636;
  background-color: #171717;
}
.custom-select--options, .custom-select--options-2 {
  max-height: 200px;
  overflow-y: scroll;
  top: 32px;
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  padding: 12px 0;
  z-index: 2;
  border-radius: 8px;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}
[data-theme=dark] .custom-select--options, .custom-select--options[data-theme=dark], [data-theme=dark] .custom-select--options-2, .custom-select--options-2[data-theme=dark] {
  background-color: #171717;
  box-shadow: unset;
}
.custom-select--options.mod-border-select, .custom-select--options-2.mod-border-select {
  padding: 16px 8px;
}
.custom-select--options.mod-open-up, .custom-select--options-2.mod-open-up {
  bottom: 32px;
  top: unset;
}
[data-theme=dark] .custom-select--options-2, .custom-select--options-2[data-theme=dark] {
  color: #d8d8d8;
  border-color: #363636;
  background-color: #222222;
}
.custom-select--option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 8px;
}
.custom-select--option:hover {
  background-color: #fafafa;
  color: #43b1e6;
}
[data-theme=dark] .custom-select--option:hover, .custom-select--option:hover[data-theme=dark] {
  background-color: #080808;
}
.custom-select--option.mod-end-of-list {
  justify-self: center;
}
.custom-select--option.mod-end-of-list:hover {
  background-color: unset;
  color: unset;
}
[data-theme=dark] .custom-select--option.mod-end-of-list:hover, .custom-select--option.mod-end-of-list:hover[data-theme=dark] {
  background-color: unset;
}
.custom-select--option.mod-border-select {
  margin: 2px 0;
}
.custom-select--option.mod-border-select:first-of-type {
  margin-top: 0;
}
.custom-select--option.mod-border-select:last-of-type {
  margin-bottom: 0;
}
.custom-select--option.is-selected {
  border: 1px solid #43b1e6;
  border-radius: 4px;
}
.custom-select--option--icon {
  width: 16px;
  height: 16px;
  fill: #43b1e6;
}

.selection-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  text-align: center;
}
.selection-box:has(.selection-box--input:checked) {
  border: 1px solid #43b1e6;
}
.selection-box--input {
  display: none;
}
.selection-box--label {
  padding: 0 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80px;
  font-size: 18px;
  font-weight: 700;
  color: #282828;
  line-height: 100%;
}

.textarea {
  background: none;
  border-radius: 5px;
  border: 2px solid #dadada;
  box-sizing: border-box;
  color: #919191;
  font-size: 14px;
  margin: 0;
  max-width: 100%;
  padding: 7px 12px 8px;
  width: 100%;
}
[data-theme=dark] .textarea, .textarea[data-theme=dark] {
  border-color: #5a5a5a;
  color: #ffffff;
}
[data-theme=dark] .textarea:focus, .textarea[data-theme=dark]:focus {
  border-color: #8d8d8d;
}
[data-theme=dark] .textarea::-moz-placeholder, .textarea[data-theme=dark]::-moz-placeholder {
  color: #757575;
}
[data-theme=dark] .textarea::placeholder, .textarea[data-theme=dark]::placeholder {
  color: #757575;
}
[data-theme=dark] .textarea::-webkit-input-placeholder, .textarea[data-theme=dark]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #757575;
}
[data-theme=dark] .textarea::-moz-placeholder, .textarea[data-theme=dark]::-moz-placeholder {
  /* Firefox 19+ */
  color: #757575;
}
[data-theme=dark] .textarea:-ms-input-placeholder, .textarea[data-theme=dark]:-ms-input-placeholder {
  /* IE 10+ */
  color: #757575;
}
[data-theme=dark] .textarea:-moz-placeholder, .textarea[data-theme=dark]:-moz-placeholder {
  /* Firefox 18- */
  color: #757575;
}
.textarea:focus {
  border-color: rgb(192.5, 192.5, 192.5);
  outline: none;
}
.textarea.mod-resize-none {
  resize: none;
}
.textarea.mod-slim {
  border-width: 1px;
}
.textarea.mod-dark-text {
  color: #171717;
}
.textarea.mod-lg {
  height: 120px;
}
.textarea.mod-max-width {
  width: 100%;
  max-width: 100%;
}
.textarea.mod-slim {
  border-width: 1px;
}
[data-theme=dark] .textarea.mod-darkest, .textarea.mod-darkest[data-theme=dark] {
  border-color: #363636;
  background-color: #222222;
}
[data-theme=dark] .textarea.mod-darkest:focus, .textarea.mod-darkest[data-theme=dark]:focus {
  border-color: rgb(59.1, 59.1, 59.1);
}

.modal[data-modal-id=add-to-setlist][data-theme=light] .textarea {
  border-color: #dadada;
}
.modal[data-modal-id=add-to-setlist][data-theme=light] .textarea::-moz-placeholder {
  color: unset;
}
.modal[data-modal-id=add-to-setlist][data-theme=light] .textarea::placeholder {
  color: unset;
}
.modal[data-modal-id=add-to-setlist][data-theme=light] .textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: unset;
}
.modal[data-modal-id=add-to-setlist][data-theme=light] .textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: unset;
}
.modal[data-modal-id=add-to-setlist][data-theme=light] .textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: unset;
}
.modal[data-modal-id=add-to-setlist][data-theme=light] .textarea:-moz-placeholder {
  /* Firefox 18- */
  color: unset;
}

.onoff-switch {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  float: left;
  margin-right: 12px;
  position: absolute;
  width: 32px;
}
.onoff-switch .chk-area {
  display: none;
}
.onoff-switch.mod-sticky {
  position: sticky;
  margin-right: 0;
}
.onoff-switch--checkbox {
  display: none;
}
.onoff-switch--label {
  border-radius: 10px;
  cursor: pointer;
  display: block;
  overflow: hidden;
}
.onoff-switch--inner {
  display: block;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
  width: 200%;
}
.onoff-switch--inner:before {
  transition: all 0.2s ease;
  background-color: #dadada;
  box-sizing: border-box;
  color: white;
  content: "";
  padding-left: 10px;
  display: block;
  height: 18px;
  line-height: 30px;
  padding: 0;
  width: 100%;
}
[data-theme=dark] .onoff-switch--inner:before, .onoff-switch--inner:before[data-theme=dark] {
  background-color: #363636;
}
.onoff-switch--switch {
  transition: all 0.2s ease;
  background: #ffffff;
  border-radius: 20px;
  bottom: 0;
  position: absolute;
  right: 14px;
  top: 0;
  display: block;
  margin: 2px;
  width: 14px;
}
[data-theme=dark] .onoff-switch--switch, .onoff-switch--switch[data-theme=dark] {
  background: #d8d8d8;
}
.onoff-switch--row {
  display: block;
  padding-left: 40px;
  padding-right: 110px;
  position: relative;
  width: 100%;
}
.onoff-switch--checkbox:checked + .onoff-switch--label .onoff-switch--inner {
  margin-left: 0;
}
.onoff-switch--checkbox:checked + .onoff-switch--label .onoff-switch--inner:before {
  background: #43a86c;
}
.onoff-switch--checkbox:checked.mod-blue + .onoff-switch--label .onoff-switch--inner:before {
  background: #205773;
}
.onoff-switch--checkbox:checked + .onoff-switch--label .onoff-switch--switch {
  right: 0px;
}
.onoff-switch--checkbox:disabled + .onoff-switch--label {
  cursor: not-allowed;
  opacity: 0.5;
}

.form-row--onoff-switch--label {
  color: #919191;
  padding-left: 40px;
}

.label.mod-above {
  font-size: 14px;
  display: block;
  margin: 0 0 5px;
}
.label-prompt {
  display: block;
  margin: 0 0 8px;
}

.lg-label {
  color: #282828;
  display: block;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 16px;
}

.form-container {
  max-width: 610px;
  margin: 0 auto;
}

.form-row {
  margin-bottom: 12px;
  position: relative;
}
.form-row.mod-disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.form-row.mod-mar-btm-16 {
  margin-bottom: 16px;
}
.form-row.has-error .form-row--required-label {
  color: #ea4444;
}
.form-row.has-error .form-row--input {
  border-color: #ea4444;
}
.form-row--required-label {
  font-size: 14px;
  display: block;
}
.form-row--label {
  font-size: 14px;
  display: block;
  margin-bottom: 4px;
  align-self: flex-start;
}
[data-theme=dark] .form-row--label, .form-row--label[data-theme=dark] {
  color: #ababab;
}
.form-row--label.mod-mar-btm-dbl {
  margin-bottom: 8px;
}
.form-row--label.mod-white {
  color: #222222;
}
[data-theme=dark] .form-row--label.mod-white, .form-row--label.mod-white[data-theme=dark] {
  color: #ffffff;
}
.form-row--label.mod-fit-content {
  width: -moz-fit-content;
  width: fit-content;
}
.form-row--label.mod-text-left {
  text-align: left;
}
.form-row--label.mod-flex {
  display: flex;
  align-items: center;
  gap: 4px;
}
.form-row--label.mod-space-btwn {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.form-row--label.mod-optional {
  display: inline-block;
  color: #dadada;
  margin-left: 5px;
  margin-bottom: 0;
}
.form-row--label.mod-required:after {
  color: #43b1e6;
  content: "*";
  display: inline-block;
  vertical-align: top;
}
.form-row--label.mod-empty {
  height: 15px;
}
.form-row--label.mod-dark {
  color: #222222;
}
.form-row--label.mod-vue {
  font-size: 16px;
}
.form-row--label.mod-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.form-row--label--info-tip {
  width: 14px;
  height: 14px;
  color: #d8d8d8;
}
[data-theme=dark] .form-row--label, .form-row--label[data-theme=dark] {
  color: #ababab;
}
.form-row--input {
  display: block;
  width: 100%;
}
.form-row--input.has-error {
  border-color: #ea4444;
}
.form-row--input.has-error-icon {
  border-color: #ea4444;
  background: no-repeat top 10px right 5px/16px url(https://multitracks.blob.core.windows.net/public/images/icon/exclamation-red-border.svg);
}
.form-row--input.has-date-icon {
  background: no-repeat top 8px right 5px/16px url(https://multitracks.blob.core.windows.net/public/images/icon/calendar.svg);
}
.form-row--input[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}
.form-row--input.mod-vue {
  height: 33px;
}
.form-row--price {
  color: #919191;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.form-row--select {
  height: 33px;
}
.form-row--submit {
  float: left;
}
.form-row--submit.mod-right {
  float: right;
}
.form-row--count {
  color: #919191;
  opacity: 0.8;
  position: absolute;
  right: 0;
}
.form-row--password {
  position: relative;
}
.form-row--password--show-icon, .form-row--password--hide-icon {
  position: absolute;
  top: 8px;
  right: 18px;
  width: 24px;
  height: 24px;
  fill: #919191;
  cursor: pointer;
}
.form-row.mod-flex {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  margin: 0;
}
.form-row.mod-flex .form-row--input {
  margin: 0;
}
.form-row.mod-flex .form-row--label {
  margin: 0;
}
.form-row.mod-pco-import {
  margin-bottom: 0;
}
.form-row.mod-pco-import .form-row--label {
  color: #282828;
}

.modal[data-modal-id=add-to-setlist][data-theme=light] .form-row--label {
  color: #282828;
}
.modal[data-modal-id=add-to-setlist][data-theme=light] .form-row--input {
  border-color: #dadada;
  color: #919191;
  background-color: #ffffff;
}

.upload {
  margin: 5px 0;
}
.upload:focus {
  border: none;
  outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #919191;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.range {
  width: 100%;
  padding-top: 70px;
  /* microsoft IE10+ and Edge - eliminates default fills before and after thumb */
}
@media screen and (min-width: 768px), print {
  .range {
    padding-top: 5px;
  }
}
.range.mod-rehearsalmix .range--fill {
  background: #43b1e6;
  border-color: #43b1e6;
}
.range.mod-chartbuilder .range--fill {
  background: #43b1e6;
  border-color: #43b1e6;
}
.range.mod-playback .range--fill {
  background: #43b1e6;
  border-color: #43b1e6;
}
.range.mod-charts::-webkit-slider-thumb {
  box-shadow: -100vw 0 0 100vw #43b1e6;
}
.range--holder {
  border: 0 none;
  height: 40px;
  left: 0px;
  overflow: visible;
  position: relative;
  top: 0px;
  width: 100%;
}
.range--input {
  left: 0px;
  overflow: visible;
  position: absolute;
  top: 0px;
  z-index: 7;
}
.range--track {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #dadada;
  height: 8px;
  left: 0;
  position: absolute;
  top: 15px;
  width: 100%;
}
.mod-playback .range--track {
  background: #171717;
  border-color: #5c5c5c;
}
.range--fill {
  background: #43b1e6;
  border-radius: 10px;
  border: 2px solid #43b1e6;
  height: 8px;
  left: 0;
  min-width: 28px;
  pointer-events: none;
  position: absolute;
  top: 15px;
  z-index: 4;
}
.range--thumb {
  background: white;
  border-radius: 40px;
  border: 0 none;
  border: 1px solid #dadada;
  box-shadow: 0px 1px 3px 0px #000000 19.81%;
  height: 40px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 56px;
  z-index: 5;
}
.mod-playback .range--thumb {
  background: #5c5c5c;
  border-color: #919191;
}
.range--value {
  background: #ffffff;
  border-radius: 5px;
  border: 2px solid #dadada;
  color: #282828;
  font-size: 20px;
  font-weight: 600;
  height: 40px;
  left: 0;
  line-height: 40px;
  margin: -2px 0 0;
  padding: 0px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: -60px;
  width: 56px;
  z-index: 6;
}
@media screen and (min-width: 768px), print {
  .range--value {
    background: transparent;
    border: none;
    top: 1px;
  }
}
.mod-playback .range--value {
  color: #000000;
}
@media screen and (min-width: 768px), print {
  .mod-playback .range--value {
    color: #ffffff;
  }
}
.range--value:after, .range--value:before {
  border: solid transparent;
  content: " ";
  height: 0;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 0;
}
@media screen and (min-width: 768px), print {
  .range--value:after, .range--value:before {
    display: none;
  }
}
.range--value:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 14px;
  margin-left: -14px;
}
@media screen and (min-width: 768px), print {
  .range--value:after {
    display: none;
  }
}
.range--value:before {
  border-color: rgba(218, 217, 213, 0);
  border-top-color: #dadada;
  border-width: 17px;
  margin-left: -17px;
}
@media screen and (min-width: 768px), print {
  .range--value:before {
    display: none;
  }
}
.range--value2 {
  border-radius: 5px;
  border: 2px solid #dadada;
  color: #919191;
  height: 40px;
  left: 0;
  line-height: 40px;
  margin: -2px 0 0;
  padding: 0px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 1px;
  width: 86px;
}
@media screen and (min-width: 768px), print {
  .range--value2 {
    border: none;
    top: 1px;
  }
}
.range input[type=range]::-ms-track {
  -webkit-appearance: none;
  background: transparent;
  border: 0 none;
  color: transparent;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  overflow: visible;
  padding: 0px;
  width: 100%;
}
.range input[type=range]::-moz-range-track {
  -moz-appearance: none;
  background: transparent;
  border: 0 none;
  color: transparent;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  overflow: visible;
  padding: 0px;
  width: 100%;
}
.range input[type=range] {
  -webkit-appearance: none;
  background: transparent;
  border: 0 none;
  color: transparent;
  cursor: pointer;
  height: 100%;
  margin: 0px;
  overflow: visible;
  padding: 0px;
  width: 100%;
}
.range input[type=range]:focus::-webkit-slider-runnable-track {
  background: transparent;
  border: transparent;
}
.range input[type=range]:focus {
  outline: none;
}
.range input[type=range]::-ms-thumb {
  background: transparent;
  border-radius: 0px;
  border: 0 none;
  height: 40px;
  width: 86px;
}
.range input[type=range]::-moz-range-thumb {
  background: transparent;
  border-radius: 0px;
  border: 0 none;
  height: 40px;
  width: 86px;
}
.range input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: transparent;
  border-radius: 0px;
  border: 0 none;
  height: 40px;
  width: 86px;
}
.range input[type=range]::-ms-fill-lower {
  background: transparent;
  border: 0 none;
}
.range input[type=range]::-ms-fill-upper {
  background: transparent;
  border: 0 none;
}
.range input[type=range]::-ms-tooltip {
  display: none;
}
.range input[type=range]::-webkit-slider-thumb {
  opacity: 0;
}

.radio-card-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
}
@media screen and (min-width: 768px), print {
  .radio-card-group {
    flex-direction: row;
    margin-bottom: 16px;
  }
}
.radio-card-group--card {
  padding: 16px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "header check" "description description";
  flex: 1;
  flex-direction: column;
  gap: 4px;
  border: 1px solid #d8d8d8;
  border-radius: 7px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[data-theme=dark] .radio-card-group--card, .radio-card-group--card[data-theme=dark] {
  border-color: #363636;
}
.radio-card-group--card input {
  display: none;
}
.radio-card-group--card:has(input:disabled) {
  opacity: 0.3;
}
.radio-card-group--card:has(input:checked) {
  border-color: #43b1e6;
  background-color: rgba(255, 255, 255, 0.0392156863);
}
.radio-card-group--card:has(input:checked) .radio-card-group--card--heading {
  color: #171717;
}
[data-theme=dark] .radio-card-group--card:has(input:checked) .radio-card-group--card--heading, .radio-card-group--card:has(input:checked) .radio-card-group--card--heading[data-theme=dark] {
  color: #ffffff;
}
.radio-card-group--card:has(input:disabled) {
  opacity: 0.4;
}
.radio-card-group--card.mod-centered {
  grid-template-areas: "header check";
  grid-template-rows: auto;
}
.radio-card-group--card.mod-track {
  grid-template-areas: "header check" "description check";
}
.radio-card-group--card--header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.radio-card-group--card--heading {
  grid-area: header;
  margin: 0px;
  color: #171717;
  font-size: 14px;
  line-height: 150%;
  font-weight: 700;
}
[data-theme=dark] .radio-card-group--card--heading, .radio-card-group--card--heading[data-theme=dark] {
  color: #d8d8d8;
}
[data-theme=dark] input:checked ~ .radio-card-group--card--heading, input:checked ~ .radio-card-group--card--heading[data-theme=dark] {
  color: #ffffff;
}
.radio-card-group--card--heading.mod-small {
  font-size: 12px;
}
.radio-card-group--card--input {
  grid-area: check;
  align-self: flex-start;
  justify-self: end;
  padding: 4px;
}
.radio-card-group--card--input.mod-centered, .radio-card-group--card--input.mod-track {
  padding: 0;
  align-self: center;
}
.radio-card-group--card--check {
  width: 16px;
  height: 16px;
  border-radius: 50px;
  border: 1px solid #d8d8d8;
  position: relative;
}
[data-theme=dark] .radio-card-group--card--check, .radio-card-group--card--check[data-theme=dark] {
  border-color: #363636;
}
.radio-card-group--card--check:after {
  content: "";
  position: absolute;
  background-color: #43b1e6;
  width: 8px;
  height: 8px;
  border-radius: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
input:checked ~ .radio-card-group--card--check {
  background-color: #ffffff;
}
[data-theme=dark] input:checked ~ .radio-card-group--card--check, input:checked ~ .radio-card-group--card--check[data-theme=dark] {
  background-color: #171717;
}
input:checked ~ .radio-card-group--card--check:after {
  display: block;
}
.radio-card-group--card--description {
  grid-area: description;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0px;
  padding: 0px;
}
.radio-card-group--card--description p {
  margin: 0px;
  color: #363636;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
}
[data-theme=dark] .radio-card-group--card--description p, .radio-card-group--card--description p[data-theme=dark] {
  color: #d8d8d8;
}
.radio-card-group--card--description p.mod-track {
  font-size: 14px;
  font-weight: 700;
}
.radio-card-group--card--description p.mod-track span {
  font-size: 14px;
}
.radio-card-group--card--description span {
  margin: 0px;
  color: #363636;
  font-size: 11px;
  font-weight: 700;
  line-height: 150%;
}
[data-theme=dark] .radio-card-group--card--description span, .radio-card-group--card--description span[data-theme=dark] {
  color: #d8d8d8;
}

.radio {
  align-items: center;
  display: flex;
}
.radio--highlight .radio--highlight--label {
  color: #dadada;
  font-weight: bold;
}
.radio.mod-highlight .radio--btn:checked ~ .radio--highlight--label {
  color: #919191;
}
.radio--btn {
  position: absolute;
  visibility: hidden;
}
.radio--innards {
  background: #fff;
  border-radius: 50%;
  border: 1px solid #dadada;
  cursor: pointer;
  display: block;
  height: 16px;
  margin-right: 10px;
  position: relative;
  width: 16px;
  min-width: 16px;
}
[data-theme=dark] .radio--innards, .radio--innards[data-theme=dark] {
  background: #171717;
  border-color: #363636;
}
.radio--innards.mod-check {
  height: 24px;
  width: 25px;
}
.radio--label {
  color: #919191;
}
.radio--label.mod-normal {
  font-weight: 400;
}
[data-theme=dark] .radio--label, .radio--label[data-theme=dark] {
  color: #ababab;
}
.radio--btn:checked + .radio--innards:after {
  content: "";
  background: #43b1e6;
  border-radius: 5px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
}
.radio--btn:disabled ~ label {
  opacity: 0.5;
}
.radio--btn:disabled ~ label.radio--innards:after {
  background: #919191;
}
.radio--innards--checkmark {
  background: #fff;
  border-radius: 50%;
  border: 1px solid #dadada;
  cursor: pointer;
  display: block;
  margin-right: 10px;
  position: relative;
  height: 24px;
  width: 25px;
}
.radio--innards--checkmark.mod-invisible {
  border: none;
}
.radio--btn:checked + .radio--innards--checkmark:after {
  position: absolute;
  left: 0px;
  top: 0px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 24C19.0647 24 24.5 18.5529 24.5 12C24.5 5.43529 19.0529 0 12.4882 0C5.93529 0 0.5 5.43529 0.5 12C0.5 18.5529 5.94706 24 12.5 24ZM11.1706 17.7529C10.7706 17.7529 10.4412 17.5882 10.1353 17.1765L7.18235 13.5529C7.00588 13.3176 6.9 13.0588 6.9 12.7882C6.9 12.2588 7.31176 11.8235 7.84118 11.8235C8.18235 11.8235 8.44118 11.9294 8.73529 12.3176L11.1235 15.4L16.1471 7.32941C16.3706 6.97647 16.6765 6.78824 16.9824 6.78824C17.5 6.78824 17.9824 7.14118 17.9824 7.69412C17.9824 7.95294 17.8294 8.22353 17.6882 8.47059L12.1588 17.1765C11.9118 17.5647 11.5706 17.7529 11.1706 17.7529Z' fill='%2343B1E6'/%3E%3C/svg%3E%0A");
  height: 24px;
  width: 25px;
}
.radio--btn:checked + .radio--innards--checkmark {
  border: transparent;
}

/* @import-page@ */
.u-row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  -moz-column-gap: 15px;
       column-gap: 15px;
}

.u-row.mod-reverse {
  direction: rtl;
  text-align: left;
}

.u-col-xs,
.u-col-xs-1,
.u-col-xs-2,
.u-col-xs-3,
.u-col-xs-4,
.u-col-xs-5,
.u-col-xs-6,
.u-col-xs-7,
.u-col-xs-8,
.u-col-xs-9,
.u-col-xs-10,
.u-col-xs-11,
.u-col-xs-12,
.u-col-xs-offset-1,
.u-col-xs-offset-2,
.u-col-xs-offset-3,
.u-col-xs-offset-4,
.u-col-xs-offset-5 {
  min-width: 0;
}

.u-col-xs {
  grid-column: span 12;
}

.u-col-xs-1 {
  grid-column: span 1;
}

.u-col-xs-2 {
  grid-column: span 2;
}

.u-col-xs-3 {
  grid-column: span 3;
}

.u-col-xs-4 {
  grid-column: span 4;
}

.u-col-xs-5 {
  grid-column: span 5;
}

.u-col-xs-6 {
  grid-column: span 6;
}

.u-col-xs-7 {
  grid-column: span 7;
}

.u-col-xs-8 {
  grid-column: span 8;
}

.u-col-xs-9 {
  grid-column: span 9;
}

.u-col-xs-10 {
  grid-column: span 10;
}

.u-col-xs-11 {
  grid-column: span 11;
}

.u-col-xs-12 {
  grid-column: span 12;
}

.u-col-gap-20 {
  -moz-column-gap: 20px;
       column-gap: 20px;
}

@media screen and (max-width: 767px) {
  .u-col-xs-12 {
    margin-bottom: 15px;
  }
}
.u-col-xs-offset-1 {
  grid-column: 2/span 10;
}

.u-col-xs-offset-2 {
  grid-column: 3/span 8;
}

.u-col-xs-offset-3 {
  grid-column: 4/span 6;
}

.u-col-xs-offset-4 {
  grid-column: 5/span 4;
}

.u-col-xs-offset-5 {
  grid-column: 6/span 2;
}

.mod-start-xs {
  justify-items: flex-start;
  text-align: start;
}

.mod-center-xs {
  justify-items: center;
  text-align: center;
}

.mod-end-xs {
  justify-items: flex-end;
  text-align: end;
}

.mod-top-xs {
  align-items: flex-start;
}

.mod-middle-xs {
  align-items: center;
}

.mod-self-middle-xs {
  align-self: center;
}

.mod-bottom-xs {
  align-items: flex-end;
}

.mod-around-xs {
  justify-content: space-around;
}

.mod-between-xs {
  justify-content: space-between;
}

.mod-first-xs {
  order: -1;
}

.mod-last-xs {
  order: 1;
}

@media screen and (min-width: 768px), print {
  .u-container {
    width: 49rem;
  }
  .u-col-sm,
  .u-col-sm-1,
  .u-col-sm-2,
  .u-col-sm-3,
  .u-col-sm-4,
  .u-col-sm-5,
  .u-col-sm-6,
  .u-col-sm-7,
  .u-col-sm-8,
  .u-col-sm-9,
  .u-col-sm-10,
  .u-col-sm-11,
  .u-col-sm-12,
  .u-col-sm-offset-1,
  .u-col-sm-offset-2,
  .u-col-sm-offset-3,
  .u-col-sm-offset-4,
  .u-col-sm-offset-5 {
    min-width: 0;
  }
  .u-col-sm {
    grid-column: span 12;
  }
  .u-col-sm-1 {
    grid-column: span 1;
  }
  .u-col-sm-2 {
    grid-column: span 2;
  }
  .u-col-sm-3 {
    grid-column: span 3;
  }
  .u-col-sm-4 {
    grid-column: span 4;
  }
  .u-col-sm-5 {
    grid-column: span 5;
  }
  .u-col-sm-6 {
    grid-column: span 6;
  }
  .u-col-sm-7 {
    grid-column: span 7;
  }
  .u-col-sm-8 {
    grid-column: span 8;
  }
  .u-col-sm-9 {
    grid-column: span 9;
  }
  .u-col-sm-10 {
    grid-column: span 10;
  }
  .u-col-sm-11 {
    grid-column: span 11;
  }
  .u-col-sm-12 {
    grid-column: span 12;
  }
  .u-col-sm-offset-1 {
    grid-column: 2/span 10;
  }
  .u-col-sm-offset-2 {
    grid-column: 3/span 8;
  }
  .u-col-sm-offset-3 {
    grid-column: 4/span 6;
  }
  .u-col-sm-offset-4 {
    grid-column: 5/span 4;
  }
  .u-col-sm-offset-5 {
    grid-column: 6/span 2;
  }
  .mod-start-sm {
    justify-items: flex-start;
    text-align: start;
  }
  .mod-center-sm {
    justify-items: center;
    text-align: center;
  }
  .mod-end-sm {
    justify-items: flex-end;
    text-align: end;
  }
  .mod-top-sm {
    align-items: flex-start;
  }
  .mod-middle-sm {
    align-items: center;
  }
  .mod-self-middle-sm {
    align-self: center;
  }
  .mod-bottom-sm {
    align-items: flex-end;
  }
  .mod-around-sm {
    justify-content: space-around;
  }
  .mod-between-sm {
    justify-content: space-between;
  }
  .mod-first-sm {
    order: -1;
  }
  .mod-last-sm {
    order: 1;
  }
}
@media all and (min-width: 1024px) {
  .u-container {
    width: 65rem;
  }
  .u-col-md,
  .u-col-md-1,
  .u-col-md-2,
  .u-col-md-3,
  .u-col-md-4,
  .u-col-md-5,
  .u-col-md-6,
  .u-col-md-7,
  .u-col-md-8,
  .u-col-md-9,
  .u-col-md-10,
  .u-col-md-11,
  .u-col-md-12,
  .u-col-md-offset-1,
  .u-col-md-offset-2,
  .u-col-md-offset-3,
  .u-col-md-offset-4,
  .u-col-md-offset-5 {
    min-width: 0;
  }
  .u-col-md {
    grid-column: span 12;
  }
  .u-col-md-1 {
    grid-column: span 1;
  }
  .u-col-md-2 {
    grid-column: span 2;
  }
  .u-col-md-3 {
    grid-column: span 3;
  }
  .u-col-md-4 {
    grid-column: span 4;
  }
  .u-col-md-5 {
    grid-column: span 5;
  }
  .u-col-md-6 {
    grid-column: span 6;
  }
  .u-col-md-7 {
    grid-column: span 7;
  }
  .u-col-md-8 {
    grid-column: span 8;
  }
  .u-col-md-9 {
    grid-column: span 9;
  }
  .u-col-md-10 {
    grid-column: span 10;
  }
  .u-col-md-11 {
    grid-column: span 11;
  }
  .u-col-md-12 {
    grid-column: span 12;
  }
  .u-col-md-offset-1 {
    grid-column: 2/span 10;
  }
  .u-col-md-offset-2 {
    grid-column: 3/span 8;
  }
  .u-col-md-offset-3 {
    grid-column: 4/span 6;
  }
  .u-col-md-offset-4 {
    grid-column: 5/span 4;
  }
  .u-col-md-offset-5 {
    grid-column: 6/span 2;
  }
  .mod-start-md {
    justify-items: flex-start;
    text-align: start;
  }
  .mod-center-md {
    justify-items: center;
    text-align: center;
  }
  .mod-end-md {
    justify-items: flex-end;
    text-align: end;
  }
  .mod-top-md {
    align-items: flex-start;
  }
  .mod-middle-md {
    align-items: center;
  }
  .mod-self-middle-md {
    align-self: center;
  }
  .mod-bottom-md {
    align-items: flex-end;
  }
  .mod-around-md {
    justify-content: space-around;
  }
  .mod-between-md {
    justify-content: space-between;
  }
  .mod-first-md {
    order: -1;
  }
  .mod-last-md {
    order: 1;
  }
}
@media all and (min-width: 1200px) {
  .u-container {
    width: 76rem;
  }
  .u-col-lg,
  .u-col-lg-1,
  .u-col-lg-2,
  .u-col-lg-3,
  .u-col-lg-4,
  .u-col-lg-5,
  .u-col-lg-6,
  .u-col-lg-7,
  .u-col-lg-8,
  .u-col-lg-9,
  .u-col-lg-10,
  .u-col-lg-11,
  .u-col-lg-12,
  .u-col-lg-offset-1,
  .u-col-lg-offset-2,
  .u-col-lg-offset-3,
  .u-col-lg-offset-4,
  .u-col-lg-offset-5 {
    min-width: 0;
  }
  .u-col-lg {
    grid-column: span 12;
  }
  .u-col-lg-1 {
    grid-column: span 1;
  }
  .u-col-lg-2 {
    grid-column: span 2;
  }
  .u-col-lg-3 {
    grid-column: span 3;
  }
  .u-col-lg-4 {
    grid-column: span 4;
  }
  .u-col-lg-5 {
    grid-column: span 5;
  }
  .u-col-lg-6 {
    grid-column: span 6;
  }
  .u-col-lg-7 {
    grid-column: span 7;
  }
  .u-col-lg-8 {
    grid-column: span 8;
  }
  .u-col-lg-9 {
    grid-column: span 9;
  }
  .u-col-lg-10 {
    grid-column: span 10;
  }
  .u-col-lg-11 {
    grid-column: span 11;
  }
  .u-col-lg-12 {
    grid-column: span 12;
  }
  .u-col-lg-offset-1 {
    grid-column: 2/span 10;
  }
  .u-col-lg-offset-2 {
    grid-column: 3/span 8;
  }
  .u-col-lg-offset-3 {
    grid-column: 4/span 6;
  }
  .u-col-lg-offset-4 {
    grid-column: 5/span 4;
  }
  .u-col-lg-offset-5 {
    grid-column: 6/span 2;
  }
  .mod-start-lg {
    justify-items: flex-start;
    text-align: start;
  }
  .mod-center-lg {
    justify-items: center;
    text-align: center;
  }
  .mod-end-lg {
    justify-items: flex-end;
    text-align: end;
  }
  .mod-top-lg {
    align-items: flex-start;
  }
  .mod-middle-lg {
    align-items: center;
  }
  .mod-self-middle-lg {
    align-self: center;
  }
  .mod-bottom-lg {
    align-items: flex-end;
  }
  .mod-around-lg {
    justify-content: space-around;
  }
  .mod-between-lg {
    justify-content: space-between;
  }
  .mod-first-lg {
    order: -1;
  }
  .mod-last-lg {
    order: 1;
  }
}
.u-container {
  margin: 0px auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 100%;
}
@media all and (min-width: 1024px) {
  .u-container {
    max-width: 1170px;
  }
}
.u-container.mod-fluid {
  overflow-x: hidden;
}
@media screen and (min-width: 768px), print {
  .u-container.mod-fluid {
    max-width: 100%;
  }
}
@media all and (min-width: 1024px) {
  .u-container.mod-fluid {
    max-width: 100%;
  }
}
@media all and (min-width: 1200px) {
  .u-container.mod-fluid {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .u-container.mod-mobile-full > .u-row > div[class^=u-col]:first-child {
    padding-left: 0;
  }
  .u-container.mod-mobile-full > .u-row > div[class^=u-col]:last-child {
    padding-right: 0;
  }
}
.u-container.mod-full > .u-row > div[class^=u-col]:first-child {
  padding-left: 0;
}
.u-container.mod-full > .u-row > div[class^=u-col]:last-child {
  padding-right: 0;
}
.u-container.mod-no-margin > .u-row > div[class^=u-col] {
  padding: 0;
}
.u-container.mod-page-layout {
  padding-left: 23px;
  padding-right: 23px;
}
@media screen and (min-width: 768px), print {
  .u-container.mod-page-layout {
    padding-top: 15px;
  }
}
@media all and (min-width: 1024px) {
  .u-container.mod-page-layout {
    padding-top: 30px;
  }
}
@media all and (min-width: 1281px) {
  .u-container.mod-page-layout {
    padding: 30px 0;
  }
}
.u-container.mod-no-padding {
  padding: 0;
}
.u-container.mod-mobile-white {
  background: #ffffff;
}
@media screen and (min-width: 768px), print {
  .u-container.mod-mobile-white {
    background: none;
  }
}

.u-container-lg {
  margin: 0px auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 100%;
}
@media all and (min-width: 1024px) {
  .u-container-lg {
    max-width: 1300px;
  }
}
.u-container-lg.mod-fluid {
  overflow-x: hidden;
}
@media screen and (min-width: 768px), print {
  .u-container-lg.mod-fluid {
    max-width: 100%;
  }
}
@media all and (min-width: 1024px) {
  .u-container-lg.mod-fluid {
    max-width: 100%;
  }
}
@media all and (min-width: 1200px) {
  .u-container-lg.mod-fluid {
    max-width: 100%;
  }
}

.u-holder {
  background: #ffffff;
  box-sizing: border-box;
  padding-bottom: 30px;
  padding-top: 25px;
}
@media screen and (min-width: 768px), print {
  .u-holder {
    border-radius: 7px;
    padding: 23px 35px 30px;
  }
}
.u-holder.mod-focus {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .u-holder.mod-focus {
    padding: 35px 15px;
    width: 755px;
  }
}
@media all and (min-width: 1024px) {
  .u-holder.mod-focus {
    padding: 35px;
    width: 900px;
  }
}
.u-holder.mod-small-focus {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .u-holder.mod-small-focus {
    padding: 32px;
    width: 755px;
  }
}
@media all and (min-width: 1024px) {
  .u-holder.mod-small-focus {
    width: 900px;
  }
}
.u-holder.mod-xsmall-focus {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .u-holder.mod-xsmall-focus {
    padding: 35px;
    width: 400px;
  }
}
@media all and (min-width: 1024px) {
  .u-holder.mod-xsmall-focus {
    width: 500px;
  }
}
@media screen and (min-width: 768px), print {
  .u-holder.mod-focus-pb {
    padding: 60px 35px 65px;
    width: 755px;
  }
}
@media all and (min-width: 1024px) {
  .u-holder.mod-focus-pb {
    width: 900px;
  }
}

.u-side-scroll {
  overflow-x: scroll;
}
.u-side-scroll::-webkit-scrollbar {
  display: none;
}

.u-divider {
  background: #dadada;
  margin: 20px 0;
  height: 1px;
  width: 100%;
}

.u-mar-0 {
  margin: 0;
}

.u-mar-2 {
  margin: 2px;
}

.u-mar-5 {
  margin: 2px;
}

.u-mar-10 {
  margin: 10px;
}

.u-mar-bottom-neg-10 {
  margin-bottom: -10px;
}

.u-mar-bottom-neg-5 {
  margin-bottom: -5px;
}

.u-mar-bottom-0 {
  margin-bottom: 0;
}

.u-mar-bottom-5 {
  margin-bottom: 5px;
}

.u-mar-bottom-10 {
  margin-bottom: 10px;
}

.u-mar-bottom-15 {
  margin-bottom: 15px;
}

.u-mar-bottom-16 {
  margin-bottom: 16px;
}

.u-mar-bottom-20 {
  margin-bottom: 20px;
}

.u-mar-bottom-24 {
  margin-bottom: 24px;
}

.u-mar-bottom-30 {
  margin-bottom: 30px;
}

.u-mar-bottom-36 {
  margin-bottom: 36px;
}

.u-mar-bottom-40 {
  margin-bottom: 40px;
}

.u-mar-bottom-50 {
  margin-bottom: 50px;
}

.u-mar-bottom-60 {
  margin-bottom: 60px;
}

.u-mar-bottom-70 {
  margin-bottom: 70px;
}

.u-mar-bottom-80 {
  margin-bottom: 80px;
}

.u-mar-bottom-90 {
  margin-bottom: 90px;
}

.u-mar-bottom-100 {
  margin-bottom: 100px;
}

.u-mar-top-neg-10 {
  margin-top: -10px;
}

.u-mar-top-neg-5 {
  margin-top: -5px;
}

.u-mar-top-0 {
  margin-top: 0;
}

.u-mar-top-5 {
  margin-top: 5px;
}

.u-mar-top-10 {
  margin-top: 10px;
}

.u-mar-top-12 {
  margin-top: 12px;
}

.u-mar-top-15 {
  margin-top: 15px;
}

.u-mar-top-20 {
  margin-top: 20px;
}

.u-mar-top-30 {
  margin-top: 30px;
}

.u-mar-top-36 {
  margin-top: 36px;
}

.u-mar-top-40 {
  margin-top: 40px;
}

.u-mar-top-50 {
  margin-top: 50px;
}

.u-mar-top-60 {
  margin-top: 60px;
}

.u-mar-top-70 {
  margin-top: 70px;
}

.u-mar-top-80 {
  margin-top: 80px;
}

.u-mar-top-90 {
  margin-top: 90px;
}

.u-mar-top-100 {
  margin-top: 100px;
}

.u-mar-left-2 {
  margin-left: 2px;
}

.u-mar-left-5 {
  margin-left: 5px;
}

.u-mar-left-10 {
  margin-left: 10px;
}

.u-mar-left-15 {
  margin-left: 15px;
}

.u-mar-left-20 {
  margin-left: 20px;
}

.u-mar-right-2 {
  margin-right: 2px;
}

.u-mar-right-5 {
  margin-right: 5px;
}

.u-mar-right-10 {
  margin-right: 10px;
}

.u-mar-right-15 {
  margin-right: 15px;
}

.u-mar-right-20 {
  margin-right: 20px;
}

.u-mar-4 {
  margin: 4px;
}

.u-mar-8 {
  margin: 8px;
}

.u-mar-16 {
  margin: 16px;
}

.u-mar-24 {
  margin: 24px;
}

.u-mar-32 {
  margin: 32px;
}

.u-mar-top-4 {
  margin-top: 4px;
}

.u-mar-top-8 {
  margin-top: 8px;
}

.u-mar-top-16 {
  margin-top: 16px;
}

.u-mar-top-24 {
  margin-top: 24px;
}

.u-mar-top-32 {
  margin-top: 32px;
}

.u-mar-left-4 {
  margin-left: 4px;
}

.u-mar-left-8 {
  margin-left: 8px;
}

.u-mar-left-16 {
  margin-left: 16px;
}

.u-mar-left-24 {
  margin-left: 24px;
}

.u-mar-left-32 {
  margin-left: 32px;
}

.u-mar-right-4 {
  margin-right: 4px;
}

.u-mar-right-8 {
  margin-right: 8px;
}

.u-mar-right-16 {
  margin-right: 16px;
}

.u-mar-right-24 {
  margin-right: 24px;
}

.u-mar-right-32 {
  margin-right: 32px;
}

.u-mar-bottom-4 {
  margin-bottom: 4px;
}

.u-mar-bottom-8 {
  margin-bottom: 8px;
}

.u-mar-bottom-16 {
  margin-bottom: 16px;
}

.u-mar-bottom-24 {
  margin-bottom: 24px;
}

.u-mar-bottom-26 {
  margin-bottom: 26px;
}

.u-mar-bottom-32 {
  margin-bottom: 32px;
}

.u-img {
  display: block;
  width: 100%;
}

.u-float-right {
  float: right;
}

.u-justify-self-end {
  justify-self: flex-end;
}

.u-float-left {
  float: left;
}

.u-justify-self-start {
  justify-self: flex-start;
}

.u-pad-left-5 {
  padding-left: 5px;
}

.u-pad-left-10 {
  padding-left: 10px;
}

.u-pad-left-15 {
  padding-left: 15px;
}

.u-pad-left-20 {
  padding-left: 20px;
}

.u-pad-left-30 {
  padding-left: 30px;
}

.u-pad-left-40 {
  padding-left: 40px;
}

.u-pad-left-50 {
  padding-left: 50px;
}

.u-pad-right-5 {
  padding-right: 5px;
}

.u-pad-right-10 {
  padding-right: 10px;
}

.u-pad-right-15 {
  padding-right: 15px;
}

.u-pad-right-20 {
  padding-right: 20px;
}

.u-pad-right-30 {
  padding-right: 30px;
}

.u-pad-right-40 {
  padding-right: 40px;
}

.u-pad-right-50 {
  padding-right: 50px;
}

.u-pad-top-10 {
  padding-top: 10px;
}

.u-pad-top-30 {
  padding-top: 30px;
}

.u-pad-btm-10 {
  padding-bottom: 10px;
}

.u-no-shrink {
  flex-shrink: 0;
}

.u-flex {
  display: flex;
}

.u-flex-wrap {
  flex-wrap: wrap;
}

.u-flex-row {
  display: flex;
  flex-direction: row;
}

.u-flex-col {
  display: flex;
  flex-direction: column;
}

.u-block {
  display: block;
}

.u-inline-block {
  display: inline-block;
}

.u-inline {
  display: inline;
}

.u-contents {
  display: contents;
}

.u-width-100 {
  width: 100%;
}

.u-align-self-start {
  align-self: flex-start;
}

/* -----------------------------------------
    notification-bar.scss
    		  midi input page -> time code info box
---------------------------------------- */
.notification-bar {
  align-items: center;
  background: #e3f3fb;
  border-radius: 5px;
  color: #205773;
  display: flex;
  justify-content: space-between;
  margin: 16px 0;
  padding: 16px;
  position: relative;
  width: 100%;
}
[data-theme=dark] .notification-bar, .notification-bar[data-theme=dark] {
  color: #ffffff;
  background: rgba(67, 177, 230, 0.2);
}
.notification-bar.mod-rounder {
  border-radius: 10px;
}
.notification-bar.mod-default {
  background: #e3f3fb;
  color: #205773;
}
[data-theme=dark] .notification-bar.mod-default, .notification-bar.mod-default[data-theme=dark] {
  color: #43b1e6;
  background: rgba(67, 177, 230, 0.2);
}
.notification-bar.mod-default-darker {
  color: #ffffff;
  background: #205773;
}
.notification-bar.mod-success {
  background: #c8e7d5;
  color: #2e754b;
}
[data-theme=dark] .notification-bar.mod-success, .notification-bar.mod-success[data-theme=dark] {
  color: #43a86c;
  background-color: rgba(67, 168, 108, 0.2);
}
.notification-bar.mod-green {
  background: #43a86c;
  color: white;
  padding: 12px 0;
  margin: 4px 0;
  border-radius: 0;
  display: flex;
  justify-content: center;
}
[data-theme=dark] .notification-bar.mod-green, .notification-bar.mod-green[data-theme=dark] {
  color: #ffffff;
  background-color: #205335;
}
.notification-bar.mod-green .notification-bar--icon {
  width: 20px;
  height: 20px;
  margin-right: 18px;
}
.notification-bar.mod-green .notification-bar--text {
  flex-grow: 0;
  font-size: 16px;
  line-height: 1.5;
}
.notification-bar.mod-no-margin {
  margin: 0;
}
.notification-bar.mod-no-top-margin {
  margin: 0 0 16px;
}
.notification-bar.mod-no-btm-margin {
  margin: 16px 0 0;
}
.notification-bar.mod-sm-padding {
  padding: 8px;
}
.notification-bar.mod-mar-24 {
  margin: 24px 0;
}
.notification-bar.mod-mar-bottom-24 {
  margin: 0 0 24px;
}
.notification-bar.mod-success-alt {
  background: #edf7f1;
  color: #2e754b;
}
.notification-bar.mod-error {
  background: #f8c9c9;
  color: #ea4444;
}
.notification-bar.mod-warning {
  background: #fff6d6;
  color: #5c5c5c;
}
[data-theme=dark] .notification-bar.mod-warning, .notification-bar.mod-warning[data-theme=dark] {
  background: rgba(242, 173, 13, 0.2);
  color: #ffffff;
}
.notification-bar.mod-custommix {
  justify-content: flex-start;
  -moz-column-gap: 17px;
       column-gap: 17px;
}
.notification-bar.mod-custommix .notification-bar--icon {
  align-self: flex-start;
  margin: 3px 0 0;
}
.notification-bar.mod-pricing {
  margin-top: 0;
}
.notification-bar.mod-cloud-song-reporting {
  margin-bottom: 8px;
  padding: 12px;
}
.notification-bar.mod-with-video-btn {
  flex-direction: column;
}
@media all and (min-width: 524px) {
  .notification-bar.mod-with-video-btn {
    flex-direction: row;
  }
}
.notification-bar.mod-align-start {
  align-items: flex-start;
}
.notification-bar.mod-no-margin {
  margin: 0;
}
.notification-bar.mod-midi-cues {
  align-items: flex-start;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.notification-bar.mod-midi-cues .notification-bar--icon {
  padding: 3px;
  margin: 0;
}
.notification-bar.mod-general {
  background-color: #fafafa;
  color: #5c5c5c;
}
[data-theme=dark] .notification-bar.mod-general, .notification-bar.mod-general[data-theme=dark] {
  background-color: #363636;
  color: #ffffff;
}
.notification-bar--icon {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  color: inherit;
  fill: currentColor;
  flex-shrink: 0;
  margin-right: 16px;
  margin-top: 3px;
  height: 24px;
  width: 24px;
}
.notification-bar--icon.mod-no-margin-top {
  margin-top: 0;
}
.notification-bar--icon.mod-icon-lg {
  width: 48px;
  height: 48px;
}
.notification-bar--icon.mod-icon-sm {
  width: 22px;
}
.notification-bar--icon.mod-icon-xs {
  width: 18px;
  height: 18px;
}
.notification-bar--icon.mod-center-icon {
  align-self: center;
}
.notification-bar--icon.mod-center-icon.mod-icon-xs {
  margin-bottom: 3px;
}
.notification-bar--icon .mod-warning-icon {
  fill: #f2ad0d;
}
[data-theme=dark] .notification-bar--icon .mod-warning-icon, .notification-bar--icon .mod-warning-icon[data-theme=dark] {
  fill: #ffffff;
}
.notification-bar--icon .mod-brand-icon {
  fill: #43b1e6;
}
.notification-bar--icon--loader {
  align-items: center;
  display: inline-flex;
  height: 24px;
  justify-content: center;
  vertical-align: middle;
  width: 24px;
}
.notification-bar--icon--loader > div {
  background-color: #205773;
}
.notification-bar--close {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  margin-left: 16px;
  height: 24px;
  width: 24px;
}
.notification-bar--close--icon {
  display: block;
  fill: currentColor;
  height: 10px;
  width: 10px;
}
.notification-bar--close.mod-corner {
  height: 100%;
  align-items: flex-start;
}
.notification-bar--text {
  flex-grow: 1;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  text-align: left;
}
.notification-bar--text.mod-center {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .notification-bar--text.mod-center {
    flex-direction: row;
  }
}
.notification-bar--text.mod-text-sm {
  font-size: 12px;
  font-weight: 700;
}
.notification-bar--text .mod-text-important {
  font-weight: 700;
}
.notification-bar--text a {
  color: currentColor;
  text-decoration: underline;
}
.notification-bar--text a.link-blue-inline {
  color: #43b1e6;
}
.notification-bar--text a.link-blue-inline:hover {
  color: rgb(28.8732394366, 155.9154929577, 217.1267605634);
}
.notification-bar--text a.btn, .notification-bar--text a.btn-small {
  color: #ffffff;
  text-decoration: none;
  margin: 6px;
}
.notification-bar--btn {
  flex-shrink: 0;
  display: block;
  margin-top: 10px;
}
.notification-bar--link {
  text-decoration: underline;
  font-size: 12px;
}
.notification-bar--link:hover {
  cursor: pointer;
}
.notification-bar--video-btn {
  display: none;
  min-width: -moz-max-content;
  min-width: max-content;
  color: currentColor;
}
.notification-bar--video-btn.mod-mobile {
  display: block;
  margin-top: 12px;
}
@media all and (min-width: 524px) {
  .notification-bar--video-btn.mod-mobile {
    display: none;
  }
}
.notification-bar--video-btn.mod-color-white {
  color: white;
}
@media all and (min-width: 524px) {
  .notification-bar--video-btn {
    display: block;
    margin-left: 8px;
  }
}
.notification-bar--top-row {
  display: flex;
  align-items: center;
  width: 100%;
}

/* -----------------------------------------
    error-bar.scss
    		  register -> terms and conditions
    		  people -> modal: new user -> confirmation -->
---------------------------------------- */
.error-bar {
  background: #ea4444;
  color: #ffffff;
  display: none;
  padding: 12px 15px;
  position: relative;
  width: 100%;
  z-index: 16;
}
.is-invalid .error-bar {
  display: block;
}
.error-bar--icon {
  color: #ffffff;
  left: 14px;
  position: absolute;
  top: 14px;
}
.error-bar--text {
  color: #ffffff;
  font-size: 16px;
  margin: 0 0 0 32px;
  text-align: left;
}
.error-bar--text a {
  vertical-align: bottom;
}
.error-bar.mod-center {
  text-align: center;
}
.error-bar.mod-center .error-bar--icon {
  display: inline-block;
  height: 20px;
  margin: 0;
  position: static;
  vertical-align: middle;
}
.error-bar.mod-center .error-bar--text {
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: middle;
}

.inline-notification {
  display: flex;
  flex-direction: row;
  padding: 16px;
  gap: 16px;
  border-radius: 5px;
  background-color: #e3f3fb;
}
[data-theme=dark] .inline-notification, .inline-notification[data-theme=dark] {
  background-color: #133444;
}
.inline-notification--icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 3px;
  fill: #43b1e6;
}
[data-theme=dark] .inline-notification--icon, .inline-notification--icon[data-theme=dark] {
  fill: #ffffff;
}
.inline-notification--text {
  flex-grow: 1;
  color: #363636;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}
[data-theme=dark] .inline-notification--text, .inline-notification--text[data-theme=dark] {
  color: #ffffff;
}

.modal {
  -webkit-transform: translate3d(0, 0, 0);
  background: #ffffff;
  border-radius: 7px;
  box-sizing: border-box;
  display: none;
  max-width: 700px;
  outline: none;
  position: relative;
  transform: translate3d(0, 0, 0);
  vertical-align: middle;
  width: 100%;
}
[data-theme=dark] .modal, .modal[data-theme=dark] {
  background-color: #222222;
}
[data-theme=dark] .modal.mod-rent, .modal[data-theme=dark].mod-rent {
  background-color: #171717;
}
.modal.is-init {
  display: inline-block;
}
.modal.mod-xsmall {
  max-width: 350px;
}
.modal.mod-small {
  max-width: 464px;
}
.modal.mod-mid {
  max-width: 548px;
}
.modal.mod-medium {
  max-width: 680px;
}
.modal.mod-large {
  max-width: 700px;
}
.modal.mod-larger {
  max-width: 770px;
}
.modal.mod-extra-large {
  max-width: 800px;
}
.modal.mod-no-width {
  max-width: unset;
  width: unset;
}
.modal.mod-can-scroll {
  height: 95vh;
  overflow: auto;
}
@media screen and (min-width: 768px), print {
  .modal.mod-can-scroll {
    height: unset;
    overflow: unset;
  }
}
.modal .modal--loader.padded {
  padding: 50px;
}
.modal.mod-minimal .modal--heading {
  border-bottom: none;
  margin-top: 8px;
  padding: 20px;
}
.modal.mod-minimal .modal--heading--title {
  text-align: center;
}
.modal.mod-share-cart .modal--heading {
  border-bottom: 0;
}
.modal.mod-share-cart .modal--heading--title {
  font-weight: 700;
}
.modal.mod-share-cart .modal--body {
  color: #282828;
}
.modal.mod-share-cart .modal--body--link {
  word-wrap: break-word;
}
.modal.mod-share-cart .modal--footer {
  border-top: 1px solid #f1f2f3;
  padding: 16px 24px;
}
.modal.mod-upgrade-legacy .modal--heading {
  padding: 24px;
}
@media screen and (min-width: 768px), print {
  .modal.mod-upgrade-legacy .modal--heading {
    padding: 48px 48px 24px;
  }
}
.modal.mod-upgrade-legacy .modal--body {
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media screen and (min-width: 768px), print {
  .modal.mod-upgrade-legacy .modal--body {
    padding: 0 48px;
  }
}
.modal.mod-upgrade-legacy .modal--body-text {
  text-align: left;
  padding-top: 24px;
  border-top: 1px solid #f1f2f3;
}
.modal.mod-welcome {
  max-width: 640px;
  padding: 40px 24px;
}
@media screen and (min-width: 768px), print {
  .modal.mod-welcome {
    padding: 40px 80px;
  }
}
.modal.mod-welcome .modal--heading {
  padding: 0px;
  border: none;
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  align-items: center;
}
@media screen and (min-width: 768px), print {
  .modal.mod-welcome .modal--heading {
    margin-bottom: 40px;
  }
}
.modal.mod-welcome .modal--heading h2 {
  color: #000000;
  font-size: 28px;
  font-weight: 300;
  line-height: 125%;
  text-align: center;
}
.modal.mod-welcome .modal--body {
  padding: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
@media screen and (min-width: 768px), print {
  .modal.mod-welcome .modal--body {
    gap: 40px;
  }
}
.modal.mod-welcome .modal--footer {
  padding: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 32px;
}
@media screen and (min-width: 768px), print {
  .modal.mod-welcome .modal--footer {
    margin-top: 40px;
  }
}
.modal.mod-promo {
  max-width: 400px;
}
.modal.mod-vue {
  max-width: 640px;
}
.modal.mod-vue.mod-pricing-video {
  max-width: unset;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: unset;
}
.modal.mod-vue.mod-create-setlist {
  max-width: 680px;
}
.modal.mod-vue.mod-sync-license {
  background-color: #ffffff;
}
[data-theme=dark] .modal.mod-vue.mod-sync-license, .modal.mod-vue.mod-sync-license[data-theme=dark] {
  background-color: #171717;
}
.modal.mod-vue.mod-sync-license .modal--header {
  grid-column: 1/span 2;
  display: grid;
  gap: 16px;
  grid-template-columns: 84px auto;
  padding: 40px 20px;
  border-bottom: 1px solid #eaeaea;
  align-items: center;
  text-align: left;
}
[data-theme=dark] .modal.mod-vue.mod-sync-license .modal--header, .modal.mod-vue.mod-sync-license .modal--header[data-theme=dark] {
  border-color: #363636;
}
@media screen and (min-width: 768px), print {
  .modal.mod-vue.mod-sync-license .modal--header {
    padding: 40px;
  }
}
.modal.mod-vue.mod-sync-license .modal--header--img {
  width: 84px;
  height: 84px;
  border-radius: 3px;
  position: relative;
}
.modal.mod-vue.mod-sync-license .modal--header--img img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
}
.modal.mod-vue.mod-sync-license .modal--header--img--overlay {
  background-color: #000000;
  border-radius: 3px;
  opacity: 0.4;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}
.modal.mod-vue.mod-sync-license .modal--header--img--icon {
  position: absolute;
  width: 44px;
  height: 44px;
  fill: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal.mod-vue.mod-sync-license .modal--header--details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.modal.mod-vue.mod-sync-license .modal--header--details-product {
  line-height: 25px;
  color: #171717;
}
[data-theme=dark] .modal.mod-vue.mod-sync-license .modal--header--details-product, .modal.mod-vue.mod-sync-license .modal--header--details-product[data-theme=dark] {
  color: #ffffff;
}
.modal.mod-vue.mod-sync-license .modal--header--details-title {
  color: #171717;
  line-height: 20px;
}
[data-theme=dark] .modal.mod-vue.mod-sync-license .modal--header--details-title, .modal.mod-vue.mod-sync-license .modal--header--details-title[data-theme=dark] {
  color: #ffffff;
}
.modal.mod-vue.mod-sync-license .modal--header--details-artist {
  font-size: 12px;
  color: #757575;
}
[data-theme=dark] .modal.mod-vue.mod-sync-license .modal--header--details-artist, .modal.mod-vue.mod-sync-license .modal--header--details-artist[data-theme=dark] {
  color: #d8d8d8;
}
@media screen and (min-width: 768px), print {
  .modal.mod-vue.mod-sync-license .modal--header--details-artist {
    font-size: 14px;
  }
}
.modal.mod-vue.mod-sync-license .modal--body--header {
  color: #171717;
  margin: 0 0 8px;
  display: flex;
  gap: 4px;
}
[data-theme=dark] .modal.mod-vue.mod-sync-license .modal--body--header, .modal.mod-vue.mod-sync-license .modal--body--header[data-theme=dark] {
  color: #ffffff;
}
.modal.mod-vue.mod-sync-license .modal--body--header.mod-deep {
  margin: 0 0 24px;
}
.modal.mod-vue.mod-sync-license .modal--body--text {
  margin: 0;
  font-size: 14px;
  color: #757575;
}
[data-theme=dark] .modal.mod-vue.mod-sync-license .modal--body--text, .modal.mod-vue.mod-sync-license .modal--body--text[data-theme=dark] {
  color: #d8d8d8;
}
.modal.mod-vue.mod-sync-license .modal--body--form {
  margin-top: 16px;
}
@media screen and (min-width: 768px), print {
  .modal.mod-vue.mod-sync-license .modal--body--form {
    margin-top: 20px;
  }
}
.modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--container {
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 24px;
  width: 100%;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #43b1e6;
}
.modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--item {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  gap: 24px;
}
.modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--item h2,
.modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--item p {
  margin: 0px;
  padding: 0px;
}
.modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--item--details {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
  max-width: 380px;
  align-items: flex-start;
}
.modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--item--details h2 {
  color: #080808;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  display: flex;
  flex-direction: row;
  gap: 4px;
}
[data-theme=dark] .modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--item--details h2, .modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--item--details h2[data-theme=dark] {
  color: #ffffff;
}
.modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--item--details p {
  color: #757575;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
}
[data-theme=dark] .modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--item--details p, .modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--item--details p[data-theme=dark] {
  color: #d8d8d8;
}
.modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--item--details a {
  color: #43b1e6;
  font-size: 12px;
  line-height: normal;
}
.modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--item--details a:hover {
  color: #3996c3;
  text-decoration: underline;
}
.modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--item--price {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--item--price p {
  margin: 0;
  color: #080808;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}
[data-theme=dark] .modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--item--price p, .modal.mod-vue.mod-sync-license .modal--body .sync-pricing-block--item--price p[data-theme=dark] {
  color: #ffffff;
}
.modal.mod-vue.mod-sync-license .modal--container.is-loading {
  min-height: 200px;
}
.modal.mod-vue.mod-sync-license .modal--container.is-loading:before {
  background: transparent;
}
.modal.mod-vue.mod-sync-license .modal--footer {
  margin-top: 36px;
  border-color: #eaeaea;
}
[data-theme=dark] .modal.mod-vue.mod-sync-license .modal--footer, .modal.mod-vue.mod-sync-license .modal--footer[data-theme=dark] {
  border-color: #363636;
}
.modal.mod-vue.mod-sync-license .modal--footer--cancel-btn {
  font-size: 16px;
}
.modal.mod-vue.mod-sync-license .modal--footer.mod-center-content {
  justify-content: center;
}
.modal.mod-vue.mod-pdf-chart .modal--header {
  border-bottom: 1px solid #dadada;
  padding: 24px;
}
.modal.mod-vue.mod-pdf-chart .modal--header--title {
  font-size: 20px;
  font-weight: 700;
}
.modal.mod-vue.mod-pdf-chart .modal--body {
  display: flex;
  padding: 24px;
  margin: 0;
  row-gap: 20px;
}
.modal.mod-vue.mod-pdf-chart .modal--body .modal--body-p {
  margin: 0;
}
.modal.mod-vue.mod-pdf-chart .modal--footer {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
[data-theme=dark] .modal.mod-vue:not([data-modal-id=add-to-setlist][data-theme=light],
[data-theme=light],
[data-modal-id=license-modal]), .modal.mod-vue:not([data-modal-id=add-to-setlist][data-theme=light],
[data-theme=light],
[data-modal-id=license-modal])[data-theme=dark] {
  background: #222222;
}
[data-theme=dark] .modal.mod-vue:not([data-modal-id=add-to-setlist][data-theme=light],
[data-theme=light],
[data-modal-id=license-modal]) .modal--container.is-loading:before, .modal.mod-vue:not([data-modal-id=add-to-setlist][data-theme=light],
[data-theme=light],
[data-modal-id=license-modal]) .modal--container.is-loading:before[data-theme=dark] {
  background: #222222;
}
[data-theme=dark] .modal.mod-vue:not([data-modal-id=add-to-setlist][data-theme=light],
[data-theme=light],
[data-modal-id=license-modal]) .modal--header--title, .modal.mod-vue:not([data-modal-id=add-to-setlist][data-theme=light],
[data-theme=light],
[data-modal-id=license-modal]) .modal--header--title[data-theme=dark] {
  color: #ffffff;
}
[data-theme=dark] .modal.mod-vue:not([data-modal-id=add-to-setlist][data-theme=light],
[data-theme=light],
[data-modal-id=license-modal]) .modal--footer, .modal.mod-vue:not([data-modal-id=add-to-setlist][data-theme=light],
[data-theme=light],
[data-modal-id=license-modal]) .modal--footer[data-theme=dark] {
  border-color: #5a5a5a;
}
[data-theme=dark] .modal.mod-vue:not([data-modal-id=add-to-setlist][data-theme=light],
[data-theme=light],
[data-modal-id=license-modal]) .modal--close-btn, .modal.mod-vue:not([data-modal-id=add-to-setlist][data-theme=light],
[data-theme=light],
[data-modal-id=license-modal]) .modal--close-btn[data-theme=dark] {
  background-position: 0;
  background: url("https://multitracks.blob.core.windows.net/public/images/icon/X-Icon-Close-Modal-Dark.svg") no-repeat;
}
.modal.mod-vue .modal--container.is-loading:before {
  z-index: 27;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  content: "";
  border-radius: 7px;
}
[data-theme=dark] .modal.mod-vue .modal--container.is-loading:before, .modal.mod-vue .modal--container.is-loading[data-theme=dark]:before {
  background: #222222;
}
.modal.mod-vue .modal--container.is-loading .modal--loader {
  visibility: visible;
  opacity: 1;
}
.modal.mod-vue .modal--close-btn {
  top: 12px;
  right: 12px;
  width: 14px;
  height: 14px;
}
@media screen and (min-width: 768px), print {
  .modal.mod-vue .modal--close-btn {
    top: 19px;
    right: 19px;
    width: 18px;
    height: 18px;
  }
}
.modal.mod-vue .modal--loader {
  visibility: hidden;
  z-index: 27;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  opacity: 0;
  transition: all 0.1s ease;
}
.modal.mod-vue .modal--loader.mod-lg {
  top: calc(50% - 24px);
  left: calc(50% - 24px);
}
.modal.mod-vue .modal--header {
  padding: 24px 24px 0;
  border-bottom: none;
}
@media screen and (min-width: 768px), print {
  .modal.mod-vue .modal--header {
    padding: 40px 40px 0;
  }
}
.modal.mod-vue .modal--header--title {
  margin: 0;
  color: #282828;
  font-size: 28px;
  font-weight: 700;
  text-align: left;
}
.modal.mod-vue .modal--header.mod-margin {
  margin-bottom: 16px;
}
.modal.mod-vue .modal--body {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
  padding: 0 24px 0;
  row-gap: 16px;
  text-align: left;
}
@media screen and (min-width: 768px), print {
  .modal.mod-vue .modal--body {
    padding: 0 40px 0;
  }
}
.modal.mod-vue .modal--body.mod-no-flex {
  display: block;
  margin-top: 16px;
}
.modal.mod-vue .modal--body.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.modal.mod-vue .modal--footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 24px;
  padding: 24px;
  border-top: 1px solid #f1f2f3;
}
@media screen and (min-width: 768px), print {
  .modal.mod-vue .modal--footer {
    margin-top: 32px;
    padding: 24px 40px;
  }
}
.modal.mod-demo-setlist .modal--body {
  padding: 0;
  margin: 0;
}
.modal.mod-demo-setlist .modal--footer {
  margin: 0;
}
.modal.mod-installments {
  max-width: 490px;
}
.modal.mod-installments .modal--container.is-loading:before {
  z-index: 27;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  content: "";
  border-radius: 7px;
}
.modal.mod-installments .modal--container.is-loading .modal--loader {
  visibility: visible;
  opacity: 1;
}
.modal.mod-installments .modal--close-btn {
  top: 12px;
  right: 12px;
  width: 14px;
  height: 14px;
}
@media screen and (min-width: 768px), print {
  .modal.mod-installments .modal--close-btn {
    top: 19px;
    right: 19px;
    width: 18px;
    height: 18px;
  }
}
.modal.mod-installments .modal--header {
  padding: 24px 24px 0;
  border-bottom: none;
}
@media screen and (min-width: 768px), print {
  .modal.mod-installments .modal--header {
    padding: 40px 40px 0;
  }
}
.modal.mod-installments .modal--header--title {
  margin: 0;
  color: #282828;
  font-size: 28px;
  font-weight: 700;
  text-align: left;
}
.modal.mod-installments .modal--body {
  display: flex;
  flex-direction: column;
  padding: 16px 40px 40px;
  row-gap: 28px;
  text-align: left;
}
@media screen and (min-width: 768px), print {
  .modal.mod-installments .modal--body {
    padding: 16px 40px 40px;
  }
}
.modal.mod-installments .modal--body--plan-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.modal.mod-installments .modal--body--plan-item--amount {
  display: flex;
  flex-direction: column;
}
.modal.mod-installments .modal--body--plan-item--amount--title {
  color: #282828;
  font-size: 14px;
  line-height: 21px;
  padding: 0;
  margin: 0;
}
.modal.mod-installments .modal--body--plan-item--amount--subtitle {
  color: #919191;
  font-size: 14px;
  line-height: 20px;
  padding: 0;
  margin: 0;
}
.modal.mod-installments .modal--footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 24px;
  border-top: 1px solid #f1f2f3;
}
@media screen and (min-width: 768px), print {
  .modal.mod-installments .modal--footer {
    padding: 24px 40px;
  }
}
.modal.mod-notification .modal--close-btn {
  height: 18px;
  right: 27px;
  top: 27px;
  width: 18px;
}
.modal.mod-notification .modal--heading {
  padding: 24px 48px 24px 24px;
}
.modal.mod-notification .modal--heading--title {
  margin: 0;
  color: #282828;
  font-size: 20px;
  line-height: 24px;
  text-align: left;
  font-weight: 700;
}
.modal.mod-notification .modal--body {
  padding: 24px;
}
.modal.mod-notification .modal--footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  -moz-column-gap: 24px;
       column-gap: 24px;
  padding: 0 24px 24px;
}
.modal.mod-notification .modal--footer--confirm-btn {
  margin: 0;
}
.modal--backdrop {
  -webkit-backface-visibility: hidden;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  backface-visibility: hidden;
  background: rgba(0, 0, 0, 0.8);
  bottom: -5000px;
  left: -5000px;
  opacity: 0;
  position: fixed;
  right: -5000px;
  top: -5000px;
  visibility: hidden;
  z-index: 26;
}
.modal--backdrop.is-open, .modal--backdrop.is-opening {
  animation-name: modal-overlay-open-keyframes;
}
.modal--backdrop.is-open {
  animation-fill-mode: none;
  opacity: 1;
  visibility: visible;
}
.modal--backdrop.is-closed, .modal--backdrop.is-closing {
  animation-name: modal-overlay-closed-keyframes;
}
.modal--backdrop.is-locked {
  cursor: default;
  pointer-events: none;
  touch-action: none;
}
.modal--timer-message {
  transition: all 0.2s ease;
  color: #919191;
  font-size: 0.9em;
  left: 0;
  opacity: 0;
  padding: 0 15px;
  pointer-events: none;
  position: absolute;
  top: 144px;
  transform: translateY(15px);
  visibility: hidden;
  width: 100%;
  z-index: 26;
}
.has-timer-message .modal--timer-message {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.modal--wrapper {
  -webkit-overflow-scrolling: touch;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  height: 100%;
  left: -9999px;
  opacity: 0;
  overflow: auto;
  padding: 10px;
  position: fixed;
  text-align: center;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 27;
}
.modal--wrapper:before {
  background-position: 0;
  background: url("https://multitracks.blob.core.windows.net/public/images/icon/019-X-Icon-Close-Modal.svg") no-repeat;
  cursor: pointer;
  content: "";
  display: block;
  height: 14px;
  opacity: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 14px;
}
@media screen and (min-width: 768px), print {
  .modal--wrapper:before {
    height: 20px;
    right: 30px;
    top: 30px;
    width: 20px;
  }
}
.modal--wrapper.mod-stop-scroll {
  overflow: hidden !important;
}
.modal--wrapper.mod-can-scroll {
  height: 100vh;
  overflow: unset;
  padding: 0;
}
@media screen and (min-width: 768px), print {
  .modal--wrapper.mod-can-scroll {
    overflow: auto;
    height: 100%;
    padding: 10px;
  }
}
.modal--wrapper.mod-faux-close-btn:before {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-name: remodal-opening-keyframes;
}
.modal--wrapper.remodal-is-closed:before, .modal--wrapper.remodal-is-closing:before {
  display: none;
  opacity: 0;
}
.modal--wrapper:after {
  content: "";
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  vertical-align: middle;
}
.modal--wrapper.is-short-transition {
  animation-duration: 0;
}
.modal--wrapper.is-open, .modal--wrapper.is-opening {
  animation-name: modal-open-keyframes;
  left: 0;
  z-index: 27;
}
.modal--wrapper.is-open {
  animation-fill-mode: none;
  opacity: 1;
  visibility: visible;
}
.modal--wrapper.is-closed, .modal--wrapper.is-closing {
  animation-name: modal-closed-keyframes;
}
.modal--wrapper.is-staged-modal {
  left: 100%;
}
.modal--bg {
  transition: all 0.3s ease;
}
.is-modal-open .modal--bg {
  filter: blur(3px);
}
.is-modal-closed .modal--bg {
  filter: blur(0);
}
.modal--iframe-loader {
  transition: all 0.15s ease;
  background: #ffffff;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
[data-theme=dark] .modal--iframe-loader, .modal--iframe-loader[data-theme=dark] {
  background: #171717;
}
.modal--iframe-loader--icon {
  left: 0;
  margin-top: -11px;
  position: absolute;
  top: 50%;
  width: 100%;
}
.modal.mod-iframe {
  height: 200px;
  max-height: 200px;
  overflow: hidden;
}
.modal.mod-iframe iframe {
  border: none;
  height: 100%;
  width: 100%;
}
.modal.mod-iframe.is-ready {
  transition: all 0.15s ease 0.15s;
  height: auto;
  max-height: 1000px;
}
.modal.mod-iframe.is-ready .modal--iframe-loader {
  opacity: 0;
  visibility: hidden;
}
.modal.mod-iframe.is-ready iframe {
  transition: all 0.15s ease 0.25s;
  opacity: 1;
}
.modal.mod-iframe.is-not-ready .modal--iframe-loader {
  opacity: 1;
  visibility: visible;
}
.modal.mod-iframe.is-not-ready iframe {
  transition: all 0.15s ease 0s;
  opacity: 0;
}
.modal.mod-no-padding {
  border-radius: 0;
}
.modal.mod-no-padding .modal--body {
  padding: 0;
}
.modal.mod-lg-padding .modal--heading {
  padding: 16px 24px 20px;
}
@media screen and (min-width: 768px), print {
  .modal.mod-lg-padding .modal--heading {
    padding: 40px 100px 24px;
  }
}
.modal.mod-lg-padding .modal--heading--title {
  font-size: 24px;
}
@media screen and (min-width: 768px), print {
  .modal.mod-lg-padding .modal--heading--title {
    font-size: 30px;
  }
}
.modal.mod-lg-padding .modal--body {
  padding: 0 24px 24px;
}
@media screen and (min-width: 768px), print {
  .modal.mod-lg-padding .modal--body {
    padding: 0 100px 24px;
  }
}
.modal.mod-lg-padding .modal--footer {
  padding: 0 24px 24px;
}
@media screen and (min-width: 768px), print {
  .modal.mod-lg-padding .modal--footer {
    padding: 0 100px 48px;
  }
}
.modal.mod-mod-no-overflow {
  overflow: hidden;
}
.modal.mod-video {
  background: transparent;
  border-radius: 0;
  max-width: none;
}
@media screen and (min-width: 768px), print {
  .modal.mod-video {
    width: auto;
  }
}
.modal.mod-video .modal--heading {
  border-bottom: none;
  padding: 0;
}
.modal.mod-video .modal--body {
  padding: 0;
  position: relative;
  text-align: center;
}
.modal.mod-video .modal--body iframe {
  float: none;
  height: 54vw;
  max-width: none;
  max-height: none;
  width: 96vw;
}
@media screen and (min-width: 768px), print {
  .modal.mod-video .modal--body iframe {
    height: 45vw;
    width: 80vw;
  }
}
@media screen and (min-width: 768px), print {
  .modal.mod-video.mod-video-carousel .modal--body iframe {
    height: 40vw;
    width: 70vw;
  }
}
.modal.mod-video .modal--close-btn {
  display: none;
}
.modal.mod-sync-info .modal--heading {
  padding: 40px 40px 0;
  border-bottom: none;
}
.modal.mod-sync-info .modal--heading--title {
  font-size: 28px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
}
.modal--heading {
  box-sizing: border-box;
  border-bottom: 1px solid #dadada;
  padding: 20px 50px 20px 20px;
  overflow: hidden;
}
[data-theme=dark] .modal--heading, .modal--heading[data-theme=dark] {
  border-color: #363636;
}
.modal--heading.mod-lg-pad {
  padding: 40px 20px 16px;
}
@media screen and (min-width: 768px), print {
  .modal--heading.mod-lg-pad {
    padding: 40px 40px 16px;
  }
}
.modal--heading.mod-no-border {
  border-bottom: none;
}
.modal--heading.mod-remodal-update {
  display: flex;
  justify-content: center;
  padding: 54px 9px 0px;
  border-bottom: none;
}
@media screen and (min-width: 768px), print {
  .modal--heading.mod-remodal-update {
    padding: 64px 64px 0px;
  }
}
.modal--heading.mod-add-to-library {
  padding: 24px 24px 16px;
  border-bottom: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
}
@media screen and (min-width: 768px), print {
  .modal--heading.mod-add-to-library {
    padding: 40px 40px 16px;
  }
}
.modal--heading.mod-add-to-library .modal--heading--title {
  font-size: 28px;
  line-height: 35px;
  font-weight: 700;
}
.modal--heading.mod-add-to-library .modal--heading--subtitle {
  font-size: 18px;
  line-height: 27px;
  color: #919191;
  text-align: left;
}
.mod-minimal .modal--heading {
  border-bottom: none;
  margin-top: 8px;
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .modal--heading {
    padding: 30px 60px 20px 30px;
  }
}
.modal--heading--icon {
  max-width: 80px;
  max-height: 80px;
  margin: 15px 0;
  fill: currentColor;
}
.modal--heading--title {
  color: #282828;
  margin: 0;
  overflow: hidden;
  text-align: left;
}
[data-theme=dark] .modal--heading--title, .modal--heading--title[data-theme=dark] {
  color: #ffffff;
}
.mod-minimal .modal--heading--title {
  text-align: center;
}
.modal--heading--title.mod-remodal-update {
  font-size: 28px;
  line-height: 35px;
}
.mod-minimal .modal--heading--sub-title {
  text-align: center;
}
.modal--heading--subtitle-left {
  display: block;
  font-size: 18px;
  line-height: 27px;
  text-align: left;
  margin-top: 24px;
}
.modal--heading.mod-tabstrip {
  border-bottom: none;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 768px), print {
  .modal--heading.mod-tabstrip {
    padding-right: 0;
  }
}
.modal--error {
  background: #ea4444;
  color: #ffffff;
  height: auto;
  padding: 10px 15px;
  text-align: center;
  width: 100%;
}
.modal--body {
  box-sizing: border-box;
  padding: 20px;
  text-align: left;
}
@media screen and (min-width: 768px), print {
  .modal--body {
    padding: 20px 30px;
  }
}
.modal--body.mod-lg-pad {
  padding: 16px 20px 40px;
}
@media screen and (min-width: 768px), print {
  .modal--body.mod-lg-pad {
    padding: 16px 40px 40px;
  }
}
.modal--body.mod-center {
  text-align: center;
}
.modal--body.mod-pad-top-0 {
  padding-top: 0;
}
.modal--body.mod-remodal-update {
  padding: 0px 9px;
}
@media screen and (min-width: 768px), print {
  .modal--body.mod-remodal-update {
    padding: 0px 64px;
  }
}
.modal--body.mod-add-to-library {
  padding: 0;
}
.modal--body--text {
  margin: 8px 0 0;
  line-height: 125%;
  font-size: 14px;
  color: #757575;
}
.modal--body--video {
  width: 100%;
  height: 315px;
  border-radius: 4px;
}
.modal--body--icon {
  width: 36px;
  height: 36px;
  fill: #43b1e6;
}
.modal--body--row {
  margin-bottom: 16px;
}
@media screen and (min-width: 768px), print {
  .modal--body--row {
    margin-bottom: 24px;
  }
}
.modal--body--row.mod-keypicker {
  margin-bottom: 6px;
}
@media screen and (min-width: 768px), print {
  .modal--body--row.mod-keypicker {
    margin-bottom: 14px;
  }
}
.modal--body--row.mod-split {
  display: grid;
  grid-row-gap: 15px;
  grid-template-columns: minmax(0, 1fr);
}
@media screen and (min-width: 768px), print {
  .modal--body--row.mod-split {
    grid-column-gap: 15px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.modal--body--row--note {
  color: #205773;
}
@media screen and (min-width: 768px), print {
  .modal--body--row--note {
    grid-column: span 2;
  }
}
.modal--body--descriptor {
  color: #919191;
  align-self: flex-start;
}
.modal--body-link {
  color: #43b1e6;
  text-decoration: underline;
}
.modal--body-link:hover {
  color: #43b1e6;
  text-decoration: none;
}
.modal--body .error-bar {
  margin-bottom: 10px;
}
.modal--body .total-chart {
  margin-bottom: 0;
}
.modal--body-subtitle {
  margin: 0;
  font-size: 18px;
  color: #282828;
}
[data-theme=dark] .modal--body-subtitle, .modal--body-subtitle[data-theme=dark] {
  color: #ffffff;
}
.modal--body-text {
  color: #919191;
  margin: 0;
  text-align: inherit;
}
.modal--body-text.mod-sm {
  font-size: 14px;
}
.modal--body-text a {
  text-decoration: underline;
}
.modal--body-text a:hover {
  color: #919191;
  text-decoration: none;
}
.modal--body-video {
  height: 20vw;
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .modal--body-video {
    height: 400px;
  }
}
@media screen and (min-width: 768px), print {
  .modal--col-one {
    float: left;
    width: 50%;
  }
  .modal--col-one .modal--heading {
    padding-right: 0;
    padding-left: 0;
    margin-left: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .modal--col-two {
    float: left;
    width: 50%;
  }
  .modal--col-two .modal--heading {
    border-bottom: 0;
  }
  .modal--col-two .modal--body {
    padding-top: 0;
  }
}
.modal--footer {
  box-sizing: border-box;
  clear: both;
  overflow: hidden;
  padding: 0 20px 20px;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .modal--footer {
    padding: 0 30px 30px;
  }
}
.modal--footer.mod-remodal-update {
  padding: 0px 9px 36px;
}
@media screen and (min-width: 768px), print {
  .modal--footer.mod-remodal-update {
    padding: 0px 67px 67px;
  }
}
.modal--footer.mod-center .modal--footer--confirm-btn {
  float: left;
  margin: 0;
  text-align: center;
  width: 100%;
}
.modal--footer.mod-center .modal--footer--confirm-btn.mod-no-stretch {
  float: none;
  margin: 5px auto;
  width: auto;
}
.modal--footer.mod-center .modal--footer--cancel-btn {
  float: left;
  text-align: center;
  width: 100%;
}
.modal--footer.mod-center .modal--footer--cancel-btn.mod-no-stretch {
  display: inline-block;
  float: none;
  margin: 5px 10px;
  width: auto;
}
.modal--footer.mod-stacked {
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}
.modal--footer.mod-stacked .modal--footer--btn {
  align-self: center;
  flex-grow: 0;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}
.modal--footer.mod-stacked .modal--footer--confirm-btn, .modal--footer.mod-stacked .modal--footer--cancel-btn {
  align-self: center;
  flex-grow: 0;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}
.modal--footer.mod-flex {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.modal--footer.mod-flex-spaced {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.modal--footer.mod-flex-spaced .modal--footer--confirm-btn {
  margin: 0;
}
.modal--footer.mod-border-top {
  padding: 20px 20px;
  border-top: 1px solid #f1f2f3;
}
@media all and (min-width: 524px) {
  .modal--footer.mod-border-top {
    padding: 24px 32px;
  }
}
[data-theme=dark] .modal--footer.mod-border-top, .modal--footer.mod-border-top[data-theme=dark] {
  border-color: #363636;
}
.modal--footer.mod-lg-pad {
  padding: 20px 24px;
}
@media screen and (min-width: 768px), print {
  .modal--footer.mod-lg-pad {
    padding: 24px 40px;
  }
}
.modal--footer--confirm-btn {
  float: right;
  margin: 0 0 0 15px;
}
.modal--footer--confirm-btn.is-disabled {
  background: #dadada;
  cursor: not-allowed;
  pointer-events: none;
}
.modal--footer--confirm-btn.mod-remodal-update {
  margin-left: 10px;
}
.modal--footer--cancel-btn {
  color: #919191;
  float: right;
  margin: 0;
  cursor: pointer;
}
.modal--footer--cancel-btn.mod-push-right {
  margin-right: auto;
}
.modal--footer--cancel-btn.is-disabled, .modal--footer--cancel-btn[disabled] {
  cursor: default;
  pointer-events: none;
  background: #dadada;
  border-color: #dadada;
  color: #ffffff;
  outline: none;
}
.modal--footer--cancel-btn.mod-txt-lg {
  font-size: 16px;
}
.modal--footer--processing {
  float: right;
  height: 32px;
}
.modal--footer--buttons {
  display: flex;
  justify-content: center;
}
.modal--footer .btn-text {
  float: right;
}
.modal--close-btn {
  background-position: 0;
  background: url("https://multitracks.blob.core.windows.net/public/images/icon/019-X-Icon-Close-Modal.svg") no-repeat;
  border: 0;
  cursor: pointer;
  height: 14px;
  outline: 0;
  position: absolute;
  right: 19px;
  top: 20px;
  width: 14px;
}
@media screen and (min-width: 768px), print {
  .modal--close-btn {
    height: 20px;
    right: 28px;
    top: 30px;
    width: 20px;
  }
}
[data-theme=dark] .modal--close-btn, .modal--close-btn[data-theme=dark] {
  background: url("https://multitracks.blob.core.windows.net/public/images/icon/X-Icon-Close-Modal-Dark.svg") no-repeat;
}
.modal--close-btn.mod-scroll {
  position: static;
}
.modal--close-btn.mod-fixed {
  z-index: 27;
}
@media screen and (min-width: 768px), print {
  .modal--close-btn.mod-fixed {
    right: 20px;
    top: 20px;
  }
}
.modal--close-btn.mod-tabstrip {
  height: 17px;
  top: 21px;
  width: 17px;
}
@media screen and (min-width: 768px), print {
  .modal--close-btn.mod-tabstrip {
    top: 27px;
  }
}
.modal--close-btn.is-disabled, .modal--close-btn[disabled] {
  cursor: default;
  pointer-events: none;
}
.modal--close-btn.mod-video {
  background-image: url("https://multitracks.blob.core.windows.net/public/images/icon/019-X-Icon-Close-Modal.svg");
  background-color: white;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 10;
  padding: 17px;
  border-radius: 50px;
}
.modal--close-btn-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 19px;
  top: 20px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: #ffffff;
}
@media screen and (min-width: 768px), print {
  .modal--close-btn-bg {
    right: 28px;
    top: 30px;
    height: 40px;
    width: 40px;
  }
}
.modal--tabstrip {
  margin: 0;
  padding-left: 20px;
  text-align: left;
}
@media screen and (min-width: 768px), print {
  .modal--tabstrip {
    padding-left: 30px;
  }
}
.modal.mod-add-to-library .modal--heading {
  padding: 24px 24px 16px;
  border-bottom: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
}
@media screen and (min-width: 768px), print {
  .modal.mod-add-to-library .modal--heading {
    padding: 40px 40px 16px;
  }
}
.modal.mod-add-to-library .modal--heading .modal--heading--title {
  font-size: 28px;
  line-height: 35px;
  font-weight: 700;
}
.modal.mod-add-to-library .modal--heading .modal--heading--subtitle {
  font-size: 18px;
  line-height: 27px;
  color: #919191;
  text-align: left;
}
.modal.mod-add-to-library .modal--heading .modal--heading--description {
  font-size: 14px;
  line-height: 21px;
  color: #5c5c5c;
}
.modal.mod-add-to-library .modal--body {
  padding: 0;
}
.modal.mod-add-to-library.mod-header-gap .modal--heading {
  row-gap: 32px;
}
.modal .mod-delete-midi-bank .modal--heading {
  padding: 26px 24px;
}
.modal .mod-delete-midi-bank .modal--heading .modal--heading--title {
  font-size: 20px;
  line-height: 24px;
  color: #5c5c5c;
}
.modal .mod-delete-midi-bank .modal--body {
  padding: 30px 24px;
}
.modal .mod-delete-midi-bank .modal--body--descriptor {
  margin: 0;
}
.modal .mod-delete-midi-bank .modal--footer {
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: 34px;
       column-gap: 34px;
  align-items: center;
}
.modal .mod-delete-midi-bank .modal--footer--confirm-btn {
  margin: 0;
}

a[data-modal-target] {
  cursor: pointer;
}

/* Out of the box Remodal Fixes
	 ========================================================================== */
/* Hide scroll bar */
html.is-locked {
  -ms-touch-action: none;
  overflow: hidden;
  touch-action: none;
  height: 100%;
}
html.is-locked body {
  width: 100%;
  overflow-y: hidden;
}
@media screen and (max-width: 767px) {
  html.is-locked body {
    pointer-events: auto;
  }
}
html.is-locked .modal--wrapper.is-locked {
  touch-action: none;
  pointer-events: none;
}
html.is-locked .zopim {
  display: none;
}

body.move-staged-modal .is-staged-modal {
  transition: all 0.3s ease;
  left: 0;
}
body.move-staged-modal .is-visible-modal {
  transition: all 0.3s ease;
  left: -100%;
}
body.is-modal-frame {
  height: 100%;
}
@keyframes modal-open-keyframes {
  from {
    opacity: 0;
    visibility: hidden;
    transform: scale(1.05);
  }
  to {
    opacity: 1;
    transform: none;
    visibility: visible;
  }
}
@keyframes modal-closed-keyframes {
  from {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
  }
  to {
    opacity: 0;
    transform: scale(0.95);
    visibility: hidden;
  }
}
@keyframes modal-overlay-open-keyframes {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes modal-overlay-closed-keyframes {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}
[data-modal-target] {
  cursor: pointer;
}

#inactive-account.modal {
  max-width: 680px;
  padding: 48px 24px;
}
@media screen and (min-width: 768px), print {
  #inactive-account.modal {
    padding: 48px 80px;
  }
}
#inactive-account.modal.is-successful .modal {
  padding: 54px 43.5px 48px;
}
#inactive-account.modal.is-successful .modal--heading--title {
  margin-top: 44px;
}
#inactive-account.modal.is-successful .modal--footer--confirm-btn {
  margin: 0;
}
#inactive-account.modal .modal--heading {
  padding: 0;
  border-bottom: none;
}
#inactive-account.modal .modal--heading--title {
  font-size: 28px;
  font-weight: 300;
  line-height: 35px;
  text-align: center;
}
#inactive-account.modal .modal--body {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 38px;
  padding: 0;
}
#inactive-account.modal .modal--body--paragraph, #inactive-account.modal .modal--body--org-title, #inactive-account.modal .modal--body--org-name {
  color: #282828;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
#inactive-account.modal .modal--body--paragraph {
  margin: 0;
}
#inactive-account.modal .modal--body--org {
  margin-top: 38px;
  text-align: center;
}
#inactive-account.modal .modal--body--multi-org {
  margin-top: 38px;
  width: 100%;
  max-width: 300px;
}
#inactive-account.modal .modal--body--org-name {
  color: #919191;
}
#inactive-account.modal .modal--footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 38px;
  padding: 0;
}
@media all and (min-width: 524px) {
  #inactive-account.modal .modal--footer {
    flex-direction: row;
  }
}
#inactive-account.modal .modal--footer--confirm-btn {
  margin: 16px 0 0;
  float: unset;
}
@media all and (min-width: 524px) {
  #inactive-account.modal .modal--footer--confirm-btn {
    margin: 0 0 0 30px;
  }
}
#inactive-account.modal .modal--success-icon {
  width: 36px;
  height: 36px;
  fill: #43a86c;
}
#inactive-account.modal .modal--create-account {
  margin-top: 38px;
}

/* -----------------------------------------
focus.scss
- /premium/focus/mt-cloud.aspx
---------------------------------------- */
.focus--header {
  padding: 30px 0 20px;
  text-align: center;
}
.focus--header--logo {
  display: block;
  height: 44px;
  margin: 0 auto;
  overflow: hidden;
  text-indent: -9999px;
  width: 275px;
}
.focus--header--logo--holder {
  display: block;
  padding: 0px 0 20px;
  text-align: center;
}
.focus--content--header {
  margin-bottom: 40px;
  text-align: center;
}
.focus--content--header a {
  text-decoration: underline;
}
.focus--content--header a:hover {
  color: #919191;
  text-decoration: none;
}
.focus--content--header--avitar {
  height: 90px;
  margin: 0 auto 20px;
  width: 90px;
}
.focus--content--header--title {
  color: #282828;
  margin: 0 auto;
  max-width: 550px;
}
.focus--content--header--small-title {
  color: #282828;
  display: block;
  font-size: 28px;
  font-weight: 400;
  line-height: 35px;
  margin: 0 0 24px;
  text-align: center;
}
.focus--content--header--large-title {
  color: #282828;
  margin: 0;
}
.focus--content--header h2 {
  margin-top: 8px;
  text-align: center;
}
.focus--content--plans .mod-bundle-discount {
  display: none;
}
.focus--content--plans.mod-bundle .mod-bundle-original {
  display: block;
  text-decoration: line-through;
}
.focus--content--plans.mod-bundle .mod-bundle-original .u-usd,
.focus--content--plans.mod-bundle .mod-bundle-original .u-usd-subscription {
  text-decoration: line-through;
}
.focus--content--plans.mod-bundle .mod-bundle-discount {
  display: block;
}
.focus--content--title {
  text-align: center;
}
.focus--content--title h1 {
  color: #282828;
  margin-bottom: 8px;
}
.focus--content--title h2 {
  margin-bottom: 37px;
}
.focus--content--billing-text {
  font-size: 16px;
}
.focus--content--billing-text.mod-status {
  margin-top: 20px;
  text-align: center;
}
.focus--content--billing-text span {
  font-weight: 700;
}
.focus--content--billing-text a {
  cursor: pointer;
  text-decoration: underline;
}
.focus--content--billing-text--grid {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
@media screen and (min-width: 768px), print {
  .focus--content--billing-text--grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
@media screen and (min-width: 768px), print {
  .focus--price-tier {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px), print {
  .focus--billing-row {
    margin-top: 15px;
  }
}
.focus--promo-code {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  width: 100%;
}
.focus--promo-code--redemption {
  max-width: 320px;
  width: 100%;
}
.focus--promo-code--validation {
  width: 100%;
}
.focus--promo-code.mod-center {
  align-items: center;
  margin: 20px 0;
}
.focus--promo-code.mod-right {
  align-items: flex-end;
}
.focus--footer {
  display: block;
  padding: 15px 0 50px;
  width: 100%;
}
.focus--footer--links {
  color: #43b1e6;
  text-align: center;
}
.focus--footer--links a {
  font-size: 13px;
  margin: 0 7px;
  text-decoration: underline;
}
.focus--footer--copy {
  font-size: 13px;
  margin-top: 5px;
  text-align: center;
}
.focus--btn-disclaimer {
  margin-right: 15px;
}
.focus--form-section {
  margin-bottom: 20px;
}
.focus--btn-holder {
  margin-bottom: 30px;
}
.focus--btn-holder .btn.is-disabled {
  pointer-events: auto;
}

.login--content {
  background: #ffffff;
  border-radius: 7px;
  max-width: 522px;
  margin: 0 auto;
  padding: 25px;
}
.login--content.mod-org-selector {
  padding: 25px;
  max-width: 519px;
}
@media screen and (min-width: 768px), print {
  .login--content.mod-org-selector {
    padding: 30px 59px;
  }
}
@media screen and (min-width: 768px), print {
  .login--content {
    padding: 30px 60px;
  }
}
.login--header {
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
}
.login--error {
  background: #ea4444;
  border-radius: 7px 7px 0 0;
  color: #ffffff;
  float: left;
  margin: -25px 0 15px -25px;
  padding: 25px;
  text-align: center;
  width: calc(100% + 50px);
}
.login--error:empty {
  display: none;
}
.login--form {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-bottom: 24px;
}
.login--social-btn {
  align-items: center;
  background: #f1f2f3;
  border-radius: 50px;
  border: none;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  line-height: 16px;
  justify-content: center;
  outline: none;
  padding: 8px 16px;
  text-decoration: none;
  text-transform: none;
  width: 165px;
  word-spacing: 0;
  gap: 8px;
}
.login--social-btn:hover {
  background: #fafafa;
  text-decoration: none;
}
.login--social-btn .icon {
  fill: currentColor;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.login--social-btn.mod-twitter {
  color: #000000;
}
.login--social-btn.mod-facebook {
  color: #3c5999;
}
.login--social-btn--holder {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 16px;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
}
.login--text-btn {
  float: left;
  margin-right: 15px;
}
.login--login-btn {
  flex-shrink: 0;
}
.login--login-btn--holder {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.login--login-btn--holder.mod-isolated {
  justify-content: flex-end;
}
@media screen and (min-width: 768px), print {
  .login--login-btn--holder {
    align-items: center;
  }
}
.login--misc-btns--holder {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 8px;
  -moz-column-gap: 25px;
       column-gap: 25px;
}
.login--organization {
  align-items: center;
  border-radius: 7px;
  border: 2px solid #dadada;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  row-gap: 4px;
  margin-bottom: 20px;
  padding: 15px;
}
.login--organization:last-of-type {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px), print {
  .login--organization {
    padding: 30px;
  }
}
.login--organization:hover {
  border-color: #43b1e6;
}
.login--organization--avitar {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  height: 52px;
  margin-right: 15px;
  width: 52px;
}
.login--organization--avitar.mod-icon {
  background-color: #e3f3fb;
  border-radius: 100%;
}
.login--organization--avitar--icon {
  width: 28px;
  height: 24px;
  fill: #43b1e6;
  margin-left: -1px;
}
.login--organization--header {
  overflow: hidden;
  text-overflow: ellipsis;
}
.login--organization--text {
  font-size: 14px;
  line-height: 21px;
  color: #919191;
  margin: 0;
  max-width: 246px;
}
.login--organization--divider {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login--organization--divider.mod-login {
  margin-top: 18px;
}
.login--organization--divider--line {
  width: 100%;
  height: 1px;
  background-color: #dadada;
}
.login--organization--divider--text {
  padding: 0 5px;
  font-size: 12px;
  white-space: nowrap;
}
.login--organization--divider--text.mod-social {
  font-size: 14px;
  line-height: 16px;
}
.login--organization--number {
  flex: 0 0 100%;
  text-align: right;
  line-height: 100%;
}
.login--upgrade-account {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  padding: 17px 17px;
  border-radius: 6px;
  background-color: #fafafa;
}
@media screen and (min-width: 768px), print {
  .login--upgrade-account {
    padding: 17px 43px;
  }
}
.login--upgrade-account--text {
  margin: 0;
  font-size: 14px;
  text-align: center;
}
.login--popup {
  text-align: left;
}
.login--popup--site-img img {
  height: auto;
  margin-top: 20px;
  width: 100%;
}
.login--site-switch--img {
  height: auto;
  margin: 20px 0;
  width: 100%;
}

.tutorial-link {
  align-items: center;
  color: #919191;
  display: flex;
  text-decoration: none;
}
.tutorial-link:hover {
  color: rgb(119.5, 119.5, 119.5);
}
.tutorial-link--icon {
  margin: 0 7px 0 0;
}
.tutorial-link--text {
  font-size: 16px;
  line-height: 24px;
}

.tabstrip, .premium--tabstrip {
  border-bottom: 1px solid #dadada;
  color: #919191;
  margin: 0 0 30px;
  padding: 0;
  white-space: nowrap;
}
[data-theme=dark] .tabstrip, [data-theme=dark] .premium--tabstrip, .tabstrip[data-theme=dark], [data-theme=dark].premium--tabstrip {
  color: #ababab;
  border-color: #363636;
}
.tabstrip.mod-no-line, .mod-no-line.premium--tabstrip {
  border-bottom: none;
}
.tabstrip.mod-no-line .tabstrip--item--link, .tabstrip.mod-no-line .premium--tabstrip--item--link, .mod-no-line.premium--tabstrip .tabstrip--item--link, .mod-no-line.premium--tabstrip .premium--tabstrip--item--link {
  padding: 0 0 6px;
}
.tabstrip.mod-no-line .is-active .tabstrip--item--link, .tabstrip.mod-no-line .is-active .premium--tabstrip--item--link, .mod-no-line.premium--tabstrip .is-active .tabstrip--item--link, .mod-no-line.premium--tabstrip .is-active .premium--tabstrip--item--link,
.tabstrip.mod-no-line .active .tabstrip--item--link,
.tabstrip.mod-no-line .active .premium--tabstrip--item--link,
.mod-no-line.premium--tabstrip .active .tabstrip--item--link,
.mod-no-line.premium--tabstrip .active .premium--tabstrip--item--link {
  border-bottom-width: 2px;
}
.tabstrip--container.is-used {
  display: block;
}
.tabstrip--container.is-used.is-hidden-container {
  display: none;
}
.tabstrip--item, .premium--tabstrip--item {
  cursor: pointer;
  display: inline-block;
  list-style: none;
  margin: 0 20px 0 0;
}
.tabstrip--item--link, .premium--tabstrip--item--link {
  display: block;
  padding: 0 0 14px;
}
@media screen and (min-width: 768px), print {
  .tabstrip--item--link, .premium--tabstrip--item--link {
    padding: 0 0 13px;
  }
}
.tabstrip--item--link:hover, .premium--tabstrip--item--link:hover {
  text-decoration: none;
}
.tabstrip--item.is-active, .is-active.premium--tabstrip--item, .tabstrip--item.active, .active.premium--tabstrip--item {
  color: #5c5c5c;
  font-weight: 700;
}
[data-theme=dark] .tabstrip--item.is-active, [data-theme=dark] .is-active.premium--tabstrip--item, .tabstrip--item.is-active[data-theme=dark], .is-active[data-theme=dark].premium--tabstrip--item, [data-theme=dark] .tabstrip--item.active, [data-theme=dark] .active.premium--tabstrip--item, .tabstrip--item.active[data-theme=dark], .active[data-theme=dark].premium--tabstrip--item {
  color: #ffffff;
}
.tabstrip--item.is-active .tabstrip--item--link, .tabstrip--item.is-active .premium--tabstrip--item--link, .is-active.premium--tabstrip--item .tabstrip--item--link, .is-active.premium--tabstrip--item .premium--tabstrip--item--link, .tabstrip--item.active .tabstrip--item--link, .tabstrip--item.active .premium--tabstrip--item--link, .active.premium--tabstrip--item .tabstrip--item--link, .active.premium--tabstrip--item .premium--tabstrip--item--link {
  border-bottom: 1px solid #43b1e6;
}
.tabstrip--item.mod-solo, .mod-solo.premium--tabstrip--item {
  color: #5c5c5c;
  font-weight: 700;
}

.premium {
  background: #ffffff;
}
@media screen and (min-width: 768px), print {
  .premium {
    background: #f1f2f3;
  }
}
[data-theme=dark] .premium, .premium[data-theme=dark] {
  background: #171717;
}
.premium .wrapper.mod-premium > .u-container > .u-row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
@media all and (min-width: 1281px) {
  .premium .wrapper.mod-premium > .u-container > .u-row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media all and (min-width: 1024px) {
  .premium .wrapper.mod-premium > .u-container > .u-row > .premium--nav {
    flex-basis: 0;
    flex-grow: 1;
  }
}
@media all and (min-width: 1024px) {
  .premium .wrapper.mod-premium > .u-container > .u-row > .premium--overview {
    flex-basis: 0;
    flex-grow: 1;
  }
}
.premium--nav {
  min-width: 0;
  padding: 0;
  width: 100%;
}
@media all and (min-width: 1024px) {
  .premium--nav {
    max-width: 270px;
  }
}
.premium--overview {
  min-width: 0;
  padding: 0 0 30px;
  background: #ffffff;
  width: 100%;
  position: relative;
}
.premium--filter--wrapper {
  display: flex;
  flex-direction: column;
}
.premium--tabstrip {
  border-bottom-color: #f1f2f3;
  border-bottom-width: 2px;
  overflow-x: auto;
  overflow-y: visible;
  width: 100%;
}
.premium--tabstrip:not(.mod-no-stretch) {
  width: calc(100% + 30px);
  margin-left: -15px;
}
@media screen and (min-width: 768px), print {
  .premium--tabstrip:not(.mod-no-stretch) {
    margin-left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% + 40px);
  }
}
.premium--tabstrip.mod-only-two-options .premium--tabstrip--item {
  text-align: center;
  width: 50%;
}
@media screen and (min-width: 768px), print {
  .premium--tabstrip {
    overflow-x: visible;
  }
}
.premium--tabstrip--item {
  margin-right: 0;
}
@media screen and (min-width: 768px), print {
  .premium--tabstrip--item {
    margin-bottom: -2px;
  }
}
.premium--tabstrip--item--link {
  font-size: 16px;
  padding: 0 15px 7px;
}
.premium--tabstrip--item.is-active .premium--tabstrip--item--link {
  border-bottom-width: 2px;
  color: #43b1e6;
  font-weight: 400;
}
.premium--tabstrip--spacer {
  margin-top: 24px;
}
@media all and (min-width: 1024px) {
  .premium--tabstrip--spacer {
    margin-top: 0;
  }
}
.premium--content {
  padding: 0 0 51px;
}
@media screen and (min-width: 768px), print {
  .premium--content {
    padding: 30px 30px 50px;
  }
}
.premium--content.mod-slider {
  padding: 0 0 51px;
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .premium--content.mod-slider {
    padding: 25px 20px 50px;
  }
}
@media screen and (min-width: 768px), print {
  .premium--content.mod-slider .premium--content--header {
    padding-right: 35px;
    padding-left: 35px;
  }
}
.premium--content--banner--bundle-upgrade {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 57px;
  width: 100%;
  border-radius: 10px;
  padding: 0 20px;
  margin-bottom: 32px;
  background: no-repeat 50%/cover url(https://multitracks.blob.core.windows.net/public/images/banners/bundle-banner-bg.png);
}
.premium--content--banner--bundle-upgrade--redirect {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.premium--content--banner--bundle-upgrade--text {
  color: #ffffff;
  font-size: 14px;
}
@media screen and (min-width: 768px), print {
  .premium--content--banner--bundle-upgrade--text {
    font-size: 16px;
  }
}
.premium--content--banner--bundle-upgrade--text.mod-icon {
  font-weight: 300;
  font-size: 21px;
  letter-spacing: -0.853px;
}
.premium--content--banner--bundle-upgrade--icon {
  fill: #ffffff;
  height: 21px;
  width: 64px;
}
.premium--content--banner--bundle-upgrade--right {
  display: flex;
  align-items: center;
  gap: 32px;
}
.premium--content--slider {
  transition: all 0.4s ease;
  float: left;
  width: 100%;
  margin-left: 0;
}
.premium--content--slider--loader {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background: #ffffff;
  z-index: 16;
  top: 0;
  left: 0;
}
.premium--content--slider--loader--icon {
  flex: 0 0 auto;
  animation: spinner 0.6s steps(8) infinite;
  width: 30px;
  height: 30px;
}
.premium--content--slider[data-slide-num="2"] {
  width: 200%;
}
.premium--content--slider[data-slide-num="2"][data-current-panel="2"] {
  margin-left: -100%;
}
.premium--content--slider[data-slide-num="2"] .premium--content--slider--panel {
  width: 50%;
}
.premium--content--slider[data-slide-num="3"] {
  width: 300%;
}
.premium--content--slider[data-slide-num="3"][data-current-panel="2"] {
  margin-left: -100%;
}
.premium--content--slider[data-slide-num="3"][data-current-panel="3"] {
  margin-left: -200%;
}
.premium--content--slider[data-slide-num="3"] .premium--content--slider--panel {
  width: 33.333333%;
}
.premium--content--slider[data-slide-num="4"] {
  width: 400%;
}
.premium--content--slider[data-slide-num="4"][data-current-panel="2"] {
  margin-left: -100%;
}
.premium--content--slider[data-slide-num="4"][data-current-panel="3"] {
  margin-left: -200%;
}
.premium--content--slider[data-slide-num="4"][data-current-panel="4"] {
  margin-left: -300%;
}
.premium--content--slider[data-slide-num="4"] .premium--content--slider--panel {
  width: 25%;
}
.premium--content--slider--panel {
  float: left;
  padding: 0 10px;
  position: relative;
}
@media screen and (min-width: 768px), print {
  .premium--content--slider--panel {
    padding: 0 35px;
  }
}
.premium--content--header {
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  margin: 0 0 10px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .premium--content--header {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px;
  }
}
@media all and (min-width: 1024px) {
  .premium--content--header {
    margin: 0 0 40px;
  }
}
.premium--content--header.mod-style-2 {
  margin: 0 0 24px;
}
.premium--content--header.mod-has-tiny-menu {
  justify-content: space-between;
  flex-direction: row;
}
.premium--content--header.mod-premium-products {
  margin: 0 0 16px;
}
@media all and (min-width: 1024px) {
  .premium--content--header.mod-premium-products {
    margin: 0 0 24px;
  }
}
.premium--content--header.mod-subtitle {
  align-items: flex-start;
  flex-direction: column;
}
.premium--content--header.mod-subtitle h1 {
  margin-bottom: 10px;
}
.premium--content--header.mod-no-margin-mobile {
  margin: 0;
}
@media screen and (min-width: 768px), print {
  .premium--content--header.mod-no-margin-mobile {
    margin: 0 0 23px;
  }
}
.premium--content--header.mod-no-margin {
  margin: 0;
}
.premium--content--header--icon-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.premium--content--header--subtitle {
  font-size: 14px;
  margin: 0;
}
.premium--content--header h1,
.premium--content--header h3 {
  margin: 0;
}
.premium--content--header h1 {
  color: #171717;
  font-size: 28px;
  font-weight: 700;
  line-height: 35px;
}
.premium--content--header--tip {
  position: absolute;
  right: 0;
}
@media screen and (min-width: 768px), print {
  .premium--content--header--tip {
    position: relative;
  }
}
.premium--content--header--left {
  float: left;
}
.premium--content--header--back {
  align-items: center;
  color: #919191;
  display: flex;
}
.premium--content--header--back:hover {
  color: #5c5c5c;
}
.premium--content--header--back--icon {
  fill: currentColor;
  display: block;
  height: 24px;
  left: -4px;
  position: relative;
  width: 16px;
}
.premium--content--header--back--text {
  font-size: 20px;
  line-height: 30px;
}
@media screen and (min-width: 768px), print {
  .premium--content--header--back--text {
    font-size: 24px;
    line-height: 34px;
  }
}
.premium--content--subheader {
  flex-direction: column;
  display: flex;
  margin: 0 0 8px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .premium--content--subheader {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
.premium--content--subheader h1 {
  color: #282828;
  font-size: 28px;
  font-weight: 600;
  line-height: 35px;
  margin: 0;
}
.premium--hr {
  background: #dadada;
  border: none;
  height: 1px;
  margin-bottom: 30px;
  width: 100%;
}
@media screen and (min-width: 768px), print {
  .premium.mod-song-link .premium--content {
    padding: 30px 30px 20px;
  }
}
.premium.mod-song-link .premium--content--header--title {
  max-width: 95%;
}
.premium.mod-song-link .premium--overview {
  padding-bottom: 0;
}
@media screen and (min-width: 768px), print {
  .premium.mod-pc-connect .premium--content {
    padding: 28px 18px;
  }
}
.premium.mod-pc-connect .premium--content--header {
  margin: 0 0 24px;
}
@media screen and (min-width: 768px), print {
  .premium.mod-pc-connect .premium--content--header {
    margin: 0 0 32px;
  }
}

.u-text-center {
  text-align: center;
}

.u-text-right {
  text-align: right;
}

.u-text-left {
  text-align: left;
}

.u-font-lato,
.u-font-helvetica,
.u-font-freight-sans {
  font-family: "Lato", "Noto Sans", "Noto Sans KR", "Noto Sans JP", "Noto Sans HK", "Noto Sans SC", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.u-cursor-pointer {
  cursor: pointer;
}

.u-cursor-default {
  cursor: default;
}

.u-cursor-text {
  cursor: text;
}

.u-text-light {
  font-weight: 300;
}

.u-text-normal {
  font-weight: 400;
}

.u-text-bold,
.u-bold {
  font-weight: 700;
}

.u-text-extra-bold {
  font-weight: 900;
}

.u-text-underline {
  text-decoration: underline;
}

.u-text-italic {
  font-style: italic;
}

.u-font-xxxs {
  font-size: 10px;
}

.u-font-xxs {
  font-size: 12px;
}

.u-font-xs {
  font-size: 13px;
}

.u-font-sm {
  font-size: 14px;
}

.u-font-md {
  font-size: 15px;
}

.u-font-lg {
  font-size: 16px;
}

.u-font-xl {
  font-size: 18px;
}

.u-font-xxl {
  font-size: 24px;
}

.u-font-xxxl {
  font-size: 30px;
}

.u-spacer-2 {
  margin-right: 2px;
  margin-left: 2px;
}

.u-spacer-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.u-spacer-2r {
  margin-right: 2px;
}

.u-spacer-5r {
  margin-right: 5px;
}

.u-space-10r {
  margin-right: 10px;
}

.u-text-strike {
  opacity: 0.5;
  text-decoration: line-through;
}

.u-cms-text h1,
.u-cms-text h2 {
  color: #282828;
}
.u-cms-text a {
  color: #43b1e6;
  text-decoration: underline;
}
.u-cms-text.mod-reader p {
  color: #5c5c5c;
}

.reader-section {
  color: #5c5c5c;
}
.reader-section p {
  color: #5c5c5c;
}
.reader-section a {
  word-wrap: break-word;
}

.u-text-capitalize {
  text-transform: capitalize;
}

.u-font-blue-subtext {
  font-size: 12px;
  font-style: italic;
  color: #43b1e6;
}

.u-whitespace-nowrap {
  white-space: nowrap;
}