@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */
@import url("/font/helvetica-now/stylesheet.css");
@font-face {
  font-family: "MuseoSansRounded100Regular";
  src: url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-100-webfont.eot");
  src: url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-100-webfont.woff") format("woff"), url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-100-webfont.ttf") format("truetype"), url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-100-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSansRounded300Regular";
  src: url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-300-webfont.eot");
  src: url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-300-webfont.woff") format("woff"), url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-300-webfont.ttf") format("truetype"), url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-300-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSansRounded500Regular";
  src: url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-500-webfont.eot");
  src: url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-500-webfont.woff") format("woff"), url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-500-webfont.ttf") format("truetype"), url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-500-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSansRounded700Regular";
  src: url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-700-webfont.eot");
  src: url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-700-webfont.woff") format("woff"), url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-700-webfont.ttf") format("truetype"), url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-700-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSansRounded900Regular";
  src: url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-900-webfont.eot");
  src: url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-900-webfont.woff") format("woff"), url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-900-webfont.ttf") format("truetype"), url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-900-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MuseoSansRounded1000Regular";
  src: url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-1000-webfont.eot");
  src: url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-1000-webfont.woff") format("woff"), url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-1000-webfont.ttf") format("truetype"), url("https://teamsnap-ui.teamsnap.com/assets/fonts/museo/MuseoSansRounded-1000-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
  font-family: "SSPika";
  src: url("https://teamsnap-ui.teamsnap.com/assets/fonts/ss-pika/ss-pika.eot"), url("https://teamsnap-ui.teamsnap.com/assets/fonts/ss-pika/ss-pika.woff") format("woff"), url("https://teamsnap-ui.teamsnap.com/assets/fonts/ss-pika/ss-pika.ttf") format("truetype"), url("https://teamsnap-ui.teamsnap.com/assets/fonts/ss-pika/ss-pika.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class*=ss-]:before {
  font-family: "SSPika";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  line-height: inherit;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 90%;
  padding-right: 3px;
}
[class*=ss-]:after {
  padding-left: 3px;
}
[class*=ss-] img {
  display: none;
}

[class*=ss-textfile]:before {
  content: "\ec19";
}

[class*=ss-up]:before {
  content: "⬆";
}

[class*=ss-check]:before {
  content: "✓";
}

[class*=ss-right]:after,
[class*=ss-right-after]:after {
  content: "➡";
}

[class*=ss-left]:before {
  content: "⬅";
}

[class*=ss-navigateup]:before {
  content: "\f500";
}

[class*=ss-navigateright]:after,
[class*=ss-navigateright-after]:after {
  content: "▻";
}

[class*=ss-navigatedown]:before {
  content: "\f501";
}

[class*=ss-navigateleft]:before {
  content: "◅";
}

[class*=ss-dropdown]:before,
[class*=ss-dropdown-after]:after {
  content: "▾";
}

[class*=ss-directright]:before,
[class*=ss-directright-after]:after {
  content: "▹";
}

[class*=ss-directleft]:before {
  content: "◃";
}

[class*=ss-leftright]:before,
[class*=ss-leftright-after]:after {
  content: "⬌";
}

[class*=ss-search]:before {
  content: "🔎";
}

[class*=ss-searchbook]:before {
  content: "\e967";
}

[class*=ss-binoculars]:before {
  content: "\e010";
}

[class*=ss-attach]:before {
  content: "📎";
}

[class*=ss-move]:before {
  content: "\e070";
}

[class*=ss-erase]:before {
  content: "✐";
}

[class*=ss-write]:before,
[class*=ss-draw]:before {
  content: "✏";
}

[class*=ss-lock]:before {
  content: "🔒";
}

[class*=ss-unlock]:before {
  content: "🔓";
}

[class*=ss-ban]:before {
  content: "🚫";
}

[class*=ss-new]:before {
  content: "🆕";
}

[class*=ss-tag]:before {
  content: "\e100";
}

[class*=ss-flag]:before {
  content: "⚑";
}

[class*=ss-star]:before {
  content: "⋆";
}

[class*=ss-medal]:before {
  content: "\e1c1";
}

[class*=ss-ribbon]:before {
  content: "🎀";
}

[class*=ss-layers]:before {
  content: "\e202";
}

[class*=ss-checkclipboard]:before {
  content: "\e2b3";
}

[class*=ss-linechartclipboard]:before {
  content: "\e2b5";
}

[class*=ss-cursor]:before {
  content: "\e001";
}

[class*=ss-headset] {
  content: "\e302";
}

[class*=ss-megaphone]:before {
  content: "📢";
}

[class*=ss-rss]:before {
  content: "\e310";
}

[class*=ss-replay]:before {
  content: "↩";
}

[class*=ss-refresh]:before {
  content: "↻";
}

[class*=ss-send]:before {
  content: "\e350";
}

[class*=ss-mail]:before {
  content: "✉";
}

[class*=ss-inbox]:before {
  content: "📥";
}

[class*=ss-outbox]:before {
  content: "📤";
}

[class*=ss-chat]:before {
  content: "💬";
}

[class*=ss-user]:before {
  content: "👤";
}

[class*=ss-users]:before {
  content: "👥";
}

[class*=ss-femaleuser]:before {
  content: "👧";
}

[class*=ss-usergroup]:before {
  content: "\e400";
}

[class*=ss-adduser]:before {
  content: "\e401";
}

[class*=ss-delete]:before {
  content: "␡";
}

[class*=ss-deleteuser]:before {
  content: "\e404";
}

[class*=ss-cart]:before {
  content: "\e500";
}

[class*=ss-creditcard]:before {
  content: "💳";
}

[class*=ss-dispensecash]:before {
  content: "\e542";
}

[class*=ss-coins]:before {
  content: "\e543";
}

[class*=ss-bankcheck]:before {
  content: "\e544";
}

[class*=ss-piggybank]:before {
  content: "\e545";
}

[class*=ss-moneybag]:before {
  content: "💰";
}

[class*=ss-tip]:before {
  content: "\e546";
}

[class*=ss-percent]:before {
  content: "%";
}

[class*=ss-bank]:before {
  content: "🏦";
}

[class*=ss-scales]:before {
  content: "⚖";
}

[class*=ss-upwardsbarchart]:before {
  content: "\e572";
}

[class*=ss-analytics]:before {
  content: "\e575";
}

[class*=ss-upwardslinechart]:before {
  content: "📈";
}

[class*=ss-stock]:before {
  content: "\e579";
}

[class*=ss-form]:before {
  content: "\e582";
}

[class*=ss-home]:before {
  content: "⌂";
}

[class*=ss-earth]:before {
  content: "🌎";
}

[class*=ss-location]:before {
  content: "\e6d0";
}

[class*=ss-database]:before {
  content: "\e7a0";
}

[class*=ss-camera]:before {
  content: "📷";
}

[class*=ss-picture]:before {
  content: "🌄";
}

[class*=ss-video]:before {
  content: "📹";
}

[class*=ss-playvideo]:before {
  content: "\e8a1";
}

[class*=ss-play]:before {
  content: "▶";
}

[class*=ss-pause]:before {
  content: "\e8a0";
}

[class*=ss-page]:before {
  content: "\e903";
}

[class*=ss-notice]:before {
  content: "\e973";
}

[class*=ss-rows]:before {
  content: "\e9a1";
}

[class*=ss-columns]:before {
  content: "\e9a2";
}

[class*=ss-thumbnails]:before {
  content: "\e9a3";
}

[class*=ss-desktop]:before {
  content: "💻";
}

[class*=ss-smartphone]:before {
  content: "\ea02";
}

[class*=ss-upload]:before {
  content: "\eb41";
}

[class*=ss-uploadcloud]:before {
  content: "\eb40";
}

[class*=ss-merge]:before {
  content: "\eb81";
}

[class*=ss-sync]:before {
  content: "\eb82";
}

[class*=ss-file]:before {
  content: "📄";
}

[class*=ss-download]:before {
  content: "\eb01";
}

[class*=ss-downloadcloud]:before {
  content: "\eb00";
}

[class*=ss-downloadbox]:before {
  content: "\eb02";
}

[class*=ss-downloadfolder]:before {
  content: "\ec76";
}

[class*=ss-importfile]:before {
  content: "\ec08";
}

[class*=ss-exportfile]:before {
  content: "\ec09";
}

[class*=ss-doc]:before {
  content: "\ec32";
}

[class*=ss-folder]:before {
  content: "📁";
}

[class*=ss-openfolder]:before {
  content: "📂";
}

[class*=ss-lockfolder]:before {
  content: "\ec81";
}

[class*=ss-picturefolder]:before {
  content: "\ec87";
}

[class*=ss-moviefolder]:before {
  content: "\ec88";
}

[class*=ss-print]:before {
  content: "⎙";
}

[class*=ss-list]:before {
  content: "\ed50";
}

[class*=ss-action]:before {
  content: "\ee00";
}

[class*=ss-help]:before {
  content: "❓";
}

[class*=ss-info]:before {
  content: "ℹ";
}

[class*=ss-alert]:before {
  content: "⚠";
}

[class*=ss-caution]:before {
  content: "⛔";
}

[class*=ss-plus]:before {
  content: "+";
}

[class*=ss-settings]:before {
  content: "⚙";
}

[class*=ss-dashboard]:before {
  content: "\f000";
}

[class*=ss-notifications]:before {
  content: "🔔";
}

[class*=ss-notificationsdisabled]:before {
  content: "🔕";
}

[class*=ss-clock]:before {
  content: "⏲";
}

[class*=ss-calendar]:before {
  content: "📅";
}

[class*=ss-addcalendar]:before {
  content: "\f070";
}

[class*=ss-checkcalendar]:before {
  content: "\f072";
}

[class*=ss-deletecalendar]:before {
  content: "\f073";
}

[class*=ss-weathervane]:before {
  content: "\f200";
}

[class*=ss-thermometer]:before {
  content: "\f201";
}

[class*=ss-weather]:before {
  content: "\f210";
}

[class*=ss-cloud]:before {
  content: "☁";
}

[class*=ss-droplet]:before {
  content: "💧";
}

[class*=ss-sun]:before {
  content: "☀";
}

[class*=ss-partlycloudy]:before {
  content: "⛅";
}

[class*=ss-rain]:before {
  content: "☔";
}

[class*=ss-thunderstorm]:before {
  content: "⛈";
}

[class*=ss-umbrella]:before {
  content: "☂";
}

[class*=ss-rainbow]:before {
  content: "🌈";
}

[class*=ss-fog]:before {
  content: "\f211";
}

[class*=ss-wind]:before {
  content: "\f212";
}

[class*=ss-tornado]:before {
  content: "\f213";
}

[class*=ss-snowflake]:before {
  content: "❄";
}

[class*=ss-share]:before {
  content: "\f601";
}

[class*=ss-businessuser]:before {
  content: "\e407";
}

[class*=ss-right]:after,
[class*=ss-right-after]:after,
[class*=ss-navigateright]:after,
[class*=ss-dropdown-after]:after,
[class*=ss-leftright-after]:after,
[class*=ss-directright-after]:after,
[class*=ss-navigateright-after]:after {
  font-family: "SSPika";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  line-height: inherit;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 90%;
}
[class*=ss-right]:before,
[class*=ss-right-after]:before,
[class*=ss-navigateright]:before,
[class*=ss-dropdown-after]:before,
[class*=ss-leftright-after]:before,
[class*=ss-directright-after]:before,
[class*=ss-navigateright-after]:before {
  display: none !important;
}

html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

html, body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, span, i, dl, dd, ol, ul, form, fieldset, legend, figure, table, th, td, caption, hr {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  height: auto;
  border: none;
}

::-webkit-input-placeholder {
  color: #a7a7a7;
}

:-moz-placeholder { /* Firefox 18- */
  color: #a7a7a7;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #a7a7a7;
}

:-ms-input-placeholder {
  color: #a7a7a7;
}

body {
  color: #383838;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.5;
  letter-spacing: -0.005em;
}

b,
strong {
  font-weight: 600;
}

small {
  color: #7a7a7a;
  font-size: 12px;
  line-height: 1.1851851852;
  letter-spacing: -0.0044444444em;
}

a {
  color: #317ab7;
  cursor: pointer;
  text-decoration: none;
  background: transparent;
}
a:hover {
  color: #276292;
}
a:active, a:hover {
  outline: 0;
}

h1, h2, h3 {
  font-family: "MuseoSansRounded700Regular", "Open Sans", Arial, sans-serif;
  color: #1A6BAF;
}

h4, h5, h6 {
  font-family: "Open Sans", Helvetica, sans-serif;
}

h1 {
  font-size: 26px;
  line-height: 1.5;
  letter-spacing: -0.0101364326em;
}

h2 {
  font-size: 23px;
  line-height: 1.5;
  letter-spacing: -0.0090101624em;
}

h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.006328125em;
}

h4 {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.1851851852;
  letter-spacing: -0.005em;
}

h5 {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.1851851852;
  letter-spacing: -0.0044444444em;
}

h6 {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.1851851852;
  letter-spacing: -0.0039506173em;
}

.Avatar img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.Avatar--xs {
  width: 20px;
  height: 20px;
}
.Avatar--sm {
  width: 40px;
  height: 40px;
}
.Avatar--md {
  width: 80px;
  height: 80px;
}
.Avatar--lg {
  width: 120px;
  height: 120px;
}
.Avatar--xl {
  width: 160px;
  height: 160px;
}
.Avatar--xxl {
  width: 200px;
  height: 200px;
}

.Button {
  background-color: #ffffff;
  border: #d6d6d6 solid 1px;
  border-bottom-width: 2px;
  border-radius: 4px;
  color: #383838;
  cursor: pointer;
  display: inline-block;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 600;
  height: 32px;
  line-height: 29px;
  margin: 0;
  padding: 0 16px;
  text-decoration: none;
  transition: all 250ms ease-in-out;
  vertical-align: middle;
  white-space: nowrap;
}
.Button:hover, .Button:active, .Button:focus {
  background-color: #e6e6e6;
  border-color: #c1c1c1;
  color: #383838;
  outline: none;
}
.Button.is-active {
  background-color: #e6e6e6;
  border-bottom-width: 1px;
  border-top-width: 2px;
  color: #383838;
}
.Button.is-disabled, .Button.is-disabled:hover, .Button.is-disabled:active, .Button:disabled, .Button:disabled:hover, .Button:disabled:active {
  background-color: #ffffff;
  border-color: #d6d6d6;
  cursor: not-allowed;
  color: #383838;
  opacity: 0.4;
}

.Button--primary {
  background-color: #7fc243;
  border-color: #669b36;
  color: #ffffff;
}
.Button--primary:hover, .Button--primary:active, .Button--primary:focus {
  background-color: #72af3c;
  border-color: #5c8c31;
  color: #ffffff;
}
.Button--primary.is-active {
  background-color: #72af3c;
  color: #ffffff;
}
.Button--primary.is-disabled, .Button--primary.is-disabled:hover, .Button--primary.is-disabled:active, .Button--primary:disabled, .Button--primary:disabled:hover, .Button--primary:disabled:active {
  background-color: #7fc243;
  border-color: #669b36;
  color: #ffffff;
}

.Button--blue, button:has(+ .position-label-flags :checked) {
  background-color: #1A6BAF;
  border-color: #15568c;
  color: #ffffff;
}
.Button--blue:hover, button:hover:has(+ .position-label-flags :checked), .Button--blue:active, button:active:has(+ .position-label-flags :checked), .Button--blue:focus, button:focus:has(+ .position-label-flags :checked) {
  background-color: #17609e;
  border-color: #134d7e;
  color: #ffffff;
}
.Button--blue.is-active, button.is-active:has(+ .position-label-flags :checked) {
  background-color: #17609e;
  color: #ffffff;
}
.Button--blue.is-disabled, button.is-disabled:has(+ .position-label-flags :checked), .Button--blue.is-disabled:hover, button.is-disabled:hover:has(+ .position-label-flags :checked), .Button--blue.is-disabled:active, button.is-disabled:active:has(+ .position-label-flags :checked), .Button--blue:disabled, button:disabled:has(+ .position-label-flags :checked), .Button--blue:disabled:hover, button:disabled:hover:has(+ .position-label-flags :checked), .Button--blue:disabled:active, button:disabled:active:has(+ .position-label-flags :checked) {
  background-color: #1A6BAF;
  border-color: #15568c;
  color: #ffffff;
}

.Button--orange {
  background-color: #FF8F00;
  border-color: #cc7200;
  color: #ffffff;
}
.Button--orange:hover, .Button--orange:active, .Button--orange:focus {
  background-color: #e68100;
  border-color: #b86700;
  color: #ffffff;
}
.Button--orange.is-active {
  background-color: #e68100;
  color: #ffffff;
}
.Button--orange.is-disabled, .Button--orange.is-disabled:hover, .Button--orange.is-disabled:active, .Button--orange:disabled, .Button--orange:disabled:hover, .Button--orange:disabled:active {
  background-color: #FF8F00;
  border-color: #cc7200;
  color: #ffffff;
}

.Button--negative {
  background-color: #ffffff;
  border-color: #d6d6d6;
  color: #e26362;
}
.Button--negative:hover, .Button--negative:active, .Button--negative:focus {
  background-color: #e26362;
  border-color: #b54f4e;
  color: #ffffff;
}
.Button--negative.is-active {
  background-color: #e26362;
  border-color: #b54f4e;
  color: #ffffff;
}
.Button--negative.is-disabled, .Button--negative.is-disabled:hover, .Button--negative.is-disabled:active, .Button--negative:disabled, .Button--negative:disabled:hover, .Button--negative:disabled:active {
  background-color: #ffffff;
  border-color: #d6d6d6;
  color: #e26362;
}

.Button--small {
  font-size: 12px;
  height: 24px;
  line-height: 21px;
  padding: 0 8px;
}

.Button--smallSquare {
  width: 24px;
  height: 24px;
  line-height: 21px;
  padding: 0;
  border-bottom-width: 1px;
}

.Button--large {
  font-size: 16px;
  height: 40px;
  line-height: 37px;
  padding: 0 24px;
}

.Button--huge {
  font-size: 16px;
  height: 80px;
  line-height: 77px;
  padding: 0 64px;
}

.Button--yesDefault.is-active,
.Button--yesDefault:hover,
.Button--yes {
  background-color: #7fc243;
  color: #ffffff;
  border-color: #72af3c;
}

.Button--yes:hover, .Button--yes:active, .Button--yes:focus, .Button--yes.is-active {
  background-color: #72af3c;
  color: #ffffff;
  border-color: #669b36;
}

.Button--maybeDefault.is-active,
.Button--maybeDefault:hover,
.Button--maybe {
  background-color: #13426E;
  color: #ffffff;
  border-color: #113b63;
}

.Button--maybe:hover, .Button--maybe:active, .Button--maybe:focus, .Button--maybe.is-active {
  background-color: #113b63;
  color: #ffffff;
  border-color: #0f3558;
}

.Button--noDefault.is-active,
.Button--noDefault:hover,
.Button--no {
  background-color: #e26362;
  color: #ffffff;
  border-color: #cb5958;
}

.Button--no:hover, .Button--no:active, .Button--no:focus, .Button--no.is-active {
  background-color: #cb5958;
  color: #ffffff;
  border-color: #b54f4e;
}

.ButtonGroup {
  display: flex;
  display: -ms-flexbox;
}

.ButtonGroup > .Button + .Button {
  margin-left: -1px;
}

.ButtonGroup > .Button {
  border-radius: 0;
}

.ButtonGroup > .Button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.ButtonGroup > .Button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.Checkbox {
  position: relative;
  padding-bottom: 16px;
}
.Checkbox .Checkbox-input {
  height: 16px;
  width: 16px;
}
.Checkbox .Checkbox-label {
  padding-left: 24px;
  min-height: 16px;
  line-height: 16px;
}
.Checkbox .Checkbox-label:before {
  height: 16px;
  width: 16px;
}
.Checkbox.Checkbox--pill .Checkbox-label {
  padding-left: 32px;
}
.Checkbox.Checkbox--pill .Checkbox-label:before {
  top: 50%;
  margin-top: -8px;
}
.Checkbox.Checkbox--radio .Checkbox-label:before {
  box-shadow: inset 0 0 0 16px #fff;
}
.Checkbox.Checkbox--radio .Checkbox-input:checked:not(:disabled) + .Checkbox-label:before {
  box-shadow: inset 0 0 0 3px #fff;
}
.Checkbox .Checkbox-input:checked + .Checkbox-label:before {
  background-color: #7fc243;
}
.Checkbox .Checkbox-input:not(:disabled) + .Checkbox-label:hover:before, .Checkbox .Checkbox-input:not(:disabled) + .Checkbox-label:focus:before, .Checkbox .Checkbox-input:not(:disabled):hover + .Checkbox-label:before, .Checkbox .Checkbox-input:not(:disabled):focus + .Checkbox-label:before {
  border-color: #7fc243;
}
.Checkbox .Checkbox-input:disabled:checked + .Checkbox-label:before {
  background-color: #7fc243;
}
.Checkbox.Checkbox--radio .Checkbox-input:checked:not(:disabled) + .Checkbox-label:before {
  border-color: #7fc243;
}
.Checkbox.Checkbox--pill .Checkbox-label:hover, .Checkbox.Checkbox--pill .Checkbox-label:focus {
  border-color: #7fc243;
}
.Checkbox.Checkbox--pill .Checkbox-input:checked + .Checkbox-label {
  border-color: #7fc243;
  background-color: #f9fcf6;
}
.Checkbox.Checkbox--pill input[type=checkbox] + .Checkbox-label {
  border-radius: 8px;
}

.Checkbox-input {
  opacity: 0;
  cursor: pointer;
  z-index: 5;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: 0;
}

.Checkbox-label {
  position: relative;
  display: block;
  cursor: pointer;
}
.Checkbox-label:before {
  content: "";
  display: block;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  border-radius: 2px;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  transition: all ease 0.2s;
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: center center;
}

.Checkbox-input:checked + .Checkbox-label:before {
  background-image: url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 960 960'%3E%3Cpath fill='white' d='M915 178.9c8 6.7 12.3 15.5 13 26.5s-2.3 21.2-9 30.5c-252.7 360.7-389.3 555.3-410 584-21.3 28.7-48.8 43.2-82.5 43.5S365 849.2 343 819.9l-278-391c-6.7-9.3-9.7-19.7-9-31s5-20.3 13-27c34-29.3 72-55.7 114-79 8.7-4.7 18.3-5.3 29-2s19.3 9.7 26 19l188 264 321-456c6.7-9.3 15.2-15.5 25.5-18.5s20.2-2.2 29.5 2.5c44 24 81.7 50 113 78z'%3E%3C/path%3E%3C/svg%3E");
  border: none;
}

.Checkbox-input:disabled, .Checkbox-input:disabled:before,
.Checkbox-input:disabled + .Checkbox-label,
.Checkbox-input:disabled + .Checkbox-label:before {
  cursor: not-allowed;
}
.Checkbox-input:disabled:before,
.Checkbox-input:disabled + .Checkbox-label:before {
  background-image: url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 960 960'%3E%3Cpath fill='white' d='M829,500.82V843.87A58.74,58.74,0,0,1,813.63,884a69.15,69.15,0,0,1-37.18,22.31A1302.73,1302.73,0,0,1,480,940q-154.67,0-299.43-33.71A63.46,63.46,0,0,1,131,843.87V503.8a76.16,76.16,0,0,1,17.85-49.57q17.85-21.81,43.63-21.81h33.71V273.77q0-114,69.9-183.92T480,20q114,0,183.92,69.9t69.9,183.92V432.41h30.74q25.78,0,45.11,20.82T829,500.82ZM384.82,432.41H575.18V273.77q0-95.18-95.18-95.18t-95.18,95.18Z'%3E%3C/path%3E%3C/svg%3E");
  background-color: #d6d6d6;
  border: none;
}

.Checkbox--radio .Checkbox-label:before {
  border-radius: 50%;
  background-image: none;
}
.Checkbox--radio .Checkbox-input:checked:not(:disabled) + .Checkbox-label:before {
  border-style: solid;
  border-width: 1px;
  background-image: none;
}
.Checkbox--radio .Checkbox-input:disabled + .Checkbox-label:before {
  box-shadow: none;
}

.Checkbox--inline {
  display: inline-block;
  padding-bottom: 0;
}
.Checkbox--inline + .Checkbox--inline {
  margin-left: 4px;
  padding-left: 8px;
  border-left: 1px solid #d6d6d6;
}
.Checkbox--inline + .Checkbox--inline .Checkbox-input {
  left: 8px;
}

.Checkbox--pill .Checkbox-label {
  border: solid 1px #d6d6d6;
  border-radius: 32px;
  padding: 8px;
  transition: all ease 0.2s;
}
.Checkbox--pill .Checkbox-label:before {
  left: 8px;
}

.Checkbox--large .Checkbox-input {
  height: 22px;
  width: 22px;
}
.Checkbox--large .Checkbox-label {
  padding-left: 30px;
  min-height: 22px;
  line-height: 22px;
}
.Checkbox--large .Checkbox-label:before {
  height: 22px;
  width: 22px;
}
.Checkbox--large.Checkbox--pill .Checkbox-label {
  padding-left: 38px;
}
.Checkbox--large.Checkbox--pill .Checkbox-label:before {
  top: 50%;
  margin-top: -11px;
}
.Checkbox--large.Checkbox--radio .Checkbox-label:before {
  box-shadow: inset 0 0 0 22px #fff;
}
.Checkbox--large.Checkbox--radio .Checkbox-input:checked:not(:disabled) + .Checkbox-label:before {
  box-shadow: inset 0 0 0 4px #fff;
}

.Checkbox--colorPrimary .Checkbox-input:checked + .Checkbox-label:before {
  background-color: #1A6BAF;
}
.Checkbox--colorPrimary .Checkbox-input:not(:disabled) + .Checkbox-label:hover:before, .Checkbox--colorPrimary .Checkbox-input:not(:disabled) + .Checkbox-label:focus:before, .Checkbox--colorPrimary .Checkbox-input:not(:disabled):hover + .Checkbox-label:before, .Checkbox--colorPrimary .Checkbox-input:not(:disabled):focus + .Checkbox-label:before {
  border-color: #1A6BAF;
}
.Checkbox--colorPrimary .Checkbox-input:disabled:checked + .Checkbox-label:before {
  background-color: #1A6BAF;
}
.Checkbox--colorPrimary.Checkbox--radio .Checkbox-input:checked:not(:disabled) + .Checkbox-label:before {
  border-color: #1A6BAF;
}
.Checkbox--colorPrimary.Checkbox--pill .Checkbox-label:hover, .Checkbox--colorPrimary.Checkbox--pill .Checkbox-label:focus {
  border-color: #1A6BAF;
}
.Checkbox--colorPrimary.Checkbox--pill .Checkbox-input:checked + .Checkbox-label {
  border-color: #1A6BAF;
  background-color: #f4f8fb;
}
.Checkbox--colorPrimary.Checkbox--pill input[type=checkbox] + .Checkbox-label {
  border-radius: 8px;
}

.DayPicker-Day:not(.DayPicker-Day--outside):hover {
  background-color: rgba(122, 122, 122, 0.2);
}
.DayPicker-Day:not(.DayPicker-Day--outside).DayPicker-Day--event {
  border-color: #76a6cf;
}
.DayPicker-Day:not(.DayPicker-Day--outside).DayPicker-Day--game {
  background: #1A6BAF;
  color: #ffffff;
}

legend.game:before {
  background-color: #1A6BAF;
}

legend.event:before {
  border-color: #76a6cf;
}

.Divider {
  border: none;
  border-top: 1px solid #d6d6d6;
  background: transparent;
  color: transparent;
  margin: 8px 0;
}

.Divider--indented {
  border-bottom: 1px solid #ffffff;
}

.Divider--thick {
  border-top-width: 4px;
}

.Divider--space {
  border: none;
  margin: 0;
  padding: 16px;
}

.Feedback {
  position: relative;
  width: 100%;
  border: 1px solid #1A6BAF;
  border-radius: 4px;
  margin: 8px 0;
  padding: 8px;
  background: #ffffff;
  padding-left: 48px;
  overflow: hidden;
}

.Feedback-icon {
  width: 40px;
  background: #1A6BAF;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 8px;
  color: #ffffff;
}

.Feedback-title {
  font-weight: 700;
  display: block;
}

.Feedback-dismiss {
  box-sizing: content-box;
  font-size: 16px;
  width: 16px;
  height: 100%;
  padding: 0 8px;
  position: absolute;
  top: 0;
  right: 0;
  color: #d6d6d6;
  cursor: pointer;
}
.Feedback-dismiss:hover {
  color: #7a7a7a;
}

.Feedback-icon .Icon,
.Feedback-dismiss .Icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.Feedback--positive {
  border-color: #7fc243;
}
.Feedback--positive .Feedback-icon {
  background: #7fc243;
}

.Feedback--negative {
  border-color: #e26362;
}
.Feedback--negative .Feedback-icon {
  background: #e26362;
}
.Feedback--negative .Feedback-dismiss {
  color: #b54f4e;
}

.Feedback--highlight {
  border-color: #FF8F00;
}
.Feedback--highlight .Feedback-icon {
  background: #FF8F00;
}
.Feedback--highlight .Feedback-dismiss {
  color: #ff8f00;
}

.Feedback--disabled {
  border-color: #e6e6e6;
}
.Feedback--disabled .Feedback-icon {
  background: #e6e6e6;
  color: #1A6BAF;
}

.Feedback--dismissible {
  padding-right: 32px;
}

.Feedback--popup {
  position: fixed;
  top: -100%;
  width: calc(100% - 32px);
  max-width: 400px;
  right: 16px;
  box-shadow: 0 0 8px rgba(56, 56, 56, 0.35);
  transition: top 250ms;
  z-index: 9999;
}
.Feedback--popup.js-active {
  top: 16px;
  transition: top 250ms;
}

.FieldGroup {
  margin-bottom: 16px;
  position: relative;
}

.FieldGroup-label {
  display: block;
  padding-bottom: 4px;
  font-size: 13px;
  font-weight: 600;
}

.FieldGroup-message {
  color: #7a7a7a;
  font-size: 13px;
  padding-top: 4px;
  margin-bottom: 0;
}

.FieldGroup-message--error {
  color: #e26362;
}

.FieldGroup-validation {
  display: none;
  color: #7fc243;
  position: absolute;
  top: 0;
  left: 0;
}

.FieldGroup.is-notValid .Input, .FieldGroup.is-notValid .Checkbox-label:before, .FieldGroup.is-notValid .SelectBox-options, .FieldGroup.is-notValid textarea, .FieldGroup.is-notValid .Checkbox--pill .Checkbox-label {
  border-color: #e26362;
}

.FieldGroup.is-valid .FieldGroup-validation {
  display: block;
}
.FieldGroup.is-valid .FieldGroup-label {
  padding-left: 16px;
}

.Grid {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
  width: 100%;
}

.Grid--alignCenter {
  justify-content: center;
}

.Grid--alignMiddle {
  align-items: center;
}

.Grid--fit > .Grid-cell {
  flex: 1 1 0%;
}

.Grid--equalHeight > .Grid-cell {
  display: flex;
}

.Grid--withGutter {
  margin: 0 -8px;
  width: calc(100% + 16px);
}

.Grid--withGutter > .Grid-cell {
  padding: 0 8px;
}

.Grid-cell {
  box-sizing: inherit;
  flex-basis: 100%;
  min-width: 0;
}

.Grid-cell--center {
  margin: 0 auto;
}

.Icon {
  position: relative;
  margin: 0;
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 1em;
  vertical-align: middle;
  top: -1px;
  fill: currentColor;
}

.Icon--loader {
  animation: rotator 1.4s linear infinite;
  fill: none;
  stroke: currentColor;
}
.Icon--loader circle {
  stroke-dasharray: 130;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1.4s ease-in-out infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 130;
  }
  50% {
    stroke-dashoffset: 32.5;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 130;
    transform: rotate(450deg);
  }
}
.Input {
  cursor: text;
  color: #383838;
  display: block;
  width: 100%;
  height: 32px;
  line-height: 30px;
  padding: 0 8px;
  box-sizing: border-box;
  box-shadow: none;
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  font-family: inherit;
  font-size: 13px;
  transition: all ease 0.2s;
}
.Input:disabled {
  background: #fbfbfb;
  color: #d6d6d6;
  cursor: not-allowed;
}
.Input:focus {
  outline: none;
  border-color: #1A6BAF;
}
.Input::-ms-clear {
  display: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  -webkit-text-fill-color: #383838;
}

.Input--large {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
}

.Input--showHide {
  padding-right: 56px;
}

.Input-showHideButton {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 100%;
  background-color: transparent;
  border: none;
  color: #7a7a7a;
  border-radius: 0 4px 4px 0;
  font-size: 13px;
  font-weight: normal;
  font-family: inherit;
  line-height: 1;
  padding: 8px;
  transition: all ease 200ms;
  cursor: pointer;
}

.Input-showHideButton:hover {
  background-color: transparent;
  color: #383838;
}

.Input-showHideButton:focus {
  outline: none;
  border: solid 1px #1A6BAF;
  background-color: transparent;
  color: #383838;
}

.InputGroup {
  position: relative;
}

.InputGroup-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 32px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  z-index: 5;
}

.InputGroup--iconButton .InputGroup-icon {
  border: none;
  background-color: inherit;
}

.InputGroup--leftIcon .Input {
  padding-left: 40px;
}
.InputGroup--leftIcon .InputGroup-icon {
  left: 0;
  border-right: 1px solid #e6e6e6;
}

.InputGroup--rightIcon .Input {
  padding-right: 40px;
}
.InputGroup--rightIcon .InputGroup-icon {
  right: 0;
  border-left: 1px solid #e6e6e6;
}

.JelloAnimation {
  display: inline-block;
  position: relative;
  height: 40px;
  width: 40px;
}

.JelloAnimation-box {
  width: 32px;
  height: 32px;
  background: #FF8F00;
  animation: jelloBoxAnimation 500ms linear infinite;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2px;
}

.JelloAnimation-shadow {
  width: 32px;
  height: 4px;
  background: #e6e6e6;
  position: absolute;
  bottom: -4px;
  left: 0;
  border-radius: 50%;
  animation: jelloShadowAnimation 500ms linear infinite;
}

@keyframes jelloBoxAnimation {
  17% {
    border-bottom-right-radius: 2px;
  }
  25% {
    transform: translateY(8px) rotate(22.5deg);
  }
  50% {
    border-bottom-right-radius: 32px;
    transform: translateY(16px) scale(1, 0.9) rotate(45deg);
  }
  75% {
    transform: translateY(8px) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}
@keyframes jelloShadowAnimation {
  50% {
    transform: scale(1.2, 1);
  }
}
.PulseAnimation-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #7a7a7a;
  border-radius: 100%;
  animation: PulseAnimation 1.5s infinite ease-in-out both;
}

.PulseAnimation-dot:nth-child(1) {
  animation-delay: -500ms;
}

.PulseAnimation-dot:nth-child(2) {
  animation-delay: -250ms;
}

@keyframes PulseAnimation {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.SpinAnimation {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  vertical-align: middle;
  margin: 4px;
  border-top: solid 2px #383838;
  border-right: solid 2px transparent;
  box-shadow: 0 0 0 1px #7a7a7a;
  animation: SpinAnimation 1s linear infinite;
}

@keyframes SpinAnimation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.Loader {
  display: block;
  text-align: center;
  padding: 8px 0;
}

.Loader-indicator {
  position: relative;
  height: 32px;
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
}

.Loader-indicatorText {
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
  color: #383838;
  padding-left: 4px;
}

.Loader-message {
  display: block;
  padding: 16px 0;
  font-size: 16px;
  color: #7a7a7a;
}

.Loader--jello .Loader-indicator {
  height: 48px;
}
.Loader--jello .Loader-indicatorText {
  line-height: 40px;
  color: #7a7a7a;
  font-weight: 400;
}
.Loader--jello .Loader-message {
  font-size: 23px;
  font-weight: 600;
}

.Loader--fixedCenter {
  position: fixed;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.Modal {
  display: none;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(34, 34, 34, 0.5);
  z-index: 1000;
  justify-content: center;
  align-items: center;
}
.Modal.is-open, .Modal.is-active {
  display: flex;
}
.Modal.is-closing {
  animation: overlayOut 300ms cubic-bezier(0.2, 0.8, 0.4, 1) forwards;
}

.Modal-content {
  max-height: 100vh;
  overflow-y: auto;
  width: 100%;
  max-width: 600px;
  background-color: #ffffff;
  border-radius: 8px;
  animation: modalIn 300ms cubic-bezier(0.2, 0.8, 0.4, 1) forwards;
  box-shadow: 0 0 8px rgba(56, 56, 56, 0.35);
  border: 8px solid #f7f7f7;
  padding: 24px;
}

.Modal-header {
  text-align: center;
  padding-bottom: 24px;
}

.Modal-iconDismiss {
  box-sizing: content-box;
  color: #d6d6d6;
  position: absolute;
  padding: 8px;
  height: 16px;
  width: 16px;
  top: 0;
  right: 0;
  cursor: pointer;
}
.Modal-iconDismiss:hover {
  color: #ababab;
}

.Modal-title {
  padding: 0;
  margin: 0;
  font-size: 23px;
  color: #1A6BAF;
  font-family: "MuseoSansRounded700Regular", "Open Sans", Arial, sans-serif;
}

.Modal-footer {
  margin-top: 32px;
  text-align: center;
}

.Modal-bgDismiss {
  height: 100%;
  width: 100%;
  position: absolute;
}

@keyframes modalIn {
  0% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes overlayOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.PaginateItem {
  background: #ffffff;
}

.PaginateItemIsActive {
  background: #e6e6e6;
  border-top-width: 2px;
  border-bottom-width: 1px;
  pointer-events: none;
}

.PaginateItemIsDisabled {
  pointer-events: none;
  color: #7a7a7a;
  background: #f7f7f7;
}

.Panel {
  padding: 0;
  background: #ffffff;
  color: #383838;
  margin-bottom: 16px;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  box-sizing: border-box;
}

.Panel-body {
  padding: 0;
}

.Panel-body:first-child .Panel-row:first-child .Panel-cell:first-child {
  border-top-left-radius: 8px;
}

.Panel-body:first-child .Panel-row:first-child .Panel-cell:last-child {
  border-top-right-radius: 8px;
}

.Panel-body:last-child .Panel-row:last-child .Panel-cell:first-child {
  border-bottom-left-radius: 8px;
}

.Panel-body:last-child .Panel-row:last-child .Panel-cell:last-child {
  border-bottom-right-radius: 8px;
}

.Panel-header,
.Panel-footer,
.Panel-row {
  max-width: none;
}

.Panel-header,
.Panel-footer,
.Panel-row,
.Panel-cell {
  padding: 16px;
}

.Panel-header {
  border-bottom: 1px solid #d6d6d6;
  display: flex;
  align-items: center;
}

.Panel-header--withImage {
  border-bottom: none;
  display: block;
  padding: 0;
}
.Panel-header--withImage .Panel-title {
  padding: 16px;
  padding-bottom: 0;
}

.Panel-headerImage {
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  border-bottom: 1px solid #d6d6d6;
  overflow: hidden;
  max-height: 200px;
}
.Panel-headerImage img {
  vertical-align: top;
  width: 100%;
}

.Panel-title {
  color: #383838;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  flex: 1 1 0%;
  padding: 0;
  margin: 0;
}

.Panel-row:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}

.Panel-row--withCells {
  display: flex;
  padding: 0;
}

.Panel-row--header {
  background-color: #fbfbfb;
  border-bottom: solid 1px #e6e6e6;
  font-weight: 600;
}

.Panel-cell {
  flex: 1 1 0%;
  word-break: break-word;
}

.Panel-cell--header {
  background-color: #fbfbfb;
  border-right: solid 1px #e6e6e6;
  font-weight: 600;
}

.Panel-footer {
  border-top: 1px solid #d6d6d6;
  text-align: right;
}

.Panel--striped .Panel-row:nth-child(even) {
  background-color: #fbfbfb;
}

@media (max-width: 479px) {
  .Panel--xxsMax-stacked .Panel-row {
    flex-wrap: wrap;
    border-bottom: 0;
  }
  .Panel--xxsMax-stacked .Panel-cell {
    flex-basis: auto;
    width: 100%;
  }
  .Panel--xxsMax-stacked .Panel-cell--header {
    border-right: 0;
    padding-bottom: 0;
    background-color: inherit;
  }
  .Panel--xxsMax-stacked .Panel-cell--header + .Panel-cell {
    padding-top: 8px;
  }
  .Panel--xxsMax-stacked .Panel-body:first-child .Panel-row:first-child .Panel-cell:last-child,
  .Panel--xxsMax-stacked .Panel-body:last-child .Panel-row:last-child .Panel-cell:first-child {
    border-radius: 0;
  }
  .Panel--xxsMax-stacked .Panel-body:first-child .Panel-row:first-child .Panel-cell:first-child {
    border-top-right-radius: 8px;
  }
  .Panel--xxsMax-stacked .Panel-body:last-child .Panel-row:last-child .Panel-cell:last-child {
    border-bottom-left-radius: 8px;
  }
}
@media (max-width: 767px) {
  .Panel--xsMax-stacked .Panel-row {
    flex-wrap: wrap;
    border-bottom: 0;
  }
  .Panel--xsMax-stacked .Panel-cell {
    flex-basis: auto;
    width: 100%;
  }
  .Panel--xsMax-stacked .Panel-cell--header {
    border-right: 0;
    padding-bottom: 0;
    background-color: inherit;
  }
  .Panel--xsMax-stacked .Panel-cell--header + .Panel-cell {
    padding-top: 8px;
  }
  .Panel--xsMax-stacked .Panel-body:first-child .Panel-row:first-child .Panel-cell:last-child,
  .Panel--xsMax-stacked .Panel-body:last-child .Panel-row:last-child .Panel-cell:first-child {
    border-radius: 0;
  }
  .Panel--xsMax-stacked .Panel-body:first-child .Panel-row:first-child .Panel-cell:first-child {
    border-top-right-radius: 8px;
  }
  .Panel--xsMax-stacked .Panel-body:last-child .Panel-row:last-child .Panel-cell:last-child {
    border-bottom-left-radius: 8px;
  }
}
@media (max-width: 991px) {
  .Panel--smMax-stacked .Panel-row {
    flex-wrap: wrap;
    border-bottom: 0;
  }
  .Panel--smMax-stacked .Panel-cell {
    flex-basis: auto;
    width: 100%;
  }
  .Panel--smMax-stacked .Panel-cell--header {
    border-right: 0;
    padding-bottom: 0;
    background-color: inherit;
  }
  .Panel--smMax-stacked .Panel-cell--header + .Panel-cell {
    padding-top: 8px;
  }
  .Panel--smMax-stacked .Panel-body:first-child .Panel-row:first-child .Panel-cell:last-child,
  .Panel--smMax-stacked .Panel-body:last-child .Panel-row:last-child .Panel-cell:first-child {
    border-radius: 0;
  }
  .Panel--smMax-stacked .Panel-body:first-child .Panel-row:first-child .Panel-cell:first-child {
    border-top-right-radius: 8px;
  }
  .Panel--smMax-stacked .Panel-body:last-child .Panel-row:last-child .Panel-cell:last-child {
    border-bottom-left-radius: 8px;
  }
}
@media (max-width: 1199px) {
  .Panel--mdMax-stacked .Panel-row {
    flex-wrap: wrap;
    border-bottom: 0;
  }
  .Panel--mdMax-stacked .Panel-cell {
    flex-basis: auto;
    width: 100%;
  }
  .Panel--mdMax-stacked .Panel-cell--header {
    border-right: 0;
    padding-bottom: 0;
    background-color: inherit;
  }
  .Panel--mdMax-stacked .Panel-cell--header + .Panel-cell {
    padding-top: 8px;
  }
  .Panel--mdMax-stacked .Panel-body:first-child .Panel-row:first-child .Panel-cell:last-child,
  .Panel--mdMax-stacked .Panel-body:last-child .Panel-row:last-child .Panel-cell:first-child {
    border-radius: 0;
  }
  .Panel--mdMax-stacked .Panel-body:first-child .Panel-row:first-child .Panel-cell:first-child {
    border-top-right-radius: 8px;
  }
  .Panel--mdMax-stacked .Panel-body:last-child .Panel-row:last-child .Panel-cell:last-child {
    border-bottom-left-radius: 8px;
  }
}
.Panel .Panel-row--parent {
  border-bottom: none;
}

.Panel-expandableControlIcon {
  padding-right: 4px;
}
.Panel-expandableControlIcon .Icon {
  font-size: 10px;
}

.Panel-expandableControl.is-expanded {
  color: #FF8F00;
  padding-right: 4px;
}
.Panel-expandableControl.is-expanded .Icon {
  transform: rotate(90deg);
}

.Panel-childRows {
  background: #fbfbfb;
  height: 0;
  overflow: hidden;
}
.Panel-childRows .Panel-row {
  border: none;
}
.Panel-childRows .Panel-cell {
  font-size: 12px;
  color: #7a7a7a;
  padding-top: 8px;
  padding-bottom: 8px;
}
.Panel-childRows .Panel-row:first-child .Panel-cell {
  padding-top: 16px;
}
.Panel-childRows .Panel-row:last-child .Panel-cell {
  padding-bottom: 16px;
}
.Panel-childRows.is-expanded {
  height: auto;
  border-top: 1px solid #e6e6e6;
}

.Panel-expandableRow:not(:last-child) .Panel-childRows {
  border-top: 1px solid #e6e6e6;
}
.Panel-expandableRow:not(:last-child) .Panel-childRows.is-expanded {
  border-bottom: 1px solid #FF8F00;
}

.Popup {
  position: relative;
  display: inline-block;
}

.Popup-container {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  width: 250px;
  display: none;
}

.Popup-container.is-open {
  display: block;
}

.Popup-container::before,
.Popup-container::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  border-radius: 3px 0 3px 0;
  animation: popInArrow 75ms cubic-bezier(0.2, 0.8, 0.4, 1) forwards;
}

.Popup-container::before {
  top: calc(100% - 6px);
  border: solid #d6d6d6 1px;
  box-shadow: 0 0 2px rgba(56, 56, 56, 0.15);
}

.Popup-container::after {
  top: calc(100% - 7px);
}

.Popup-content {
  background-color: #ffffff;
  color: #383838;
  border: solid #d6d6d6 1px;
  border-radius: 4px;
  box-shadow: 0 0 2px rgba(56, 56, 56, 0.15);
  animation: popIn 75ms cubic-bezier(0.2, 0.8, 0.4, 1) forwards;
}

.Popup-container--overlay {
  bottom: 50%;
  transform: translateX(-50%) translateY(50%);
}
.Popup-container--overlay::before, .Popup-container--overlay::after {
  display: none;
}

.Popup-container--down {
  bottom: auto;
  top: calc(100% + 10px);
}
.Popup-container--down::before {
  top: -6px;
}
.Popup-container--down::after {
  top: -5px;
}

.Popup-container--left {
  left: 0;
  transform: none;
}
.Popup-container--left::before, .Popup-container--left::after {
  left: 24px;
  transform: translateX(0) rotate(45deg);
}

.Popup-container--leftHang {
  left: -24px;
  transform: none;
}
.Popup-container--leftHang::before, .Popup-container--leftHang::after {
  left: 32px;
  transform: translateX(0) rotate(45deg);
}

.Popup-container--right {
  left: auto;
  right: 0;
  transform: none;
}
.Popup-container--right::before, .Popup-container--right::after {
  left: auto;
  right: 24px;
  transform: translateX(0) rotate(45deg);
}

.Popup-container--rightHang {
  left: auto;
  right: -24px;
  transform: none;
}
.Popup-container--rightHang::before, .Popup-container--rightHang::after {
  left: auto;
  right: 32px;
  transform: translateX(0) rotate(45deg);
}

.Popup--hover .Popup-content:before {
  content: "";
  position: absolute;
  display: block;
}

.Popup-content:before {
  height: 16px;
  width: 100%;
  left: 0;
  top: 100%;
}
.Popup-container--down .Popup-content:before {
  top: auto;
  bottom: 100%;
}

.Popup--hover:hover .Popup-container,
.Popup--hover:focus .Popup-container,
.Popup--hover:focus-within .Popup-container {
  display: block;
}

@keyframes popIn {
  0% {
    opacity: 0;
    transform: scale3d(0.7, 0.7, 0.7);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes popInArrow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ProgressBar {
  height: 8px;
  background: #f7f7f7;
  box-shadow: inset 0 0 2px rgba(56, 56, 56, 0.15);
  overflow: hidden;
}

.ProgressBar-status {
  background: #7fc243;
  height: 100%;
  width: auto;
}

.ProgressBar,
.ProgressBar-status {
  border-radius: 4px;
}

.ProgressBar--xsmall {
  height: 2px;
}
.ProgressBar--xsmall, .ProgressBar--xsmall .ProgressBar-status {
  border-radius: 1px;
}

.ProgressBar--small {
  height: 4px;
}
.ProgressBar--small, .ProgressBar--small .ProgressBar-status {
  border-radius: 2px;
}

.ProgressBar--large {
  height: 16px;
}
.ProgressBar--large, .ProgressBar--large .ProgressBar-status {
  border-radius: 8px;
}

.ProgressBar--xlarge {
  height: 24px;
}
.ProgressBar--xlarge, .ProgressBar--xlarge .ProgressBar-status {
  border-radius: 12px;
}

.ProgressBar--vertical {
  height: 100%;
  width: 32px;
  position: relative;
}
.ProgressBar--vertical .ProgressBar-status {
  height: auto;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ProgressBar--vertical, .ProgressBar--vertical .ProgressBar-status {
  border-radius: 20px;
}

.ProgressBar--vertical.ProgressBar--xsmall {
  width: 16px;
}
.ProgressBar--vertical.ProgressBar--xsmall, .ProgressBar--vertical.ProgressBar--xsmall .ProgressBar-status {
  border-radius: 8px;
}
.ProgressBar--vertical.ProgressBar--small {
  width: 24px;
}
.ProgressBar--vertical.ProgressBar--small, .ProgressBar--vertical.ProgressBar--small .ProgressBar-status {
  border-radius: 12px;
}
.ProgressBar--vertical.ProgressBar--large {
  width: 48px;
}
.ProgressBar--vertical.ProgressBar--large, .ProgressBar--vertical.ProgressBar--large .ProgressBar-status {
  border-radius: 24px;
}
.ProgressBar--vertical.ProgressBar--xlarge {
  width: 64px;
}
.ProgressBar--vertical.ProgressBar--xlarge, .ProgressBar--vertical.ProgressBar--xlarge .ProgressBar-status {
  border-radius: 32px;
}

.ProgressBar--precise .ProgressBar-status {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ProgressBar--precise.ProgressBar--vertical .ProgressBar-status {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.RadialProgress {
  position: relative;
  display: block;
  background: #f7f7f7;
  border-radius: 50%;
  height: 80px;
  width: 80px;
}
.RadialProgress:before, .RadialProgress:after {
  content: "";
  border-radius: 50%;
  display: block;
  z-index: 5;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.RadialProgress:before {
  width: 100%;
  height: 100%;
  box-shadow: 1px 1px 1px rgba(56, 56, 56, 0.15) inset;
}
.RadialProgress:after {
  width: 60%;
  height: 60%;
  box-shadow: 0 0 2px rgba(56, 56, 56, 0.15);
  background: #ffffff;
}

.RadialProgress-circle {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  clip: rect(0, 80px, 80px, 40px);
}

.RadialProgress .RadialProgress-circle.whole {
  clip: rect(auto, auto, auto, auto);
}

.RadialProgress-status {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background: transparent;
  clip: rect(0, 40px, 80px, 0);
  border-width: 40px;
  border-style: solid;
  border-color: #7fc243;
}

.RadialProgress--xsmall {
  height: 32px;
  width: 32px;
}
.RadialProgress--xsmall .RadialProgress-circle {
  clip: rect(0, 32px, 32px, 16px);
}
.RadialProgress--xsmall .RadialProgress-status {
  clip: rect(0, 16px, 32px, 0);
  border-width: 16px;
}

.RadialProgress--small {
  height: 48px;
  width: 48px;
}
.RadialProgress--small .RadialProgress-circle {
  clip: rect(0, 48px, 48px, 24px);
}
.RadialProgress--small .RadialProgress-status {
  clip: rect(0, 24px, 48px, 0);
  border-width: 24px;
}

.RadialProgress--large {
  height: 112px;
  width: 112px;
}
.RadialProgress--large .RadialProgress-circle {
  clip: rect(0, 112px, 112px, 56px);
}
.RadialProgress--large .RadialProgress-status {
  clip: rect(0, 56px, 112px, 0);
  border-width: 56px;
}

.RadialProgress--xlarge {
  height: 160px;
  width: 160px;
}
.RadialProgress--xlarge .RadialProgress-circle {
  clip: rect(0, 160px, 160px, 80px);
}
.RadialProgress--xlarge .RadialProgress-status {
  clip: rect(0, 80px, 160px, 0);
  border-width: 80px;
}

.ProgressBar--neutral .ProgressBar-status {
  background: #7a7a7a;
}

.ProgressBar--negative .ProgressBar-status {
  background: #e26362;
}

.ProgressBar--highlight .ProgressBar-status {
  background: #FF8F00;
}

.RadialProgress--neutral .RadialProgress-status {
  border-color: #7a7a7a;
}

.RadialProgress--negative .RadialProgress-status {
  border-color: #e26362;
}

.RadialProgress--highlight .RadialProgress-status {
  border-color: #FF8F00;
}

.SelectBox {
  position: relative;
  display: inline-block;
  width: 100%;
}
.SelectBox:after {
  font-family: "SSPika";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  line-height: inherit;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  font-size: 87.5%;
  content: "▾";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 32px;
  color: #afafaf;
  font-size: 10px;
  height: 24px;
  line-height: 28px;
  text-align: center;
  border-left: 1px solid #e6e6e6;
  pointer-events: none;
}

.SelectBox-options {
  height: 32px;
  width: 100%;
  line-height: 32px;
  padding-right: 40px;
  padding-left: 8px;
  color: #383838;
  background-color: #ffffff;
  font-family: "Open Sans", Helvetica, sans-serif;
  border-radius: 4px;
  border: 1px solid #d6d6d6;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.SelectBox-options::-ms-expand {
  display: none;
}
.SelectBox-options:focus {
  border-color: #1A6BAF;
  outline: none;
}
.SelectBox-options:disabled, .SelectBox-options.is-disabled {
  color: #e6e6e6;
  cursor: not-allowed;
}

.SelectBox-text {
  display: none;
}

.SelectBox--large .SelectBox-options {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
}

.StepNav {
  padding-bottom: 24px;
}

.StepNav-steps {
  padding-left: 64px;
}

.StepNav-step:before {
  width: calc(100% - 64px);
  height: 4px;
  top: 28px;
  right: 64px;
}
.StepNav-step.is-active .StepNav-stepIcon, .StepNav-step.is-enabled a:hover .StepNav-stepIcon {
  box-shadow: 0 0 2px #15568c inset;
}
.StepNav-step.is-enabled a:hover .StepNav-stepIcon {
  box-shadow: 0 0 2px #15568c inset;
}

.StepNav-stepLink {
  padding: 0 4px;
}

.StepNav-stepTitle {
  width: 150px;
  left: calc(0px - 43px);
  padding-top: 4px;
}

.StepNav-stepIcon {
  font-size: 22.4px;
  border-width: 4px;
  height: 56px;
  width: 56px;
  border-radius: 28px;
  padding: 14px;
}

.StepNav-steps {
  position: relative;
  padding-bottom: 4px;
  display: flex;
}

.StepNav-step {
  position: relative;
  list-style: none;
  display: block;
  padding: 0;
  flex: auto;
}
.StepNav-step:before {
  content: "";
  display: block;
  position: absolute;
  background: #d6d6d6;
}
.StepNav-step:first-child {
  position: absolute;
  left: 0;
  top: 0;
}
.StepNav-step:first-child .StepNav-stepLink {
  float: left;
}
.StepNav-step:first-child:before {
  display: none;
}
.StepNav-step.is-enabled .StepNav-stepIcon,
.StepNav-step.is-enabled .StepNav-stepTitle {
  color: #1A6BAF;
  transition: color 0.35s ease-in-out;
}
.StepNav-step.is-enabled .StepNav-stepIcon {
  border-color: #1A6BAF;
  transition: border-color 0.35s ease-in-out;
}
.StepNav-step.is-enabled:before {
  background-color: #1A6BAF;
  transition: background-color 0.35s ease-in-out;
}
.StepNav-step.is-active .StepNav-stepIcon, .StepNav-step.is-enabled .StepNav-stepLink:hover .StepNav-stepIcon {
  color: #ffffff;
  border-color: #d6d6d6;
  background-color: #1A6BAF;
}
.StepNav-step.is-enabled .StepNav-stepLink:hover .StepNav-stepIcon {
  color: #ffffff;
  border-color: #d6d6d6;
  background-color: #1A6BAF;
}

.StepNav-stepLink {
  float: right;
  position: relative;
  z-index: 10;
  color: #d6d6d6;
}

.StepNav-stepTitle {
  display: block;
  text-align: center;
  margin: 0 auto;
  color: #d6d6d6;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 13px;
  position: absolute;
  top: 100%;
}

.StepNav-stepIcon {
  background: #fff;
  box-sizing: content-box;
  line-height: 1;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  border-style: solid;
  border-color: #d6d6d6;
}

.StepNav--small .StepNav-steps {
  padding-left: 44px;
}
.StepNav--small .StepNav-step:before {
  width: calc(100% - 44px);
  height: 2px;
  top: 20px;
  right: 44px;
}
.StepNav--small .StepNav-step.is-active .StepNav-stepIcon, .StepNav--small .StepNav-step.is-enabled a:hover .StepNav-stepIcon {
  box-shadow: 0 0 1px #15568c inset;
}
.StepNav--small .StepNav-step.is-enabled a:hover .StepNav-stepIcon {
  box-shadow: 0 0 1px #15568c inset;
}
.StepNav--small .StepNav-stepLink {
  padding: 0 2px;
}
.StepNav--small .StepNav-stepTitle {
  width: 150px;
  left: calc(0px - 53px);
  padding-top: 2px;
}
.StepNav--small .StepNav-stepIcon {
  font-size: 16px;
  border-width: 2px;
  height: 40px;
  width: 40px;
  border-radius: 20px;
  padding: 10px;
}
.StepNav--small .StepNav-stepTitle {
  display: none;
}

.StepNav--xsmall .StepNav-steps {
  padding-left: 26px;
}
.StepNav--xsmall .StepNav-step:before {
  width: calc(100% - 26px);
  height: 1px;
  top: 12px;
  right: 26px;
}
.StepNav--xsmall .StepNav-step.is-active .StepNav-stepIcon, .StepNav--xsmall .StepNav-step.is-enabled a:hover .StepNav-stepIcon {
  box-shadow: 0 0 0.5px #15568c inset;
}
.StepNav--xsmall .StepNav-step.is-enabled a:hover .StepNav-stepIcon {
  box-shadow: 0 0 0.5px #15568c inset;
}
.StepNav--xsmall .StepNav-stepLink {
  padding: 0 1px;
}
.StepNav--xsmall .StepNav-stepTitle {
  width: 150px;
  left: calc(0px - 62px);
  padding-top: 1px;
}
.StepNav--xsmall .StepNav-stepIcon {
  font-size: 9.6px;
  border-width: 1px;
  height: 24px;
  width: 24px;
  border-radius: 12px;
  padding: 6px;
}
.StepNav--xsmall .StepNav-stepTitle {
  display: none;
}

.StepNav--titled:after {
  content: "";
  display: block;
  clear: both;
}
.StepNav--titled .StepNav-title,
.StepNav--titled .StepNav-steps {
  float: left;
}
.StepNav--titled .StepNav-title {
  width: 55%;
}
.StepNav--titled .StepNav-steps {
  width: 45%;
}
.StepNav--titled .StepNav-step:first-child:before {
  display: block;
}

.StepNav-title {
  overflow: hidden;
}

.StepNav-titleText {
  position: relative;
  margin: 0;
  padding-right: 8px;
  display: inline-block;
  line-height: 56px;
}
.StepNav-titleText:before {
  content: "";
  position: absolute;
  top: 28px;
  left: 100%;
  height: 4px;
  width: 1000%;
  background: #1A6BAF;
}

.SummaryList-heading {
  color: #383838;
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}

.SummaryList-section {
  border-top: 2px solid #d6d6d6;
  padding: 8px 0;
  list-style-type: none;
}

.SummaryList-item {
  display: flex;
  width: 100%;
  height: 30px;
  align-items: center;
}
.SummaryList-item--footer {
  margin: 8px 0;
  padding-top: 8px;
  border-top: 1px solid #d6d6d6;
  font-weight: 700;
}
.SummaryList-item span:last-child {
  display: flex;
  flex-grow: 1;
}
.SummaryList-item span:last-child:before {
  content: " ";
  flex-grow: 1;
  margin: 0 4px 4px;
  border-bottom: 1px dotted #d6d6d6;
  width: 10%;
}

.SummaryList--no-heading .SummaryList-section {
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
}

.SummaryList-footer h3 {
  padding-top: 8px;
  border-top: 1px solid #d6d6d6;
  display: flex;
  justify-content: flex-end;
  color: #7a7a7a;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-weight: 700;
}
.SummaryList-footer h3 span {
  color: #13426E;
  margin-left: 8px;
}

.Tabs-header {
  border-bottom: 4px solid #d6d6d6;
  padding: 0;
  margin-bottom: 16px;
}

.Tabs-headerItem {
  list-style: none;
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #7a7a7a;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-weight: 600;
}
.Tabs-headerItem, .Tabs-headerItem:last-child {
  padding: 4px 24px;
}
.Tabs-headerItem:after {
  content: "";
  display: block;
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  bottom: -4px;
  background: transparent;
}
.Tabs-headerItem.is-active, .Tabs-headerItem:hover {
  color: #1A6BAF;
}
.Tabs-headerItem.is-active:after {
  background: #1A6BAF;
}

.Tabs-contentItem {
  display: none;
}

.Tabs-contentItem.is-active {
  display: block;
}

.Toggle {
  position: relative;
  display: inline-block;
}

.Toggle-input {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  z-index: 5;
}

.Toggle-label {
  padding: 2px;
  text-align: right;
  position: relative;
  display: inline-block;
  color: #ffffff;
  font-size: 12px;
  box-sizing: content-box;
  height: 16px;
  width: 40px;
  line-height: 16px;
  border-radius: 16px;
  background-color: #e26362;
  box-shadow: 0 0 2px #b54f4e inset;
}
.Toggle-label:hover {
  color: #ffffff;
}
.Toggle-label:before {
  content: "off";
  padding-right: 4px;
  display: inline-block;
}
.Toggle-label:after {
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  border-radius: 16px;
  background: #ffffff;
  position: absolute;
  top: 2px;
  left: 2px;
  right: auto;
}

.Toggle-input:checked + .Toggle-label {
  background-color: #7fc243;
  box-shadow: 0 0 2px #669b36 inset;
  text-align: left;
}
.Toggle-input:checked + .Toggle-label:before {
  content: "on";
  padding-left: 4px;
  display: inline-block;
}
.Toggle-input:checked + .Toggle-label:after {
  left: auto;
  right: 2px;
}

.Tooltip {
  position: relative;
  cursor: pointer;
}
.Tooltip:after {
  content: attr(data-tooltip);
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9999;
  margin-top: 2px;
  width: 200px;
  padding: 16px;
  border-radius: 8px;
  border-top-left-radius: 0;
  border: 1px solid #e6e6e6;
  background: #fbfbfb;
  box-shadow: 0 0 2px rgba(56, 56, 56, 0.15);
  font-style: normal;
  font-size: 13px;
  font-weight: 400;
  white-space: normal;
  text-align: left;
  color: #383838;
}
.Tooltip:hover:after, .Tooltip:focus:after {
  display: block;
}

.Tooltip--text,
.Tooltip--icon {
  color: #317ab7;
}

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

.u-border {
  border: 1px solid #e6e6e6;
}

.u-borderNone {
  border: 0;
}

.u-borderRight {
  border-right: 1px solid #e6e6e6;
}

.u-borderRightNone {
  border-right: 0;
}

.u-borderLeft {
  border-left: 1px solid #e6e6e6;
}

.u-borderLeftNone {
  border-left: 0;
}

.u-borderBottom {
  border-bottom: 1px solid #e6e6e6;
}

.u-borderBottomNone {
  border-bottom: 0;
}

.u-borderTop {
  border-top: 1px solid #e6e6e6;
}

.u-borderTopNone {
  border-top: 0;
}

@media (min-width: 480px) {
  .u-xs-border {
    border: 1px solid #e6e6e6;
  }
  .u-xs-borderNone {
    border: 0;
  }
  .u-xs-borderRight {
    border-right: 1px solid #e6e6e6;
  }
  .u-xs-borderRightNone {
    border-right: 0;
  }
  .u-xs-borderLeft {
    border-left: 1px solid #e6e6e6;
  }
  .u-xs-borderLeftNone {
    border-left: 0;
  }
  .u-xs-borderBottom {
    border-bottom: 1px solid #e6e6e6;
  }
  .u-xs-borderBottomNone {
    border-bottom: 0;
  }
  .u-xs-borderTop {
    border-top: 1px solid #e6e6e6;
  }
  .u-xs-borderTopNone {
    border-top: 0;
  }
}
@media (min-width: 768px) {
  .u-sm-border {
    border: 1px solid #e6e6e6;
  }
  .u-sm-borderNone {
    border: 0;
  }
  .u-sm-borderRight {
    border-right: 1px solid #e6e6e6;
  }
  .u-sm-borderRightNone {
    border-right: 0;
  }
  .u-sm-borderLeft {
    border-left: 1px solid #e6e6e6;
  }
  .u-sm-borderLeftNone {
    border-left: 0;
  }
  .u-sm-borderBottom {
    border-bottom: 1px solid #e6e6e6;
  }
  .u-sm-borderBottomNone {
    border-bottom: 0;
  }
  .u-sm-borderTop {
    border-top: 1px solid #e6e6e6;
  }
  .u-sm-borderTopNone {
    border-top: 0;
  }
}
@media (min-width: 992px) {
  .u-md-border {
    border: 1px solid #e6e6e6;
  }
  .u-md-borderNone {
    border: 0;
  }
  .u-md-borderRight {
    border-right: 1px solid #e6e6e6;
  }
  .u-md-borderRightNone {
    border-right: 0;
  }
  .u-md-borderLeft {
    border-left: 1px solid #e6e6e6;
  }
  .u-md-borderLeftNone {
    border-left: 0;
  }
  .u-md-borderBottom {
    border-bottom: 1px solid #e6e6e6;
  }
  .u-md-borderBottomNone {
    border-bottom: 0;
  }
  .u-md-borderTop {
    border-top: 1px solid #e6e6e6;
  }
  .u-md-borderTopNone {
    border-top: 0;
  }
}
@media (min-width: 1200px) {
  .u-lg-border {
    border: 1px solid #e6e6e6;
  }
  .u-lg-borderNone {
    border: 0;
  }
  .u-lg-borderRight {
    border-right: 1px solid #e6e6e6;
  }
  .u-lg-borderRightNone {
    border-right: 0;
  }
  .u-lg-borderLeft {
    border-left: 1px solid #e6e6e6;
  }
  .u-lg-borderLeftNone {
    border-left: 0;
  }
  .u-lg-borderBottom {
    border-bottom: 1px solid #e6e6e6;
  }
  .u-lg-borderBottomNone {
    border-bottom: 0;
  }
  .u-lg-borderTop {
    border-top: 1px solid #e6e6e6;
  }
  .u-lg-borderTopNone {
    border-top: 0;
  }
}
.u-borderRadiusNone {
  border-radius: 0 !important;
}

.u-borderRadiusSm {
  border-radius: 2px !important;
}

.u-borderRadiusMd {
  border-radius: 4px !important;
}

.u-borderRadiusLg {
  border-radius: 8px !important;
}

@media (min-width: 480px) {
  .u-xs-borderRadiusNone {
    border-radius: 0 !important;
  }
  .u-xs-borderRadiusSm {
    border-radius: 2px !important;
  }
  .u-xs-borderRadiusMd {
    border-radius: 4px !important;
  }
  .u-xs-borderRadiusLg {
    border-radius: 8px !important;
  }
}
@media (min-width: 768px) {
  .u-sm-borderRadiusNone {
    border-radius: 0 !important;
  }
  .u-sm-borderRadiusSm {
    border-radius: 2px !important;
  }
  .u-sm-borderRadiusMd {
    border-radius: 4px !important;
  }
  .u-sm-borderRadiusLg {
    border-radius: 8px !important;
  }
}
@media (min-width: 992px) {
  .u-md-borderRadiusNone {
    border-radius: 0 !important;
  }
  .u-md-borderRadiusSm {
    border-radius: 2px !important;
  }
  .u-md-borderRadiusMd {
    border-radius: 4px !important;
  }
  .u-md-borderRadiusLg {
    border-radius: 8px !important;
  }
}
@media (min-width: 1200px) {
  .u-lg-borderRadiusNone {
    border-radius: 0 !important;
  }
  .u-lg-borderRadiusSm {
    border-radius: 2px !important;
  }
  .u-lg-borderRadiusMd {
    border-radius: 4px !important;
  }
  .u-lg-borderRadiusLg {
    border-radius: 8px !important;
  }
}
.u-borderColorDefault {
  border-color: #d6d6d6 !important;
}

.u-borderColorLight {
  border-color: #e6e6e6 !important;
}

.u-borderColorPrimary {
  border-color: #1A6BAF !important;
}

.u-borderColorHighlight {
  border-color: #FF8F00 !important;
}

.u-borderColorPositive {
  border-color: #7fc243 !important;
}

.u-borderColorNegative {
  border-color: #e26362 !important;
}

.u-colorPositive, .results.win {
  color: #7fc243 !important;
}

.u-colorNegative, .results.loss {
  color: #e26362 !important;
}

.u-colorPrimary {
  color: #1A6BAF !important;
}

.u-colorSecondary {
  color: #7fc243 !important;
}

.u-colorInfo {
  color: #383838 !important;
}

.u-colorGrey {
  color: #7a7a7a !important;
}

.u-colorHighlight {
  color: #FF8F00 !important;
}

.u-colorForeground {
  color: #ffffff !important;
}

.u-linkNegative {
  color: #e26362 !important;
}
.u-linkNegative:hover, .u-linkNegative:active {
  color: #cb5958 !important;
}

.u-linkCascade * {
  color: #317ab7 !important;
}
.u-linkCascade *:hover, .u-linkCascade *:active {
  color: #276292 !important;
}

.u-bgPositive {
  background-color: #7fc243 !important;
}

.u-bgNegative {
  background-color: #e26362 !important;
}

.u-bgPrimary {
  background-color: #1A6BAF !important;
}

.u-bgSecondary {
  background-color: #7fc243 !important;
}

.u-bgHighlight {
  background-color: #FF8F00 !important;
}

.u-bgLinkLight {
  background-color: #d6e4f1 !important;
}

.u-bgForeground {
  background-color: #ffffff !important;
}

.u-bgMiddleground {
  background-color: #fbfbfb !important;
}

.u-bgBackground {
  background-color: #f7f7f7 !important;
}

@media (min-width: 480px) {
  .u-xs-bgForeground {
    background-color: #ffffff !important;
  }
}
.u-flex {
  display: flex !important;
}

.u-block {
  display: block !important;
}

.u-hidden {
  display: none !important;
}

.u-hiddenVisually {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.u-inline {
  display: inline !important;
}

.u-inlineBlock {
  display: inline-block !important;
  max-width: 100%;
}

.u-overflowHidden {
  overflow: hidden !important;
}

@media (min-width: 480px) {
  .u-xs-flex {
    display: flex !important;
  }
  .u-xs-block {
    display: block !important;
  }
  .u-xs-hidden {
    display: none !important;
  }
  .u-xs-hiddenVisually {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
  .u-xs-inline {
    display: inline !important;
  }
  .u-xs-inlineBlock {
    display: inline-block !important;
    max-width: 100%;
  }
  .u-xs-overflowHidden {
    overflow: hidden !important;
  }
}
@media (min-width: 768px) {
  .u-sm-flex {
    display: flex !important;
  }
  .u-sm-block {
    display: block !important;
  }
  .u-sm-hidden {
    display: none !important;
  }
  .u-sm-hiddenVisually {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
  .u-sm-inline {
    display: inline !important;
  }
  .u-sm-inlineBlock {
    display: inline-block !important;
    max-width: 100%;
  }
  .u-sm-overflowHidden {
    overflow: hidden !important;
  }
}
@media (min-width: 992px) {
  .u-md-flex {
    display: flex !important;
  }
  .u-md-block {
    display: block !important;
  }
  .u-md-hidden {
    display: none !important;
  }
  .u-md-hiddenVisually {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
  .u-md-inline {
    display: inline !important;
  }
  .u-md-inlineBlock {
    display: inline-block !important;
    max-width: 100%;
  }
  .u-md-overflowHidden {
    overflow: hidden !important;
  }
}
@media (min-width: 1200px) {
  .u-lg-flex {
    display: flex !important;
  }
  .u-lg-block {
    display: block !important;
  }
  .u-lg-hidden {
    display: none !important;
  }
  .u-lg-hiddenVisually {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
  .u-lg-inline {
    display: inline !important;
  }
  .u-lg-inlineBlock {
    display: inline-block !important;
    max-width: 100%;
  }
  .u-lg-overflowHidden {
    overflow: hidden !important;
  }
}
.u-flexInline {
  display: inline-flex !important;
}

.u-flexRow {
  flex-direction: row !important;
}

.u-flexRowReverse {
  flex-direction: row-reverse !important;
}

.u-flexCol {
  flex-direction: column !important;
}

.u-flexColReverse {
  flex-direction: column-reverse !important;
}

.u-flexWrap {
  flex-wrap: wrap !important;
}

.u-flexNoWrap {
  flex-wrap: nowrap !important;
}

.u-flexWrapReverse {
  flex-wrap: wrap-reverse !important;
}

.u-flexJustifyStart {
  justify-content: flex-start !important;
}

.u-flexJustifyEnd {
  justify-content: flex-end !important;
}

.u-flexJustifyCenter {
  justify-content: center !important;
}

.u-flexJustifyBetween {
  justify-content: space-between !important;
}

.u-flexJustifyAround {
  justify-content: space-around !important;
}

.u-flexAlignItemsStart {
  align-items: flex-start !important;
}

.u-flexAlignItemsEnd {
  align-items: flex-end !important;
}

.u-flexAlignItemsCenter {
  align-items: center !important;
}

.u-flexAlignItemsStretch {
  align-items: stretch !important;
}

.u-flexAlignItemsBaseline {
  align-items: baseline !important;
}

.u-flexAlignContentStart {
  align-content: flex-start !important;
}

.u-flexAlignContentEnd {
  align-content: flex-end !important;
}

.u-flexAlignContentCenter {
  align-content: center !important;
}

.u-flexAlignContentStretch {
  align-content: stretch !important;
}

.u-flexAlignContentBetween {
  align-content: space-between !important;
}

.u-flexAlignContentAround {
  align-content: space-around !important;
}

.u-flexAlignSelfStart {
  align-self: flex-start !important;
}

.u-flexAlignSelfEnd {
  align-self: flex-end !important;
}

.u-flexAlignSelfCenter {
  align-self: center !important;
}

.u-flexAlignSelfStretch {
  align-self: stretch !important;
}

.u-flexAlignSelfBaseline {
  align-self: baseline !important;
}

.u-flexAlignSelfAuto {
  align-self: auto !important;
}

.u-flexOrderFirst {
  order: -1 !important;
}

.u-flexOrderLast {
  order: 1 !important;
}

.u-flexOrderNone {
  order: 0 !important;
}

.u-flexGrow1 {
  flex: 1 1 0% !important;
}

.u-flexGrow0 {
  flex: 0 1 0% !important;
}

.u-flexShrink0 {
  flex-shrink: 0 !important;
}

.u-flexShrink1 {
  flex-shrink: 1 !important;
}

.u-flexExpand {
  margin: auto !important;
}

.u-flexExpandLeft {
  margin-left: auto !important;
}

.u-flexExpandRight {
  margin-right: auto !important;
}

.u-flexExpandSides {
  margin-left: auto !important;
  margin-right: auto !important;
}

.u-flexExpandTop {
  margin-top: auto !important;
}

.u-flexExpandBottom {
  margin-bottom: auto !important;
}

.u-flexBasisAuto {
  flex-basis: auto !important;
}

.u-flexBasis0 {
  flex-basis: 0 !important;
}

.u-flexInitial {
  flex: 0 1 auto !important;
  flex-basis: auto !important;
}

.u-flexAuto {
  flex: 1 1 auto !important;
  flex-basis: auto !important;
}

.u-flexNone {
  flex: 0 0 auto !important;
  flex-basis: auto !important;
}

.u-maxWidthXs {
  max-width: 480px !important;
}

.u-maxWidthSm {
  max-width: 768px !important;
}

.u-maxWidthMd {
  max-width: 992px !important;
}

.u-maxWidthLg {
  max-width: 1200px !important;
}

.u-maxWidthXl {
  max-width: 1300px !important;
}

.u-posRelative {
  position: relative !important;
}

.u-posAbsolute {
  position: absolute !important;
}

.u-size1of2 {
  flex-basis: auto !important;
  width: 50% !important;
}

.u-size1of3 {
  flex-basis: auto !important;
  width: 33.3333333333% !important;
}

.u-size2of3 {
  flex-basis: auto !important;
  width: 66.6666666667% !important;
}

.u-size1of4 {
  flex-basis: auto !important;
  width: 25% !important;
}

.u-size2of4 {
  flex-basis: auto !important;
  width: 50% !important;
}

.u-size3of4 {
  flex-basis: auto !important;
  width: 75% !important;
}

.u-size1of6 {
  flex-basis: auto !important;
  width: 16.6666666667% !important;
}

.u-size2of6 {
  flex-basis: auto !important;
  width: 33.3333333333% !important;
}

.u-size3of6 {
  flex-basis: auto !important;
  width: 50% !important;
}

.u-size4of6 {
  flex-basis: auto !important;
  width: 66.6666666667% !important;
}

.u-size5of6 {
  flex-basis: auto !important;
  width: 83.3333333333% !important;
}

.u-size1of8 {
  flex-basis: auto !important;
  width: 12.5% !important;
}

.u-size2of8 {
  flex-basis: auto !important;
  width: 25% !important;
}

.u-size3of8 {
  flex-basis: auto !important;
  width: 37.5% !important;
}

.u-size4of8 {
  flex-basis: auto !important;
  width: 50% !important;
}

.u-size5of8 {
  flex-basis: auto !important;
  width: 62.5% !important;
}

.u-size6of8 {
  flex-basis: auto !important;
  width: 75% !important;
}

.u-size7of8 {
  flex-basis: auto !important;
  width: 87.5% !important;
}

.u-size1of12 {
  flex-basis: auto !important;
  width: 8.3333333333% !important;
}

.u-size2of12 {
  flex-basis: auto !important;
  width: 16.6666666667% !important;
}

.u-size3of12 {
  flex-basis: auto !important;
  width: 25% !important;
}

.u-size4of12 {
  flex-basis: auto !important;
  width: 33.3333333333% !important;
}

.u-size5of12 {
  flex-basis: auto !important;
  width: 41.6666666667% !important;
}

.u-size6of12 {
  flex-basis: auto !important;
  width: 50% !important;
}

.u-size7of12 {
  flex-basis: auto !important;
  width: 58.3333333333% !important;
}

.u-size8of12 {
  flex-basis: auto !important;
  width: 66.6666666667% !important;
}

.u-size9of12 {
  flex-basis: auto !important;
  width: 75% !important;
}

.u-size10of12 {
  flex-basis: auto !important;
  width: 83.3333333333% !important;
}

.u-size11of12 {
  flex-basis: auto !important;
  width: 91.6666666667% !important;
}

.u-size1of24 {
  flex-basis: auto !important;
  width: 4.1666666667% !important;
}

.u-size2of24 {
  flex-basis: auto !important;
  width: 8.3333333333% !important;
}

.u-size3of24 {
  flex-basis: auto !important;
  width: 12.5% !important;
}

.u-size4of24 {
  flex-basis: auto !important;
  width: 16.6666666667% !important;
}

.u-size5of24 {
  flex-basis: auto !important;
  width: 20.8333333333% !important;
}

.u-size6of24 {
  flex-basis: auto !important;
  width: 25% !important;
}

.u-size7of24 {
  flex-basis: auto !important;
  width: 29.1666666667% !important;
}

.u-size8of24 {
  flex-basis: auto !important;
  width: 33.3333333333% !important;
}

.u-size9of24 {
  flex-basis: auto !important;
  width: 37.5% !important;
}

.u-size10of24 {
  flex-basis: auto !important;
  width: 41.6666666667% !important;
}

.u-size11of24 {
  flex-basis: auto !important;
  width: 45.8333333333% !important;
}

.u-size12of24 {
  flex-basis: auto !important;
  width: 50% !important;
}

.u-size13of24 {
  flex-basis: auto !important;
  width: 54.1666666667% !important;
}

.u-size14of24 {
  flex-basis: auto !important;
  width: 58.3333333333% !important;
}

.u-size15of24 {
  flex-basis: auto !important;
  width: 62.5% !important;
}

.u-size16of24 {
  flex-basis: auto !important;
  width: 66.6666666667% !important;
}

.u-size17of24 {
  flex-basis: auto !important;
  width: 70.8333333333% !important;
}

.u-size18of24 {
  flex-basis: auto !important;
  width: 75% !important;
}

.u-size19of24 {
  flex-basis: auto !important;
  width: 79.1666666667% !important;
}

.u-size20of24 {
  flex-basis: auto !important;
  width: 83.3333333333% !important;
}

.u-size21of24 {
  flex-basis: auto !important;
  width: 87.5% !important;
}

.u-size22of24 {
  flex-basis: auto !important;
  width: 91.6666666667% !important;
}

.u-size23of24 {
  flex-basis: auto !important;
  width: 95.8333333333% !important;
}

.u-sizeFit {
  flex-basis: auto !important;
  width: auto !important;
}

.u-sizeFill {
  flex: 1 1 0% !important;
  flex-basis: 0% !important;
}

.u-sizeFull, .u-size1of1 {
  flex-basis: auto !important;
  width: 100% !important;
}

@media (min-width: 480px) {
  .u-xs-size1of2 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-xs-size1of3 {
    flex-basis: auto !important;
    width: 33.3333333333% !important;
  }
  .u-xs-size2of3 {
    flex-basis: auto !important;
    width: 66.6666666667% !important;
  }
  .u-xs-size1of4 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  .u-xs-size2of4 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-xs-size3of4 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  .u-xs-size1of6 {
    flex-basis: auto !important;
    width: 16.6666666667% !important;
  }
  .u-xs-size2of6 {
    flex-basis: auto !important;
    width: 33.3333333333% !important;
  }
  .u-xs-size3of6 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-xs-size4of6 {
    flex-basis: auto !important;
    width: 66.6666666667% !important;
  }
  .u-xs-size5of6 {
    flex-basis: auto !important;
    width: 83.3333333333% !important;
  }
  .u-xs-size1of8 {
    flex-basis: auto !important;
    width: 12.5% !important;
  }
  .u-xs-size2of8 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  .u-xs-size3of8 {
    flex-basis: auto !important;
    width: 37.5% !important;
  }
  .u-xs-size4of8 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-xs-size5of8 {
    flex-basis: auto !important;
    width: 62.5% !important;
  }
  .u-xs-size6of8 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  .u-xs-size7of8 {
    flex-basis: auto !important;
    width: 87.5% !important;
  }
  .u-xs-size1of12 {
    flex-basis: auto !important;
    width: 8.3333333333% !important;
  }
  .u-xs-size2of12 {
    flex-basis: auto !important;
    width: 16.6666666667% !important;
  }
  .u-xs-size3of12 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  .u-xs-size4of12 {
    flex-basis: auto !important;
    width: 33.3333333333% !important;
  }
  .u-xs-size5of12 {
    flex-basis: auto !important;
    width: 41.6666666667% !important;
  }
  .u-xs-size6of12 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-xs-size7of12 {
    flex-basis: auto !important;
    width: 58.3333333333% !important;
  }
  .u-xs-size8of12 {
    flex-basis: auto !important;
    width: 66.6666666667% !important;
  }
  .u-xs-size9of12 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  .u-xs-size10of12 {
    flex-basis: auto !important;
    width: 83.3333333333% !important;
  }
  .u-xs-size11of12 {
    flex-basis: auto !important;
    width: 91.6666666667% !important;
  }
  .u-xs-size1of24 {
    flex-basis: auto !important;
    width: 4.1666666667% !important;
  }
  .u-xs-size2of24 {
    flex-basis: auto !important;
    width: 8.3333333333% !important;
  }
  .u-xs-size3of24 {
    flex-basis: auto !important;
    width: 12.5% !important;
  }
  .u-xs-size4of24 {
    flex-basis: auto !important;
    width: 16.6666666667% !important;
  }
  .u-xs-size5of24 {
    flex-basis: auto !important;
    width: 20.8333333333% !important;
  }
  .u-xs-size6of24 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  .u-xs-size7of24 {
    flex-basis: auto !important;
    width: 29.1666666667% !important;
  }
  .u-xs-size8of24 {
    flex-basis: auto !important;
    width: 33.3333333333% !important;
  }
  .u-xs-size9of24 {
    flex-basis: auto !important;
    width: 37.5% !important;
  }
  .u-xs-size10of24 {
    flex-basis: auto !important;
    width: 41.6666666667% !important;
  }
  .u-xs-size11of24 {
    flex-basis: auto !important;
    width: 45.8333333333% !important;
  }
  .u-xs-size12of24 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-xs-size13of24 {
    flex-basis: auto !important;
    width: 54.1666666667% !important;
  }
  .u-xs-size14of24 {
    flex-basis: auto !important;
    width: 58.3333333333% !important;
  }
  .u-xs-size15of24 {
    flex-basis: auto !important;
    width: 62.5% !important;
  }
  .u-xs-size16of24 {
    flex-basis: auto !important;
    width: 66.6666666667% !important;
  }
  .u-xs-size17of24 {
    flex-basis: auto !important;
    width: 70.8333333333% !important;
  }
  .u-xs-size18of24 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  .u-xs-size19of24 {
    flex-basis: auto !important;
    width: 79.1666666667% !important;
  }
  .u-xs-size20of24 {
    flex-basis: auto !important;
    width: 83.3333333333% !important;
  }
  .u-xs-size21of24 {
    flex-basis: auto !important;
    width: 87.5% !important;
  }
  .u-xs-size22of24 {
    flex-basis: auto !important;
    width: 91.6666666667% !important;
  }
  .u-xs-size23of24 {
    flex-basis: auto !important;
    width: 95.8333333333% !important;
  }
  .u-xs-sizeFit {
    flex-basis: auto !important;
    width: auto !important;
  }
  .u-xs-sizeFill {
    flex: 1 1 0% !important;
    flex-basis: 0% !important;
  }
  .u-xs-sizeFull, .u-xs-size1of1 {
    flex-basis: auto !important;
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  .u-sm-size1of2 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-sm-size1of3 {
    flex-basis: auto !important;
    width: 33.3333333333% !important;
  }
  .u-sm-size2of3 {
    flex-basis: auto !important;
    width: 66.6666666667% !important;
  }
  .u-sm-size1of4 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  .u-sm-size2of4 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-sm-size3of4 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  .u-sm-size1of6 {
    flex-basis: auto !important;
    width: 16.6666666667% !important;
  }
  .u-sm-size2of6 {
    flex-basis: auto !important;
    width: 33.3333333333% !important;
  }
  .u-sm-size3of6 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-sm-size4of6 {
    flex-basis: auto !important;
    width: 66.6666666667% !important;
  }
  .u-sm-size5of6 {
    flex-basis: auto !important;
    width: 83.3333333333% !important;
  }
  .u-sm-size1of8 {
    flex-basis: auto !important;
    width: 12.5% !important;
  }
  .u-sm-size2of8 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  .u-sm-size3of8 {
    flex-basis: auto !important;
    width: 37.5% !important;
  }
  .u-sm-size4of8 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-sm-size5of8 {
    flex-basis: auto !important;
    width: 62.5% !important;
  }
  .u-sm-size6of8 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  .u-sm-size7of8 {
    flex-basis: auto !important;
    width: 87.5% !important;
  }
  .u-sm-size1of12 {
    flex-basis: auto !important;
    width: 8.3333333333% !important;
  }
  .u-sm-size2of12 {
    flex-basis: auto !important;
    width: 16.6666666667% !important;
  }
  .u-sm-size3of12 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  .u-sm-size4of12 {
    flex-basis: auto !important;
    width: 33.3333333333% !important;
  }
  .u-sm-size5of12 {
    flex-basis: auto !important;
    width: 41.6666666667% !important;
  }
  .u-sm-size6of12 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-sm-size7of12 {
    flex-basis: auto !important;
    width: 58.3333333333% !important;
  }
  .u-sm-size8of12 {
    flex-basis: auto !important;
    width: 66.6666666667% !important;
  }
  .u-sm-size9of12 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  .u-sm-size10of12 {
    flex-basis: auto !important;
    width: 83.3333333333% !important;
  }
  .u-sm-size11of12 {
    flex-basis: auto !important;
    width: 91.6666666667% !important;
  }
  .u-sm-size1of24 {
    flex-basis: auto !important;
    width: 4.1666666667% !important;
  }
  .u-sm-size2of24 {
    flex-basis: auto !important;
    width: 8.3333333333% !important;
  }
  .u-sm-size3of24 {
    flex-basis: auto !important;
    width: 12.5% !important;
  }
  .u-sm-size4of24 {
    flex-basis: auto !important;
    width: 16.6666666667% !important;
  }
  .u-sm-size5of24 {
    flex-basis: auto !important;
    width: 20.8333333333% !important;
  }
  .u-sm-size6of24 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  .u-sm-size7of24 {
    flex-basis: auto !important;
    width: 29.1666666667% !important;
  }
  .u-sm-size8of24 {
    flex-basis: auto !important;
    width: 33.3333333333% !important;
  }
  .u-sm-size9of24 {
    flex-basis: auto !important;
    width: 37.5% !important;
  }
  .u-sm-size10of24 {
    flex-basis: auto !important;
    width: 41.6666666667% !important;
  }
  .u-sm-size11of24 {
    flex-basis: auto !important;
    width: 45.8333333333% !important;
  }
  .u-sm-size12of24 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-sm-size13of24 {
    flex-basis: auto !important;
    width: 54.1666666667% !important;
  }
  .u-sm-size14of24 {
    flex-basis: auto !important;
    width: 58.3333333333% !important;
  }
  .u-sm-size15of24 {
    flex-basis: auto !important;
    width: 62.5% !important;
  }
  .u-sm-size16of24 {
    flex-basis: auto !important;
    width: 66.6666666667% !important;
  }
  .u-sm-size17of24 {
    flex-basis: auto !important;
    width: 70.8333333333% !important;
  }
  .u-sm-size18of24 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  .u-sm-size19of24 {
    flex-basis: auto !important;
    width: 79.1666666667% !important;
  }
  .u-sm-size20of24 {
    flex-basis: auto !important;
    width: 83.3333333333% !important;
  }
  .u-sm-size21of24 {
    flex-basis: auto !important;
    width: 87.5% !important;
  }
  .u-sm-size22of24 {
    flex-basis: auto !important;
    width: 91.6666666667% !important;
  }
  .u-sm-size23of24 {
    flex-basis: auto !important;
    width: 95.8333333333% !important;
  }
  .u-sm-sizeFit {
    flex-basis: auto !important;
    width: auto !important;
  }
  .u-sm-sizeFill {
    flex: 1 1 0% !important;
    flex-basis: 0% !important;
  }
  .u-sm-sizeFull, .u-sm-size1of1 {
    flex-basis: auto !important;
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  .u-md-size1of2 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-md-size1of3 {
    flex-basis: auto !important;
    width: 33.3333333333% !important;
  }
  .u-md-size2of3 {
    flex-basis: auto !important;
    width: 66.6666666667% !important;
  }
  .u-md-size1of4 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  .u-md-size2of4 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-md-size3of4 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  .u-md-size1of6 {
    flex-basis: auto !important;
    width: 16.6666666667% !important;
  }
  .u-md-size2of6 {
    flex-basis: auto !important;
    width: 33.3333333333% !important;
  }
  .u-md-size3of6 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-md-size4of6 {
    flex-basis: auto !important;
    width: 66.6666666667% !important;
  }
  .u-md-size5of6 {
    flex-basis: auto !important;
    width: 83.3333333333% !important;
  }
  .u-md-size1of8 {
    flex-basis: auto !important;
    width: 12.5% !important;
  }
  .u-md-size2of8 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  .u-md-size3of8 {
    flex-basis: auto !important;
    width: 37.5% !important;
  }
  .u-md-size4of8 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-md-size5of8 {
    flex-basis: auto !important;
    width: 62.5% !important;
  }
  .u-md-size6of8 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  .u-md-size7of8 {
    flex-basis: auto !important;
    width: 87.5% !important;
  }
  .u-md-size1of12 {
    flex-basis: auto !important;
    width: 8.3333333333% !important;
  }
  .u-md-size2of12 {
    flex-basis: auto !important;
    width: 16.6666666667% !important;
  }
  .u-md-size3of12 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  .u-md-size4of12 {
    flex-basis: auto !important;
    width: 33.3333333333% !important;
  }
  .u-md-size5of12 {
    flex-basis: auto !important;
    width: 41.6666666667% !important;
  }
  .u-md-size6of12 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-md-size7of12 {
    flex-basis: auto !important;
    width: 58.3333333333% !important;
  }
  .u-md-size8of12 {
    flex-basis: auto !important;
    width: 66.6666666667% !important;
  }
  .u-md-size9of12 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  .u-md-size10of12 {
    flex-basis: auto !important;
    width: 83.3333333333% !important;
  }
  .u-md-size11of12 {
    flex-basis: auto !important;
    width: 91.6666666667% !important;
  }
  .u-md-size1of24 {
    flex-basis: auto !important;
    width: 4.1666666667% !important;
  }
  .u-md-size2of24 {
    flex-basis: auto !important;
    width: 8.3333333333% !important;
  }
  .u-md-size3of24 {
    flex-basis: auto !important;
    width: 12.5% !important;
  }
  .u-md-size4of24 {
    flex-basis: auto !important;
    width: 16.6666666667% !important;
  }
  .u-md-size5of24 {
    flex-basis: auto !important;
    width: 20.8333333333% !important;
  }
  .u-md-size6of24 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  .u-md-size7of24 {
    flex-basis: auto !important;
    width: 29.1666666667% !important;
  }
  .u-md-size8of24 {
    flex-basis: auto !important;
    width: 33.3333333333% !important;
  }
  .u-md-size9of24 {
    flex-basis: auto !important;
    width: 37.5% !important;
  }
  .u-md-size10of24 {
    flex-basis: auto !important;
    width: 41.6666666667% !important;
  }
  .u-md-size11of24 {
    flex-basis: auto !important;
    width: 45.8333333333% !important;
  }
  .u-md-size12of24 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-md-size13of24 {
    flex-basis: auto !important;
    width: 54.1666666667% !important;
  }
  .u-md-size14of24 {
    flex-basis: auto !important;
    width: 58.3333333333% !important;
  }
  .u-md-size15of24 {
    flex-basis: auto !important;
    width: 62.5% !important;
  }
  .u-md-size16of24 {
    flex-basis: auto !important;
    width: 66.6666666667% !important;
  }
  .u-md-size17of24 {
    flex-basis: auto !important;
    width: 70.8333333333% !important;
  }
  .u-md-size18of24 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  .u-md-size19of24 {
    flex-basis: auto !important;
    width: 79.1666666667% !important;
  }
  .u-md-size20of24 {
    flex-basis: auto !important;
    width: 83.3333333333% !important;
  }
  .u-md-size21of24 {
    flex-basis: auto !important;
    width: 87.5% !important;
  }
  .u-md-size22of24 {
    flex-basis: auto !important;
    width: 91.6666666667% !important;
  }
  .u-md-size23of24 {
    flex-basis: auto !important;
    width: 95.8333333333% !important;
  }
  .u-md-sizeFit {
    flex-basis: auto !important;
    width: auto !important;
  }
  .u-md-sizeFill {
    flex: 1 1 0% !important;
    flex-basis: 0% !important;
  }
  .u-md-sizeFull, .u-md-size1of1 {
    flex-basis: auto !important;
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .u-lg-size1of2 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-lg-size1of3 {
    flex-basis: auto !important;
    width: 33.3333333333% !important;
  }
  .u-lg-size2of3 {
    flex-basis: auto !important;
    width: 66.6666666667% !important;
  }
  .u-lg-size1of4 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  .u-lg-size2of4 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-lg-size3of4 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  .u-lg-size1of6 {
    flex-basis: auto !important;
    width: 16.6666666667% !important;
  }
  .u-lg-size2of6 {
    flex-basis: auto !important;
    width: 33.3333333333% !important;
  }
  .u-lg-size3of6 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-lg-size4of6 {
    flex-basis: auto !important;
    width: 66.6666666667% !important;
  }
  .u-lg-size5of6 {
    flex-basis: auto !important;
    width: 83.3333333333% !important;
  }
  .u-lg-size1of8 {
    flex-basis: auto !important;
    width: 12.5% !important;
  }
  .u-lg-size2of8 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  .u-lg-size3of8 {
    flex-basis: auto !important;
    width: 37.5% !important;
  }
  .u-lg-size4of8 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-lg-size5of8 {
    flex-basis: auto !important;
    width: 62.5% !important;
  }
  .u-lg-size6of8 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  .u-lg-size7of8 {
    flex-basis: auto !important;
    width: 87.5% !important;
  }
  .u-lg-size1of12 {
    flex-basis: auto !important;
    width: 8.3333333333% !important;
  }
  .u-lg-size2of12 {
    flex-basis: auto !important;
    width: 16.6666666667% !important;
  }
  .u-lg-size3of12 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  .u-lg-size4of12 {
    flex-basis: auto !important;
    width: 33.3333333333% !important;
  }
  .u-lg-size5of12 {
    flex-basis: auto !important;
    width: 41.6666666667% !important;
  }
  .u-lg-size6of12 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-lg-size7of12 {
    flex-basis: auto !important;
    width: 58.3333333333% !important;
  }
  .u-lg-size8of12 {
    flex-basis: auto !important;
    width: 66.6666666667% !important;
  }
  .u-lg-size9of12 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  .u-lg-size10of12 {
    flex-basis: auto !important;
    width: 83.3333333333% !important;
  }
  .u-lg-size11of12 {
    flex-basis: auto !important;
    width: 91.6666666667% !important;
  }
  .u-lg-size1of24 {
    flex-basis: auto !important;
    width: 4.1666666667% !important;
  }
  .u-lg-size2of24 {
    flex-basis: auto !important;
    width: 8.3333333333% !important;
  }
  .u-lg-size3of24 {
    flex-basis: auto !important;
    width: 12.5% !important;
  }
  .u-lg-size4of24 {
    flex-basis: auto !important;
    width: 16.6666666667% !important;
  }
  .u-lg-size5of24 {
    flex-basis: auto !important;
    width: 20.8333333333% !important;
  }
  .u-lg-size6of24 {
    flex-basis: auto !important;
    width: 25% !important;
  }
  .u-lg-size7of24 {
    flex-basis: auto !important;
    width: 29.1666666667% !important;
  }
  .u-lg-size8of24 {
    flex-basis: auto !important;
    width: 33.3333333333% !important;
  }
  .u-lg-size9of24 {
    flex-basis: auto !important;
    width: 37.5% !important;
  }
  .u-lg-size10of24 {
    flex-basis: auto !important;
    width: 41.6666666667% !important;
  }
  .u-lg-size11of24 {
    flex-basis: auto !important;
    width: 45.8333333333% !important;
  }
  .u-lg-size12of24 {
    flex-basis: auto !important;
    width: 50% !important;
  }
  .u-lg-size13of24 {
    flex-basis: auto !important;
    width: 54.1666666667% !important;
  }
  .u-lg-size14of24 {
    flex-basis: auto !important;
    width: 58.3333333333% !important;
  }
  .u-lg-size15of24 {
    flex-basis: auto !important;
    width: 62.5% !important;
  }
  .u-lg-size16of24 {
    flex-basis: auto !important;
    width: 66.6666666667% !important;
  }
  .u-lg-size17of24 {
    flex-basis: auto !important;
    width: 70.8333333333% !important;
  }
  .u-lg-size18of24 {
    flex-basis: auto !important;
    width: 75% !important;
  }
  .u-lg-size19of24 {
    flex-basis: auto !important;
    width: 79.1666666667% !important;
  }
  .u-lg-size20of24 {
    flex-basis: auto !important;
    width: 83.3333333333% !important;
  }
  .u-lg-size21of24 {
    flex-basis: auto !important;
    width: 87.5% !important;
  }
  .u-lg-size22of24 {
    flex-basis: auto !important;
    width: 91.6666666667% !important;
  }
  .u-lg-size23of24 {
    flex-basis: auto !important;
    width: 95.8333333333% !important;
  }
  .u-lg-sizeFit {
    flex-basis: auto !important;
    width: auto !important;
  }
  .u-lg-sizeFill {
    flex: 1 1 0% !important;
    flex-basis: 0% !important;
  }
  .u-lg-sizeFull, .u-lg-size1of1 {
    flex-basis: auto !important;
    width: 100% !important;
  }
}
.u-spaceNone,
.u-spaceTopNone,
.u-spaceEndsNone {
  margin-top: 0 !important;
}

.u-spaceNone,
.u-spaceBottomNone,
.u-spaceEndsNone {
  margin-bottom: 0 !important;
}

.u-spaceNone,
.u-spaceRightNone,
.u-spaceSidesNone {
  margin-right: 0 !important;
}

.u-spaceNone,
.u-spaceLeftNone,
.u-spaceSidesNone {
  margin-left: 0 !important;
}

.u-padNone,
.u-padTopNone,
.u-padEndsNone {
  padding-top: 0 !important;
}

.u-padNone,
.u-padBottomNone,
.u-padEndsNone {
  padding-bottom: 0 !important;
}

.u-padNone,
.u-padRightNone,
.u-padSidesNone {
  padding-right: 0 !important;
}

.u-padNone,
.u-padLeftNone,
.u-padSidesNone {
  padding-left: 0 !important;
}

.u-spaceXs,
.u-spaceTopXs,
.u-spaceEndsXs {
  margin-top: 4px !important;
}

.u-spaceXs,
.u-spaceBottomXs,
.u-spaceEndsXs {
  margin-bottom: 4px !important;
}

.u-spaceXs,
.u-spaceRightXs,
.u-spaceSidesXs {
  margin-right: 4px !important;
}

.u-spaceXs,
.u-spaceLeftXs,
.u-spaceSidesXs {
  margin-left: 4px !important;
}

.u-padXs,
.u-padTopXs,
.u-padEndsXs {
  padding-top: 4px !important;
}

.u-padXs,
.u-padBottomXs,
.u-padEndsXs {
  padding-bottom: 4px !important;
}

.u-padXs,
.u-padRightXs,
.u-padSidesXs {
  padding-right: 4px !important;
}

.u-padXs,
.u-padLeftXs,
.u-padSidesXs {
  padding-left: 4px !important;
}

.u-spaceSm,
.u-spaceTopSm,
.u-spaceEndsSm {
  margin-top: 8px !important;
}

.u-spaceSm,
.u-spaceBottomSm,
.u-spaceEndsSm {
  margin-bottom: 8px !important;
}

.u-spaceSm,
.u-spaceRightSm,
.u-spaceSidesSm {
  margin-right: 8px !important;
}

.u-spaceSm,
.u-spaceLeftSm,
.u-spaceSidesSm {
  margin-left: 8px !important;
}

.u-padSm,
.u-padTopSm,
.u-padEndsSm {
  padding-top: 8px !important;
}

.u-padSm,
.u-padBottomSm,
.u-padEndsSm {
  padding-bottom: 8px !important;
}

.u-padSm,
.u-padRightSm,
.u-padSidesSm {
  padding-right: 8px !important;
}

.u-padSm,
.u-padLeftSm,
.u-padSidesSm {
  padding-left: 8px !important;
}

.u-spaceMd,
.u-spaceTopMd,
.u-spaceEndsMd {
  margin-top: 16px !important;
}

.u-spaceMd,
.u-spaceBottomMd,
.u-spaceEndsMd {
  margin-bottom: 16px !important;
}

.u-spaceMd,
.u-spaceRightMd,
.u-spaceSidesMd {
  margin-right: 16px !important;
}

.u-spaceMd,
.u-spaceLeftMd,
.u-spaceSidesMd {
  margin-left: 16px !important;
}

.u-padMd,
.u-padTopMd,
.u-padEndsMd {
  padding-top: 16px !important;
}

.u-padMd,
.u-padBottomMd,
.u-padEndsMd {
  padding-bottom: 16px !important;
}

.u-padMd,
.u-padRightMd,
.u-padSidesMd {
  padding-right: 16px !important;
}

.u-padMd,
.u-padLeftMd,
.u-padSidesMd {
  padding-left: 16px !important;
}

.u-spaceLg,
.u-spaceTopLg,
.u-spaceEndsLg {
  margin-top: 24px !important;
}

.u-spaceLg,
.u-spaceBottomLg,
.u-spaceEndsLg {
  margin-bottom: 24px !important;
}

.u-spaceLg,
.u-spaceRightLg,
.u-spaceSidesLg {
  margin-right: 24px !important;
}

.u-spaceLg,
.u-spaceLeftLg,
.u-spaceSidesLg {
  margin-left: 24px !important;
}

.u-padLg,
.u-padTopLg,
.u-padEndsLg {
  padding-top: 24px !important;
}

.u-padLg,
.u-padBottomLg,
.u-padEndsLg {
  padding-bottom: 24px !important;
}

.u-padLg,
.u-padRightLg,
.u-padSidesLg {
  padding-right: 24px !important;
}

.u-padLg,
.u-padLeftLg,
.u-padSidesLg {
  padding-left: 24px !important;
}

.u-spaceXl,
.u-spaceTopXl,
.u-spaceEndsXl {
  margin-top: 32px !important;
}

.u-spaceXl,
.u-spaceBottomXl,
.u-spaceEndsXl {
  margin-bottom: 32px !important;
}

.u-spaceXl,
.u-spaceRightXl,
.u-spaceSidesXl {
  margin-right: 32px !important;
}

.u-spaceXl,
.u-spaceLeftXl,
.u-spaceSidesXl {
  margin-left: 32px !important;
}

.u-padXl,
.u-padTopXl,
.u-padEndsXl {
  padding-top: 32px !important;
}

.u-padXl,
.u-padBottomXl,
.u-padEndsXl {
  padding-bottom: 32px !important;
}

.u-padXl,
.u-padRightXl,
.u-padSidesXl {
  padding-right: 32px !important;
}

.u-padXl,
.u-padLeftXl,
.u-padSidesXl {
  padding-left: 32px !important;
}

.u-spaceXxl,
.u-spaceTopXxl,
.u-spaceEndsXxl {
  margin-top: 40px !important;
}

.u-spaceXxl,
.u-spaceBottomXxl,
.u-spaceEndsXxl {
  margin-bottom: 40px !important;
}

.u-spaceXxl,
.u-spaceRightXxl,
.u-spaceSidesXxl {
  margin-right: 40px !important;
}

.u-spaceXxl,
.u-spaceLeftXxl,
.u-spaceSidesXxl {
  margin-left: 40px !important;
}

.u-padXxl,
.u-padTopXxl,
.u-padEndsXxl {
  padding-top: 40px !important;
}

.u-padXxl,
.u-padBottomXxl,
.u-padEndsXxl {
  padding-bottom: 40px !important;
}

.u-padXxl,
.u-padRightXxl,
.u-padSidesXxl {
  padding-right: 40px !important;
}

.u-padXxl,
.u-padLeftXxl,
.u-padSidesXxl {
  padding-left: 40px !important;
}

.u-spaceSidesAuto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.u-spaceAuto {
  margin: auto;
}

@media (min-width: 480px) {
  .u-xs-spaceNone,
  .u-xs-spaceTopNone,
  .u-xs-spaceEndsNone {
    margin-top: 0 !important;
  }
  .u-xs-spaceNone,
  .u-xs-spaceBottomNone,
  .u-xs-spaceEndsNone {
    margin-bottom: 0 !important;
  }
  .u-xs-spaceNone,
  .u-xs-spaceRightNone,
  .u-xs-spaceSidesNone {
    margin-right: 0 !important;
  }
  .u-xs-spaceNone,
  .u-xs-spaceLeftNone,
  .u-xs-spaceSidesNone {
    margin-left: 0 !important;
  }
  .u-xs-padNone,
  .u-xs-padTopNone,
  .u-xs-padEndsNone {
    padding-top: 0 !important;
  }
  .u-xs-padNone,
  .u-xs-padBottomNone,
  .u-xs-padEndsNone {
    padding-bottom: 0 !important;
  }
  .u-xs-padNone,
  .u-xs-padRightNone,
  .u-xs-padSidesNone {
    padding-right: 0 !important;
  }
  .u-xs-padNone,
  .u-xs-padLeftNone,
  .u-xs-padSidesNone {
    padding-left: 0 !important;
  }
  .u-xs-spaceXs,
  .u-xs-spaceTopXs,
  .u-xs-spaceEndsXs {
    margin-top: 4px !important;
  }
  .u-xs-spaceXs,
  .u-xs-spaceBottomXs,
  .u-xs-spaceEndsXs {
    margin-bottom: 4px !important;
  }
  .u-xs-spaceXs,
  .u-xs-spaceRightXs,
  .u-xs-spaceSidesXs {
    margin-right: 4px !important;
  }
  .u-xs-spaceXs,
  .u-xs-spaceLeftXs,
  .u-xs-spaceSidesXs {
    margin-left: 4px !important;
  }
  .u-xs-padXs,
  .u-xs-padTopXs,
  .u-xs-padEndsXs {
    padding-top: 4px !important;
  }
  .u-xs-padXs,
  .u-xs-padBottomXs,
  .u-xs-padEndsXs {
    padding-bottom: 4px !important;
  }
  .u-xs-padXs,
  .u-xs-padRightXs,
  .u-xs-padSidesXs {
    padding-right: 4px !important;
  }
  .u-xs-padXs,
  .u-xs-padLeftXs,
  .u-xs-padSidesXs {
    padding-left: 4px !important;
  }
  .u-xs-spaceSm,
  .u-xs-spaceTopSm,
  .u-xs-spaceEndsSm {
    margin-top: 8px !important;
  }
  .u-xs-spaceSm,
  .u-xs-spaceBottomSm,
  .u-xs-spaceEndsSm {
    margin-bottom: 8px !important;
  }
  .u-xs-spaceSm,
  .u-xs-spaceRightSm,
  .u-xs-spaceSidesSm {
    margin-right: 8px !important;
  }
  .u-xs-spaceSm,
  .u-xs-spaceLeftSm,
  .u-xs-spaceSidesSm {
    margin-left: 8px !important;
  }
  .u-xs-padSm,
  .u-xs-padTopSm,
  .u-xs-padEndsSm {
    padding-top: 8px !important;
  }
  .u-xs-padSm,
  .u-xs-padBottomSm,
  .u-xs-padEndsSm {
    padding-bottom: 8px !important;
  }
  .u-xs-padSm,
  .u-xs-padRightSm,
  .u-xs-padSidesSm {
    padding-right: 8px !important;
  }
  .u-xs-padSm,
  .u-xs-padLeftSm,
  .u-xs-padSidesSm {
    padding-left: 8px !important;
  }
  .u-xs-spaceMd,
  .u-xs-spaceTopMd,
  .u-xs-spaceEndsMd {
    margin-top: 16px !important;
  }
  .u-xs-spaceMd,
  .u-xs-spaceBottomMd,
  .u-xs-spaceEndsMd {
    margin-bottom: 16px !important;
  }
  .u-xs-spaceMd,
  .u-xs-spaceRightMd,
  .u-xs-spaceSidesMd {
    margin-right: 16px !important;
  }
  .u-xs-spaceMd,
  .u-xs-spaceLeftMd,
  .u-xs-spaceSidesMd {
    margin-left: 16px !important;
  }
  .u-xs-padMd,
  .u-xs-padTopMd,
  .u-xs-padEndsMd {
    padding-top: 16px !important;
  }
  .u-xs-padMd,
  .u-xs-padBottomMd,
  .u-xs-padEndsMd {
    padding-bottom: 16px !important;
  }
  .u-xs-padMd,
  .u-xs-padRightMd,
  .u-xs-padSidesMd {
    padding-right: 16px !important;
  }
  .u-xs-padMd,
  .u-xs-padLeftMd,
  .u-xs-padSidesMd {
    padding-left: 16px !important;
  }
  .u-xs-spaceLg,
  .u-xs-spaceTopLg,
  .u-xs-spaceEndsLg {
    margin-top: 24px !important;
  }
  .u-xs-spaceLg,
  .u-xs-spaceBottomLg,
  .u-xs-spaceEndsLg {
    margin-bottom: 24px !important;
  }
  .u-xs-spaceLg,
  .u-xs-spaceRightLg,
  .u-xs-spaceSidesLg {
    margin-right: 24px !important;
  }
  .u-xs-spaceLg,
  .u-xs-spaceLeftLg,
  .u-xs-spaceSidesLg {
    margin-left: 24px !important;
  }
  .u-xs-padLg,
  .u-xs-padTopLg,
  .u-xs-padEndsLg {
    padding-top: 24px !important;
  }
  .u-xs-padLg,
  .u-xs-padBottomLg,
  .u-xs-padEndsLg {
    padding-bottom: 24px !important;
  }
  .u-xs-padLg,
  .u-xs-padRightLg,
  .u-xs-padSidesLg {
    padding-right: 24px !important;
  }
  .u-xs-padLg,
  .u-xs-padLeftLg,
  .u-xs-padSidesLg {
    padding-left: 24px !important;
  }
  .u-xs-spaceXl,
  .u-xs-spaceTopXl,
  .u-xs-spaceEndsXl {
    margin-top: 32px !important;
  }
  .u-xs-spaceXl,
  .u-xs-spaceBottomXl,
  .u-xs-spaceEndsXl {
    margin-bottom: 32px !important;
  }
  .u-xs-spaceXl,
  .u-xs-spaceRightXl,
  .u-xs-spaceSidesXl {
    margin-right: 32px !important;
  }
  .u-xs-spaceXl,
  .u-xs-spaceLeftXl,
  .u-xs-spaceSidesXl {
    margin-left: 32px !important;
  }
  .u-xs-padXl,
  .u-xs-padTopXl,
  .u-xs-padEndsXl {
    padding-top: 32px !important;
  }
  .u-xs-padXl,
  .u-xs-padBottomXl,
  .u-xs-padEndsXl {
    padding-bottom: 32px !important;
  }
  .u-xs-padXl,
  .u-xs-padRightXl,
  .u-xs-padSidesXl {
    padding-right: 32px !important;
  }
  .u-xs-padXl,
  .u-xs-padLeftXl,
  .u-xs-padSidesXl {
    padding-left: 32px !important;
  }
  .u-xs-spaceXxl,
  .u-xs-spaceTopXxl,
  .u-xs-spaceEndsXxl {
    margin-top: 40px !important;
  }
  .u-xs-spaceXxl,
  .u-xs-spaceBottomXxl,
  .u-xs-spaceEndsXxl {
    margin-bottom: 40px !important;
  }
  .u-xs-spaceXxl,
  .u-xs-spaceRightXxl,
  .u-xs-spaceSidesXxl {
    margin-right: 40px !important;
  }
  .u-xs-spaceXxl,
  .u-xs-spaceLeftXxl,
  .u-xs-spaceSidesXxl {
    margin-left: 40px !important;
  }
  .u-xs-padXxl,
  .u-xs-padTopXxl,
  .u-xs-padEndsXxl {
    padding-top: 40px !important;
  }
  .u-xs-padXxl,
  .u-xs-padBottomXxl,
  .u-xs-padEndsXxl {
    padding-bottom: 40px !important;
  }
  .u-xs-padXxl,
  .u-xs-padRightXxl,
  .u-xs-padSidesXxl {
    padding-right: 40px !important;
  }
  .u-xs-padXxl,
  .u-xs-padLeftXxl,
  .u-xs-padSidesXxl {
    padding-left: 40px !important;
  }
  .u-xs-spaceSidesAuto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .u-sm-spaceNone,
  .u-sm-spaceTopNone,
  .u-sm-spaceEndsNone {
    margin-top: 0 !important;
  }
  .u-sm-spaceNone,
  .u-sm-spaceBottomNone,
  .u-sm-spaceEndsNone {
    margin-bottom: 0 !important;
  }
  .u-sm-spaceNone,
  .u-sm-spaceRightNone,
  .u-sm-spaceSidesNone {
    margin-right: 0 !important;
  }
  .u-sm-spaceNone,
  .u-sm-spaceLeftNone,
  .u-sm-spaceSidesNone {
    margin-left: 0 !important;
  }
  .u-sm-padNone,
  .u-sm-padTopNone,
  .u-sm-padEndsNone {
    padding-top: 0 !important;
  }
  .u-sm-padNone,
  .u-sm-padBottomNone,
  .u-sm-padEndsNone {
    padding-bottom: 0 !important;
  }
  .u-sm-padNone,
  .u-sm-padRightNone,
  .u-sm-padSidesNone {
    padding-right: 0 !important;
  }
  .u-sm-padNone,
  .u-sm-padLeftNone,
  .u-sm-padSidesNone {
    padding-left: 0 !important;
  }
  .u-sm-spaceXs,
  .u-sm-spaceTopXs,
  .u-sm-spaceEndsXs {
    margin-top: 4px !important;
  }
  .u-sm-spaceXs,
  .u-sm-spaceBottomXs,
  .u-sm-spaceEndsXs {
    margin-bottom: 4px !important;
  }
  .u-sm-spaceXs,
  .u-sm-spaceRightXs,
  .u-sm-spaceSidesXs {
    margin-right: 4px !important;
  }
  .u-sm-spaceXs,
  .u-sm-spaceLeftXs,
  .u-sm-spaceSidesXs {
    margin-left: 4px !important;
  }
  .u-sm-padXs,
  .u-sm-padTopXs,
  .u-sm-padEndsXs {
    padding-top: 4px !important;
  }
  .u-sm-padXs,
  .u-sm-padBottomXs,
  .u-sm-padEndsXs {
    padding-bottom: 4px !important;
  }
  .u-sm-padXs,
  .u-sm-padRightXs,
  .u-sm-padSidesXs {
    padding-right: 4px !important;
  }
  .u-sm-padXs,
  .u-sm-padLeftXs,
  .u-sm-padSidesXs {
    padding-left: 4px !important;
  }
  .u-sm-spaceSm,
  .u-sm-spaceTopSm,
  .u-sm-spaceEndsSm {
    margin-top: 8px !important;
  }
  .u-sm-spaceSm,
  .u-sm-spaceBottomSm,
  .u-sm-spaceEndsSm {
    margin-bottom: 8px !important;
  }
  .u-sm-spaceSm,
  .u-sm-spaceRightSm,
  .u-sm-spaceSidesSm {
    margin-right: 8px !important;
  }
  .u-sm-spaceSm,
  .u-sm-spaceLeftSm,
  .u-sm-spaceSidesSm {
    margin-left: 8px !important;
  }
  .u-sm-padSm,
  .u-sm-padTopSm,
  .u-sm-padEndsSm {
    padding-top: 8px !important;
  }
  .u-sm-padSm,
  .u-sm-padBottomSm,
  .u-sm-padEndsSm {
    padding-bottom: 8px !important;
  }
  .u-sm-padSm,
  .u-sm-padRightSm,
  .u-sm-padSidesSm {
    padding-right: 8px !important;
  }
  .u-sm-padSm,
  .u-sm-padLeftSm,
  .u-sm-padSidesSm {
    padding-left: 8px !important;
  }
  .u-sm-spaceMd,
  .u-sm-spaceTopMd,
  .u-sm-spaceEndsMd {
    margin-top: 16px !important;
  }
  .u-sm-spaceMd,
  .u-sm-spaceBottomMd,
  .u-sm-spaceEndsMd {
    margin-bottom: 16px !important;
  }
  .u-sm-spaceMd,
  .u-sm-spaceRightMd,
  .u-sm-spaceSidesMd {
    margin-right: 16px !important;
  }
  .u-sm-spaceMd,
  .u-sm-spaceLeftMd,
  .u-sm-spaceSidesMd {
    margin-left: 16px !important;
  }
  .u-sm-padMd,
  .u-sm-padTopMd,
  .u-sm-padEndsMd {
    padding-top: 16px !important;
  }
  .u-sm-padMd,
  .u-sm-padBottomMd,
  .u-sm-padEndsMd {
    padding-bottom: 16px !important;
  }
  .u-sm-padMd,
  .u-sm-padRightMd,
  .u-sm-padSidesMd {
    padding-right: 16px !important;
  }
  .u-sm-padMd,
  .u-sm-padLeftMd,
  .u-sm-padSidesMd {
    padding-left: 16px !important;
  }
  .u-sm-spaceLg,
  .u-sm-spaceTopLg,
  .u-sm-spaceEndsLg {
    margin-top: 24px !important;
  }
  .u-sm-spaceLg,
  .u-sm-spaceBottomLg,
  .u-sm-spaceEndsLg {
    margin-bottom: 24px !important;
  }
  .u-sm-spaceLg,
  .u-sm-spaceRightLg,
  .u-sm-spaceSidesLg {
    margin-right: 24px !important;
  }
  .u-sm-spaceLg,
  .u-sm-spaceLeftLg,
  .u-sm-spaceSidesLg {
    margin-left: 24px !important;
  }
  .u-sm-padLg,
  .u-sm-padTopLg,
  .u-sm-padEndsLg {
    padding-top: 24px !important;
  }
  .u-sm-padLg,
  .u-sm-padBottomLg,
  .u-sm-padEndsLg {
    padding-bottom: 24px !important;
  }
  .u-sm-padLg,
  .u-sm-padRightLg,
  .u-sm-padSidesLg {
    padding-right: 24px !important;
  }
  .u-sm-padLg,
  .u-sm-padLeftLg,
  .u-sm-padSidesLg {
    padding-left: 24px !important;
  }
  .u-sm-spaceXl,
  .u-sm-spaceTopXl,
  .u-sm-spaceEndsXl {
    margin-top: 32px !important;
  }
  .u-sm-spaceXl,
  .u-sm-spaceBottomXl,
  .u-sm-spaceEndsXl {
    margin-bottom: 32px !important;
  }
  .u-sm-spaceXl,
  .u-sm-spaceRightXl,
  .u-sm-spaceSidesXl {
    margin-right: 32px !important;
  }
  .u-sm-spaceXl,
  .u-sm-spaceLeftXl,
  .u-sm-spaceSidesXl {
    margin-left: 32px !important;
  }
  .u-sm-padXl,
  .u-sm-padTopXl,
  .u-sm-padEndsXl {
    padding-top: 32px !important;
  }
  .u-sm-padXl,
  .u-sm-padBottomXl,
  .u-sm-padEndsXl {
    padding-bottom: 32px !important;
  }
  .u-sm-padXl,
  .u-sm-padRightXl,
  .u-sm-padSidesXl {
    padding-right: 32px !important;
  }
  .u-sm-padXl,
  .u-sm-padLeftXl,
  .u-sm-padSidesXl {
    padding-left: 32px !important;
  }
  .u-sm-spaceXxl,
  .u-sm-spaceTopXxl,
  .u-sm-spaceEndsXxl {
    margin-top: 40px !important;
  }
  .u-sm-spaceXxl,
  .u-sm-spaceBottomXxl,
  .u-sm-spaceEndsXxl {
    margin-bottom: 40px !important;
  }
  .u-sm-spaceXxl,
  .u-sm-spaceRightXxl,
  .u-sm-spaceSidesXxl {
    margin-right: 40px !important;
  }
  .u-sm-spaceXxl,
  .u-sm-spaceLeftXxl,
  .u-sm-spaceSidesXxl {
    margin-left: 40px !important;
  }
  .u-sm-padXxl,
  .u-sm-padTopXxl,
  .u-sm-padEndsXxl {
    padding-top: 40px !important;
  }
  .u-sm-padXxl,
  .u-sm-padBottomXxl,
  .u-sm-padEndsXxl {
    padding-bottom: 40px !important;
  }
  .u-sm-padXxl,
  .u-sm-padRightXxl,
  .u-sm-padSidesXxl {
    padding-right: 40px !important;
  }
  .u-sm-padXxl,
  .u-sm-padLeftXxl,
  .u-sm-padSidesXxl {
    padding-left: 40px !important;
  }
  .u-sm-spaceSidesAuto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .u-md-spaceNone,
  .u-md-spaceTopNone,
  .u-md-spaceEndsNone {
    margin-top: 0 !important;
  }
  .u-md-spaceNone,
  .u-md-spaceBottomNone,
  .u-md-spaceEndsNone {
    margin-bottom: 0 !important;
  }
  .u-md-spaceNone,
  .u-md-spaceRightNone,
  .u-md-spaceSidesNone {
    margin-right: 0 !important;
  }
  .u-md-spaceNone,
  .u-md-spaceLeftNone,
  .u-md-spaceSidesNone {
    margin-left: 0 !important;
  }
  .u-md-padNone,
  .u-md-padTopNone,
  .u-md-padEndsNone {
    padding-top: 0 !important;
  }
  .u-md-padNone,
  .u-md-padBottomNone,
  .u-md-padEndsNone {
    padding-bottom: 0 !important;
  }
  .u-md-padNone,
  .u-md-padRightNone,
  .u-md-padSidesNone {
    padding-right: 0 !important;
  }
  .u-md-padNone,
  .u-md-padLeftNone,
  .u-md-padSidesNone {
    padding-left: 0 !important;
  }
  .u-md-spaceXs,
  .u-md-spaceTopXs,
  .u-md-spaceEndsXs {
    margin-top: 4px !important;
  }
  .u-md-spaceXs,
  .u-md-spaceBottomXs,
  .u-md-spaceEndsXs {
    margin-bottom: 4px !important;
  }
  .u-md-spaceXs,
  .u-md-spaceRightXs,
  .u-md-spaceSidesXs {
    margin-right: 4px !important;
  }
  .u-md-spaceXs,
  .u-md-spaceLeftXs,
  .u-md-spaceSidesXs {
    margin-left: 4px !important;
  }
  .u-md-padXs,
  .u-md-padTopXs,
  .u-md-padEndsXs {
    padding-top: 4px !important;
  }
  .u-md-padXs,
  .u-md-padBottomXs,
  .u-md-padEndsXs {
    padding-bottom: 4px !important;
  }
  .u-md-padXs,
  .u-md-padRightXs,
  .u-md-padSidesXs {
    padding-right: 4px !important;
  }
  .u-md-padXs,
  .u-md-padLeftXs,
  .u-md-padSidesXs {
    padding-left: 4px !important;
  }
  .u-md-spaceSm,
  .u-md-spaceTopSm,
  .u-md-spaceEndsSm {
    margin-top: 8px !important;
  }
  .u-md-spaceSm,
  .u-md-spaceBottomSm,
  .u-md-spaceEndsSm {
    margin-bottom: 8px !important;
  }
  .u-md-spaceSm,
  .u-md-spaceRightSm,
  .u-md-spaceSidesSm {
    margin-right: 8px !important;
  }
  .u-md-spaceSm,
  .u-md-spaceLeftSm,
  .u-md-spaceSidesSm {
    margin-left: 8px !important;
  }
  .u-md-padSm,
  .u-md-padTopSm,
  .u-md-padEndsSm {
    padding-top: 8px !important;
  }
  .u-md-padSm,
  .u-md-padBottomSm,
  .u-md-padEndsSm {
    padding-bottom: 8px !important;
  }
  .u-md-padSm,
  .u-md-padRightSm,
  .u-md-padSidesSm {
    padding-right: 8px !important;
  }
  .u-md-padSm,
  .u-md-padLeftSm,
  .u-md-padSidesSm {
    padding-left: 8px !important;
  }
  .u-md-spaceMd,
  .u-md-spaceTopMd,
  .u-md-spaceEndsMd {
    margin-top: 16px !important;
  }
  .u-md-spaceMd,
  .u-md-spaceBottomMd,
  .u-md-spaceEndsMd {
    margin-bottom: 16px !important;
  }
  .u-md-spaceMd,
  .u-md-spaceRightMd,
  .u-md-spaceSidesMd {
    margin-right: 16px !important;
  }
  .u-md-spaceMd,
  .u-md-spaceLeftMd,
  .u-md-spaceSidesMd {
    margin-left: 16px !important;
  }
  .u-md-padMd,
  .u-md-padTopMd,
  .u-md-padEndsMd {
    padding-top: 16px !important;
  }
  .u-md-padMd,
  .u-md-padBottomMd,
  .u-md-padEndsMd {
    padding-bottom: 16px !important;
  }
  .u-md-padMd,
  .u-md-padRightMd,
  .u-md-padSidesMd {
    padding-right: 16px !important;
  }
  .u-md-padMd,
  .u-md-padLeftMd,
  .u-md-padSidesMd {
    padding-left: 16px !important;
  }
  .u-md-spaceLg,
  .u-md-spaceTopLg,
  .u-md-spaceEndsLg {
    margin-top: 24px !important;
  }
  .u-md-spaceLg,
  .u-md-spaceBottomLg,
  .u-md-spaceEndsLg {
    margin-bottom: 24px !important;
  }
  .u-md-spaceLg,
  .u-md-spaceRightLg,
  .u-md-spaceSidesLg {
    margin-right: 24px !important;
  }
  .u-md-spaceLg,
  .u-md-spaceLeftLg,
  .u-md-spaceSidesLg {
    margin-left: 24px !important;
  }
  .u-md-padLg,
  .u-md-padTopLg,
  .u-md-padEndsLg {
    padding-top: 24px !important;
  }
  .u-md-padLg,
  .u-md-padBottomLg,
  .u-md-padEndsLg {
    padding-bottom: 24px !important;
  }
  .u-md-padLg,
  .u-md-padRightLg,
  .u-md-padSidesLg {
    padding-right: 24px !important;
  }
  .u-md-padLg,
  .u-md-padLeftLg,
  .u-md-padSidesLg {
    padding-left: 24px !important;
  }
  .u-md-spaceXl,
  .u-md-spaceTopXl,
  .u-md-spaceEndsXl {
    margin-top: 32px !important;
  }
  .u-md-spaceXl,
  .u-md-spaceBottomXl,
  .u-md-spaceEndsXl {
    margin-bottom: 32px !important;
  }
  .u-md-spaceXl,
  .u-md-spaceRightXl,
  .u-md-spaceSidesXl {
    margin-right: 32px !important;
  }
  .u-md-spaceXl,
  .u-md-spaceLeftXl,
  .u-md-spaceSidesXl {
    margin-left: 32px !important;
  }
  .u-md-padXl,
  .u-md-padTopXl,
  .u-md-padEndsXl {
    padding-top: 32px !important;
  }
  .u-md-padXl,
  .u-md-padBottomXl,
  .u-md-padEndsXl {
    padding-bottom: 32px !important;
  }
  .u-md-padXl,
  .u-md-padRightXl,
  .u-md-padSidesXl {
    padding-right: 32px !important;
  }
  .u-md-padXl,
  .u-md-padLeftXl,
  .u-md-padSidesXl {
    padding-left: 32px !important;
  }
  .u-md-spaceXxl,
  .u-md-spaceTopXxl,
  .u-md-spaceEndsXxl {
    margin-top: 40px !important;
  }
  .u-md-spaceXxl,
  .u-md-spaceBottomXxl,
  .u-md-spaceEndsXxl {
    margin-bottom: 40px !important;
  }
  .u-md-spaceXxl,
  .u-md-spaceRightXxl,
  .u-md-spaceSidesXxl {
    margin-right: 40px !important;
  }
  .u-md-spaceXxl,
  .u-md-spaceLeftXxl,
  .u-md-spaceSidesXxl {
    margin-left: 40px !important;
  }
  .u-md-padXxl,
  .u-md-padTopXxl,
  .u-md-padEndsXxl {
    padding-top: 40px !important;
  }
  .u-md-padXxl,
  .u-md-padBottomXxl,
  .u-md-padEndsXxl {
    padding-bottom: 40px !important;
  }
  .u-md-padXxl,
  .u-md-padRightXxl,
  .u-md-padSidesXxl {
    padding-right: 40px !important;
  }
  .u-md-padXxl,
  .u-md-padLeftXxl,
  .u-md-padSidesXxl {
    padding-left: 40px !important;
  }
  .u-md-spaceSidesAuto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .u-lg-spaceNone,
  .u-lg-spaceTopNone,
  .u-lg-spaceEndsNone {
    margin-top: 0 !important;
  }
  .u-lg-spaceNone,
  .u-lg-spaceBottomNone,
  .u-lg-spaceEndsNone {
    margin-bottom: 0 !important;
  }
  .u-lg-spaceNone,
  .u-lg-spaceRightNone,
  .u-lg-spaceSidesNone {
    margin-right: 0 !important;
  }
  .u-lg-spaceNone,
  .u-lg-spaceLeftNone,
  .u-lg-spaceSidesNone {
    margin-left: 0 !important;
  }
  .u-lg-padNone,
  .u-lg-padTopNone,
  .u-lg-padEndsNone {
    padding-top: 0 !important;
  }
  .u-lg-padNone,
  .u-lg-padBottomNone,
  .u-lg-padEndsNone {
    padding-bottom: 0 !important;
  }
  .u-lg-padNone,
  .u-lg-padRightNone,
  .u-lg-padSidesNone {
    padding-right: 0 !important;
  }
  .u-lg-padNone,
  .u-lg-padLeftNone,
  .u-lg-padSidesNone {
    padding-left: 0 !important;
  }
  .u-lg-spaceXs,
  .u-lg-spaceTopXs,
  .u-lg-spaceEndsXs {
    margin-top: 4px !important;
  }
  .u-lg-spaceXs,
  .u-lg-spaceBottomXs,
  .u-lg-spaceEndsXs {
    margin-bottom: 4px !important;
  }
  .u-lg-spaceXs,
  .u-lg-spaceRightXs,
  .u-lg-spaceSidesXs {
    margin-right: 4px !important;
  }
  .u-lg-spaceXs,
  .u-lg-spaceLeftXs,
  .u-lg-spaceSidesXs {
    margin-left: 4px !important;
  }
  .u-lg-padXs,
  .u-lg-padTopXs,
  .u-lg-padEndsXs {
    padding-top: 4px !important;
  }
  .u-lg-padXs,
  .u-lg-padBottomXs,
  .u-lg-padEndsXs {
    padding-bottom: 4px !important;
  }
  .u-lg-padXs,
  .u-lg-padRightXs,
  .u-lg-padSidesXs {
    padding-right: 4px !important;
  }
  .u-lg-padXs,
  .u-lg-padLeftXs,
  .u-lg-padSidesXs {
    padding-left: 4px !important;
  }
  .u-lg-spaceSm,
  .u-lg-spaceTopSm,
  .u-lg-spaceEndsSm {
    margin-top: 8px !important;
  }
  .u-lg-spaceSm,
  .u-lg-spaceBottomSm,
  .u-lg-spaceEndsSm {
    margin-bottom: 8px !important;
  }
  .u-lg-spaceSm,
  .u-lg-spaceRightSm,
  .u-lg-spaceSidesSm {
    margin-right: 8px !important;
  }
  .u-lg-spaceSm,
  .u-lg-spaceLeftSm,
  .u-lg-spaceSidesSm {
    margin-left: 8px !important;
  }
  .u-lg-padSm,
  .u-lg-padTopSm,
  .u-lg-padEndsSm {
    padding-top: 8px !important;
  }
  .u-lg-padSm,
  .u-lg-padBottomSm,
  .u-lg-padEndsSm {
    padding-bottom: 8px !important;
  }
  .u-lg-padSm,
  .u-lg-padRightSm,
  .u-lg-padSidesSm {
    padding-right: 8px !important;
  }
  .u-lg-padSm,
  .u-lg-padLeftSm,
  .u-lg-padSidesSm {
    padding-left: 8px !important;
  }
  .u-lg-spaceMd,
  .u-lg-spaceTopMd,
  .u-lg-spaceEndsMd {
    margin-top: 16px !important;
  }
  .u-lg-spaceMd,
  .u-lg-spaceBottomMd,
  .u-lg-spaceEndsMd {
    margin-bottom: 16px !important;
  }
  .u-lg-spaceMd,
  .u-lg-spaceRightMd,
  .u-lg-spaceSidesMd {
    margin-right: 16px !important;
  }
  .u-lg-spaceMd,
  .u-lg-spaceLeftMd,
  .u-lg-spaceSidesMd {
    margin-left: 16px !important;
  }
  .u-lg-padMd,
  .u-lg-padTopMd,
  .u-lg-padEndsMd {
    padding-top: 16px !important;
  }
  .u-lg-padMd,
  .u-lg-padBottomMd,
  .u-lg-padEndsMd {
    padding-bottom: 16px !important;
  }
  .u-lg-padMd,
  .u-lg-padRightMd,
  .u-lg-padSidesMd {
    padding-right: 16px !important;
  }
  .u-lg-padMd,
  .u-lg-padLeftMd,
  .u-lg-padSidesMd {
    padding-left: 16px !important;
  }
  .u-lg-spaceLg,
  .u-lg-spaceTopLg,
  .u-lg-spaceEndsLg {
    margin-top: 24px !important;
  }
  .u-lg-spaceLg,
  .u-lg-spaceBottomLg,
  .u-lg-spaceEndsLg {
    margin-bottom: 24px !important;
  }
  .u-lg-spaceLg,
  .u-lg-spaceRightLg,
  .u-lg-spaceSidesLg {
    margin-right: 24px !important;
  }
  .u-lg-spaceLg,
  .u-lg-spaceLeftLg,
  .u-lg-spaceSidesLg {
    margin-left: 24px !important;
  }
  .u-lg-padLg,
  .u-lg-padTopLg,
  .u-lg-padEndsLg {
    padding-top: 24px !important;
  }
  .u-lg-padLg,
  .u-lg-padBottomLg,
  .u-lg-padEndsLg {
    padding-bottom: 24px !important;
  }
  .u-lg-padLg,
  .u-lg-padRightLg,
  .u-lg-padSidesLg {
    padding-right: 24px !important;
  }
  .u-lg-padLg,
  .u-lg-padLeftLg,
  .u-lg-padSidesLg {
    padding-left: 24px !important;
  }
  .u-lg-spaceXl,
  .u-lg-spaceTopXl,
  .u-lg-spaceEndsXl {
    margin-top: 32px !important;
  }
  .u-lg-spaceXl,
  .u-lg-spaceBottomXl,
  .u-lg-spaceEndsXl {
    margin-bottom: 32px !important;
  }
  .u-lg-spaceXl,
  .u-lg-spaceRightXl,
  .u-lg-spaceSidesXl {
    margin-right: 32px !important;
  }
  .u-lg-spaceXl,
  .u-lg-spaceLeftXl,
  .u-lg-spaceSidesXl {
    margin-left: 32px !important;
  }
  .u-lg-padXl,
  .u-lg-padTopXl,
  .u-lg-padEndsXl {
    padding-top: 32px !important;
  }
  .u-lg-padXl,
  .u-lg-padBottomXl,
  .u-lg-padEndsXl {
    padding-bottom: 32px !important;
  }
  .u-lg-padXl,
  .u-lg-padRightXl,
  .u-lg-padSidesXl {
    padding-right: 32px !important;
  }
  .u-lg-padXl,
  .u-lg-padLeftXl,
  .u-lg-padSidesXl {
    padding-left: 32px !important;
  }
  .u-lg-spaceXxl,
  .u-lg-spaceTopXxl,
  .u-lg-spaceEndsXxl {
    margin-top: 40px !important;
  }
  .u-lg-spaceXxl,
  .u-lg-spaceBottomXxl,
  .u-lg-spaceEndsXxl {
    margin-bottom: 40px !important;
  }
  .u-lg-spaceXxl,
  .u-lg-spaceRightXxl,
  .u-lg-spaceSidesXxl {
    margin-right: 40px !important;
  }
  .u-lg-spaceXxl,
  .u-lg-spaceLeftXxl,
  .u-lg-spaceSidesXxl {
    margin-left: 40px !important;
  }
  .u-lg-padXxl,
  .u-lg-padTopXxl,
  .u-lg-padEndsXxl {
    padding-top: 40px !important;
  }
  .u-lg-padXxl,
  .u-lg-padBottomXxl,
  .u-lg-padEndsXxl {
    padding-bottom: 40px !important;
  }
  .u-lg-padXxl,
  .u-lg-padRightXxl,
  .u-lg-padSidesXxl {
    padding-right: 40px !important;
  }
  .u-lg-padXxl,
  .u-lg-padLeftXxl,
  .u-lg-padSidesXxl {
    padding-left: 40px !important;
  }
  .u-lg-spaceSidesAuto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
.u-spaceNegativeRightSm {
  margin-right: -8px !important;
}

/**
 * Horizontal text alignment
 */
.u-textCenter {
  text-align: center !important;
}

.u-textLeft {
  text-align: left !important;
}

.u-textRight {
  text-align: right !important;
}

/**
 * Prevent whitespace wrapping
 */
.u-textNoWrap {
  white-space: nowrap !important;
}

/**
 * Text ellipsis
 */
.u-textEllipsis {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
}

/**
 * Font size utilities
 */
.u-fontSizeXs {
  font-size: 10px !important;
}

.u-fontSizeSm {
  font-size: 12px !important;
}

.u-fontSizeMd {
  font-size: 13px !important;
}

.u-fontSizeLg {
  font-size: 16px !important;
}

.u-fontSizeXl {
  font-size: 23px !important;
}

.u-fontSizeXxl {
  font-size: 26px !important;
}

/**
 * Font weight utilities
 */
.u-textNormal {
  font-weight: 400 !important;
}

.u-textSemiBold {
  font-weight: 600 !important;
}

.u-textBold {
  font-weight: 700 !important;
}

/**
 * Text Decoration utilities
 */
.u-textUnderline {
  text-decoration: underline !important;
}

.u-textLineThrough {
  text-decoration: line-through !important;
}

.u-textDecorationNone {
  text-decoration: none !important;
}

@media (min-width: 480px) {
  .u-xs-fontSizeXs {
    font-size: 10px !important;
  }
  .u-xs-fontSizeSm {
    font-size: 12px !important;
  }
  .u-xs-fontSizeMd {
    font-size: 13px !important;
  }
  .u-xs-fontSizeLg {
    font-size: 16px !important;
  }
  .u-xs-fontSizeXl {
    font-size: 23px !important;
  }
  .u-xs-fontSizeXxl {
    font-size: 26px !important;
  }
  .u-xs-textCenter {
    text-align: center !important;
  }
  .u-xs-textLeft {
    text-align: left !important;
  }
  .u-xs-textRight {
    text-align: right !important;
  }
  .u-xs-textUnderline {
    text-decoration: underline !important;
  }
  .u-xs-textLineThrough {
    text-decoration: line-through !important;
  }
  .u-xs-textDecorationNone {
    text-decoration: none !important;
  }
  .u-xs-textNoWrap {
    white-space: nowrap !important;
  }
  .u-xs-textEllipsis {
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }
  .u-xs-textNormal {
    font-weight: 400 !important;
  }
  .u-xs-textSemiBold {
    font-weight: 600 !important;
  }
  .u-xs-textBold {
    font-weight: 700 !important;
  }
}
@media (min-width: 768px) {
  .u-sm-fontSizeXs {
    font-size: 10px !important;
  }
  .u-sm-fontSizeSm {
    font-size: 12px !important;
  }
  .u-sm-fontSizeMd {
    font-size: 13px !important;
  }
  .u-sm-fontSizeLg {
    font-size: 16px !important;
  }
  .u-sm-fontSizeXl {
    font-size: 23px !important;
  }
  .u-sm-fontSizeXxl {
    font-size: 26px !important;
  }
  .u-sm-textCenter {
    text-align: center !important;
  }
  .u-sm-textLeft {
    text-align: left !important;
  }
  .u-sm-textRight {
    text-align: right !important;
  }
  .u-sm-textUnderline {
    text-decoration: underline !important;
  }
  .u-sm-textLineThrough {
    text-decoration: line-through !important;
  }
  .u-sm-textDecorationNone {
    text-decoration: none !important;
  }
  .u-sm-textNoWrap {
    white-space: nowrap !important;
  }
  .u-sm-textEllipsis {
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }
  .u-sm-textNormal {
    font-weight: 400 !important;
  }
  .u-sm-textSemiBold {
    font-weight: 600 !important;
  }
  .u-sm-textBold {
    font-weight: 700 !important;
  }
}
@media (min-width: 992px) {
  .u-md-fontSizeXs {
    font-size: 10px !important;
  }
  .u-md-fontSizeSm {
    font-size: 12px !important;
  }
  .u-md-fontSizeMd {
    font-size: 13px !important;
  }
  .u-md-fontSizeLg {
    font-size: 16px !important;
  }
  .u-md-fontSizeXl {
    font-size: 23px !important;
  }
  .u-md-fontSizeXxl {
    font-size: 26px !important;
  }
  .u-md-textCenter {
    text-align: center !important;
  }
  .u-md-textLeft {
    text-align: left !important;
  }
  .u-md-textRight {
    text-align: right !important;
  }
  .u-md-textUnderline {
    text-decoration: underline !important;
  }
  .u-md-textLineThrough {
    text-decoration: line-through !important;
  }
  .u-md-textDecorationNone {
    text-decoration: none !important;
  }
  .u-md-textNoWrap {
    white-space: nowrap !important;
  }
  .u-md-textEllipsis {
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }
  .u-md-textNormal {
    font-weight: 400 !important;
  }
  .u-md-textSemiBold {
    font-weight: 600 !important;
  }
  .u-md-textBold {
    font-weight: 700 !important;
  }
}
@media (min-width: 1200px) {
  .u-lg-fontSizeXs {
    font-size: 10px !important;
  }
  .u-lg-fontSizeSm {
    font-size: 12px !important;
  }
  .u-lg-fontSizeMd {
    font-size: 13px !important;
  }
  .u-lg-fontSizeLg {
    font-size: 16px !important;
  }
  .u-lg-fontSizeXl {
    font-size: 23px !important;
  }
  .u-lg-fontSizeXxl {
    font-size: 26px !important;
  }
  .u-lg-textCenter {
    text-align: center !important;
  }
  .u-lg-textLeft {
    text-align: left !important;
  }
  .u-lg-textRight {
    text-align: right !important;
  }
  .u-lg-textUnderline {
    text-decoration: underline !important;
  }
  .u-lg-textLineThrough {
    text-decoration: line-through !important;
  }
  .u-lg-textDecorationNone {
    text-decoration: none !important;
  }
  .u-lg-textNoWrap {
    white-space: nowrap !important;
  }
  .u-lg-textEllipsis {
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }
  .u-lg-textNormal {
    font-weight: 400 !important;
  }
  .u-lg-textSemiBold {
    font-weight: 600 !important;
  }
  .u-lg-textBold {
    font-weight: 700 !important;
  }
}
.progress {
  --progress-height: 1rem;
  --progress-bg: #e9ecef;
  --progress-border-radius: 2px;
  --progress-box-shadow: 1px 1px 1px rgba(56, 56, 56, 0.15) inset;
  --progress-bar-color: #ffffff;
  --progress-bar-bg: #7fc243;
  --progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--progress-height);
  overflow: hidden;
  background-color: var(--progress-bg);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--progress-bar-bg);
}

.progress-bar-striped {
  background-size: var(--progress-height) var(--progress-height);
}

:root {
  --bc-text-muted:#6c757d;
  --bc-avail-color-yes: $cu-positive;
  --bc-avail-color-no: $cu-negative;
  --bc-avail-color-maybe:#113b63;
}

.availability-bar.going {
  background-color: #7fc243;
}
.availability-bar.not-going {
  background-color: #e26362;
}
.availability-bar.maybe {
  background-color: #1A6BAF;
}
.availability-bar.unknown {
  background-color: #d6d6d6;
}

.availability-width-0 {
  width: 0%;
}

.availability-width-1 {
  width: 1%;
}

.availability-width-2 {
  width: 2%;
}

.availability-width-3 {
  width: 3%;
}

.availability-width-4 {
  width: 4%;
}

.availability-width-5 {
  width: 5%;
}

.availability-width-6 {
  width: 6%;
}

.availability-width-7 {
  width: 7%;
}

.availability-width-8 {
  width: 8%;
}

.availability-width-9 {
  width: 9%;
}

.availability-width-10 {
  width: 10%;
}

.availability-width-11 {
  width: 11%;
}

.availability-width-12 {
  width: 12%;
}

.availability-width-13 {
  width: 13%;
}

.availability-width-14 {
  width: 14%;
}

.availability-width-15 {
  width: 15%;
}

.availability-width-16 {
  width: 16%;
}

.availability-width-17 {
  width: 17%;
}

.availability-width-18 {
  width: 18%;
}

.availability-width-19 {
  width: 19%;
}

.availability-width-20 {
  width: 20%;
}

.availability-width-21 {
  width: 21%;
}

.availability-width-22 {
  width: 22%;
}

.availability-width-23 {
  width: 23%;
}

.availability-width-24 {
  width: 24%;
}

.availability-width-25 {
  width: 25%;
}

.availability-width-26 {
  width: 26%;
}

.availability-width-27 {
  width: 27%;
}

.availability-width-28 {
  width: 28%;
}

.availability-width-29 {
  width: 29%;
}

.availability-width-30 {
  width: 30%;
}

.availability-width-31 {
  width: 31%;
}

.availability-width-32 {
  width: 32%;
}

.availability-width-33 {
  width: 33%;
}

.availability-width-34 {
  width: 34%;
}

.availability-width-35 {
  width: 35%;
}

.availability-width-36 {
  width: 36%;
}

.availability-width-37 {
  width: 37%;
}

.availability-width-38 {
  width: 38%;
}

.availability-width-39 {
  width: 39%;
}

.availability-width-40 {
  width: 40%;
}

.availability-width-41 {
  width: 41%;
}

.availability-width-42 {
  width: 42%;
}

.availability-width-43 {
  width: 43%;
}

.availability-width-44 {
  width: 44%;
}

.availability-width-45 {
  width: 45%;
}

.availability-width-46 {
  width: 46%;
}

.availability-width-47 {
  width: 47%;
}

.availability-width-48 {
  width: 48%;
}

.availability-width-49 {
  width: 49%;
}

.availability-width-50 {
  width: 50%;
}

.availability-width-51 {
  width: 51%;
}

.availability-width-52 {
  width: 52%;
}

.availability-width-53 {
  width: 53%;
}

.availability-width-54 {
  width: 54%;
}

.availability-width-55 {
  width: 55%;
}

.availability-width-56 {
  width: 56%;
}

.availability-width-57 {
  width: 57%;
}

.availability-width-58 {
  width: 58%;
}

.availability-width-59 {
  width: 59%;
}

.availability-width-60 {
  width: 60%;
}

.availability-width-61 {
  width: 61%;
}

.availability-width-62 {
  width: 62%;
}

.availability-width-63 {
  width: 63%;
}

.availability-width-64 {
  width: 64%;
}

.availability-width-65 {
  width: 65%;
}

.availability-width-66 {
  width: 66%;
}

.availability-width-67 {
  width: 67%;
}

.availability-width-68 {
  width: 68%;
}

.availability-width-69 {
  width: 69%;
}

.availability-width-70 {
  width: 70%;
}

.availability-width-71 {
  width: 71%;
}

.availability-width-72 {
  width: 72%;
}

.availability-width-73 {
  width: 73%;
}

.availability-width-74 {
  width: 74%;
}

.availability-width-75 {
  width: 75%;
}

.availability-width-76 {
  width: 76%;
}

.availability-width-77 {
  width: 77%;
}

.availability-width-78 {
  width: 78%;
}

.availability-width-79 {
  width: 79%;
}

.availability-width-80 {
  width: 80%;
}

.availability-width-81 {
  width: 81%;
}

.availability-width-82 {
  width: 82%;
}

.availability-width-83 {
  width: 83%;
}

.availability-width-84 {
  width: 84%;
}

.availability-width-85 {
  width: 85%;
}

.availability-width-86 {
  width: 86%;
}

.availability-width-87 {
  width: 87%;
}

.availability-width-88 {
  width: 88%;
}

.availability-width-89 {
  width: 89%;
}

.availability-width-90 {
  width: 90%;
}

.availability-width-91 {
  width: 91%;
}

.availability-width-92 {
  width: 92%;
}

.availability-width-93 {
  width: 93%;
}

.availability-width-94 {
  width: 94%;
}

.availability-width-95 {
  width: 95%;
}

.availability-width-96 {
  width: 96%;
}

.availability-width-97 {
  width: 97%;
}

.availability-width-98 {
  width: 98%;
}

.availability-width-99 {
  width: 99%;
}

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

.team-home-logo {
  height: 64px;
}

.event-lineup-actions-popup {
  width: 200px;
}

.event-lineup-actions-menu {
  padding: 0.25rem 0;
}

.event-lineup-actions-item {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: flex;
  font: inherit;
  gap: 0.625rem;
  line-height: 1.3;
  padding: 0.625rem 0.875rem;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.event-lineup-actions-item + .event-lineup-actions-item {
  border-top: 1px solid #f0f0f0;
}
.event-lineup-actions-item:hover, .event-lineup-actions-item:focus {
  background: rgba(50, 54, 105, 0.05);
  text-decoration: none;
}
.event-lineup-actions-item svg {
  flex: 0 0 auto;
  height: 1rem;
  width: 1rem;
}

.event-lineup-out-label {
  display: inline-flex;
  flex: 1 1 0%;
}

.position-status--neutral {
  color: #6c757d;
}

header {
  background: #323669;
  padding: 8px 0;
  box-shadow: 0 4px 0 rgba(0, 0, 25, 0.1);
  border-bottom: 1px solid #d6d6d6;
  color: white;
  text-decoration: none;
}
header.testing {
  background: black;
}
header .Header-banner {
  display: flex;
  justify-content: center;
  align-items: center;
}
header .filler {
  flex: 1 1 auto;
}
header :has(> .Header-bannerLogo):has(> .Header-bannerTitle) {
  display: inline-flex;
}
header .Header-bannerLogo, header .Header-bannerTitle {
  margin: 0;
  padding: 0;
  margin-left: 0.5em;
}
header .Header-bannerLogo {
  align-self: center;
}
header .Header-bannerLogo img, header .Header-bannerLogo svg {
  height: 36px;
  width: auto;
}
header .Header-bannerLogo:has(.testing) svg {
  color: white;
  background-color: #323669;
  padding: 5px;
  border-radius: 5px;
  border: solid #a98467 2px;
}
header .Header-bannerTitle {
  font-family: "Helvetica", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  color: white;
  font-size: 28px;
  align-self: center;
}
header .Header-menuWrap {
  display: flex;
  justify-content: flex-end;
}
header .Header-menuToggle {
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0.375rem;
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem;
  transition: background-color 120ms ease;
}
header .Header-menuToggle:hover, header .Header-menuToggle:focus {
  background: rgba(255, 255, 255, 0.12);
  outline: none;
}
header .Header-menuToggleIcon {
  display: inline-flex;
}
header .Header-menuToggleIcon svg {
  width: 1.5rem;
  height: 1.5rem;
}
header .Header-menuPopup {
  min-width: 18rem;
}
header .Header-menuContent {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 18rem;
  max-width: min(20rem, 100vw - 2rem);
}
header .Header-menuLinks {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
header .Header-menuLink {
  border-radius: 0.375rem;
  color: inherit;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 2.75rem;
  padding: 0.625rem 0.75rem;
  text-decoration: none;
  transition: background-color 120ms ease;
}
header .Header-menuLink:hover, header .Header-menuLink:focus {
  background: rgba(50, 54, 105, 0.08);
  text-decoration: none;
}
header .Header-menuItemIcon {
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  width: 1rem;
}
header .Header-menuItemIcon svg,
header .Header-menuItemIcon img {
  height: 1rem;
  width: 1rem;
}
header .Header-menuAccount {
  border-top: 1px solid #e6e6e6;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: auto;
  padding-top: 1rem;
}
header .Header-menuSectionLabel {
  color: #6c757d;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
header .Header-menuSummary {
  background: rgba(50, 54, 105, 0.06);
  border-radius: 0.5rem;
  padding: 0.75rem;
}
header .Header-menuUserName {
  margin-bottom: 0.125rem;
}
header .Header-menuUserEmail {
  color: #495057;
}
header .Header-menuForm {
  margin: 0;
}
header .Header-menuLinkButton {
  appearance: none;
  background: transparent;
  border: 0;
  font: inherit;
  margin: 0;
  text-align: left;
  width: 100%;
}
@media (max-width: 575px) {
  header .Header-banner {
    gap: 0.5rem;
  }
  header .Header-bannerTitle {
    font-size: 22px;
  }
  header .Header-menuWrap {
    padding-left: 0;
    padding-right: 0;
  }
  header .Header-menuPopup {
    left: auto;
    min-width: min(18rem, 100vw - 1rem);
    right: 0;
  }
}

.btn--Full {
  display: block;
  width: 100%;
  text-align: center;
}

body {
  background-color: rgb(246, 246, 246);
}

main {
  padding-inline: 0.375rem;
}

/* .u-padSm.u-border.u-borderRadiusLg.u-spaceEndsSm.u-maxWidthXs */
.results {
  font-weight: bold;
}
.event-card {
  font-family: "Open Sans", Helvetica, sans-serif;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  max-width: 480px;
  margin-top: 8px;
  margin-bottom: 8px;
  background: white;
}
.event-card .title {
  margin-bottom: 4px;
}
.event-card .event-card-body {
  padding: 8px 8px 8px 8px;
}

.dashboard-section {
  margin-top: 0.75rem;
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
}

.dashboard-team-header {
  max-width: 30rem;
  margin: 0 auto 0.5rem;
  align-items: center;
  column-gap: 0.75rem;
}

.dashboard-team-header-body {
  min-width: 0;
}
.dashboard-team-header-body small {
  line-height: 1.2;
}

.dashboard-team-titleRow {
  align-items: baseline;
  column-gap: 0.75rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  min-width: 0;
}

.dashboard-team-titleRow h2 {
  min-width: 0;
  overflow-wrap: anywhere;
}

.dashboard-team-season {
  color: #6c757d;
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
  text-align: right;
}

.dashboard-team-header-actions {
  align-self: center;
}
.dashboard-team-header-actions .ButtonGroup {
  margin: 0;
}

.dashboard-section-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.dashboard-section-meta {
  color: #6c757d;
  font-size: 0.8rem;
  line-height: 1.2;
}

.dashboard-pagination {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.dashboard-pagination--bottom {
  justify-content: center;
  margin-top: 0.75rem;
}
.dashboard-pagination--bottom .ButtonGroup {
  max-width: 100%;
  overflow-x: auto;
  flex-wrap: nowrap;
}

.dashboard-pagination-status {
  color: #495057;
  font-size: 0.9rem;
}

.dashboard-events-list .Panel-body {
  padding: 0;
}

.event-lineup-summary .Panel-body {
  padding: 0;
}
.event-lineup-summary .dashboard-event-heading {
  align-items: flex-start;
  justify-content: flex-start;
}
.event-lineup-summary .event-lineup-summary-actions {
  justify-self: end;
}
.event-lineup-summary .event-lineup-summary-actions .dashboard-event-actions {
  justify-content: flex-end;
}

.dashboard-event-row {
  color: inherit;
}
.dashboard-event-row:hover {
  background: rgba(0, 0, 0, 0.02);
}

.dashboard-event-stack {
  display: grid;
  gap: 0.35rem;
  padding: 0.9rem 1rem;
}

.dashboard-event-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.dashboard-event-date {
  color: #6c757d;
  font-size: 0.8rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.dashboard-event-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.dashboard-event-title {
  font-weight: 700;
}
.dashboard-event-title a {
  color: inherit;
  text-decoration: none;
}

.dashboard-event-result {
  font-size: 0.95rem;
}

.dashboard-event-actions {
  align-self: center;
  justify-content: center;
}
.dashboard-event-actions .Button {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  height: auto;
  min-height: 2rem;
  line-height: 1.2;
  overflow: visible;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.dashboard-event-actions .Button svg {
  width: 0.85rem;
  height: 0.85rem;
  flex-shrink: 0;
  overflow: visible;
  vertical-align: middle;
}

.dashboard-event-venue {
  color: #495057;
  text-align: right;
}

.dashboard-event-status {
  color: #495057;
  font-size: 0.9rem;
}

.dashboard-availability {
  min-width: 8rem;
}
.dashboard-availability .progress {
  margin-bottom: 0;
}
.dashboard-availability .progress-bar {
  font-size: 0.75rem;
  line-height: 1.4;
}

.dashboard-availability--fullwidth {
  min-width: 0;
  width: 100%;
}

.Button.is-disabled {
  opacity: 0.45;
  pointer-events: none;
}

@media (max-width: 543px) {
  .dashboard-team-season {
    font-size: 0.95rem;
  }
  .dashboard-event-stack {
    padding: 0.75rem 0.625rem;
  }
  .dashboard-section-header {
    align-items: baseline;
  }
  .dashboard-pagination {
    width: 100%;
    justify-content: space-between;
  }
}
@media (min-width: 544px) {
  main {
    padding-inline: 0;
  }
}
.event-card-body > .availability-bar {
  margin: 4px;
}
.event-card-body > .availability-bar.fullwidth {
  margin-top: 4px;
  margin-bottom: -8px;
  margin-left: -8px;
  margin-right: -8px;
}
.event-card-body .availability-bar.fullwidth .progress {
  margin-left: -8px;
  margin-right: -8px;
  border-radius: 0;
}

.event-card .date, .event-card .location {
  color: #7a7a7a;
  font-size: 0.9em;
}
.event-card .Button span {
  margin-left: 4px;
}
.event-card .event-card-footer {
  padding: 8px;
  border-radius: 0px 0px 8px 8px;
  background-color: rgb(251, 251, 251);
  border-top: solid 1px rgb(214, 214, 214);
}

.event-card-footer div {
  text-align: center;
}

a.Panel-row {
  color: inherit;
}

.lineup-slot .Panel-cell {
  display: inline-flex;
  align-items: center;
}

div.event-lineup {
  max-width: 576px;
  counter-reset: lineup-sequence-counter 0;
  margin-left: 8px;
  margin-right: 9px;
}

.lineup-slot {
  counter-increment: lineup-sequence-counter 1;
}
.lineup-slot .Panel-cell.Panel-cell--header {
  background: rgba(255, 255, 255, 0);
}
.lineup-slot [class*=availability-status-code]::before {
  padding-right: 6px;
  font-family: "bootstrap-icons";
}

.lineup-slot .availability-status-code-1 .icon {
  color: #7fc243;
}

.lineup-slot .availability-status-code-2 .icon {
  color: #1A6BAF;
}

.lineup-slot .availability-status-code-0 .icon {
  color: #e26362;
}

.lineup-slot .availability-status-code-nil .icon, .lineup-slot .availability-status-code- .icon {
  color: #d6d6d6;
}

li .availability-status-code- {
  content: "\f50b";
  color: var(--bs-secondary);
}

.lineup-slot {
  line-height: 100%;
  vertical-align: middle;
}
.lineup-slot span {
  margin: auto;
}
.lineup-slot .lastname {
  text-transform: uppercase;
  font-weight: bold;
}
.lineup-slot .jerseynumber {
  text-transform: uppercase;
  font-weight: light;
  color: var(--bc-text-muted);
  font-size: 0.8em;
  margin-left: 4px;
}
.lineup-slot button {
  margin-right: 0.5ch;
}
.lineup-slot .sequence {
  width: 2.4ch;
  text-align: right;
  margin-right: 0.3ch;
}
.lineup-slot .sequence::before {
  content: counter(lineup-sequence-counter);
}
.lineup-slot .drag-handle {
  width: 2ch;
}
.lineup-slot .position-select-box {
  width: 11ch;
}
.lineup-slot .Panel-cell:has(.sequence), .lineup-slot .Panel-cell:has(.drag-handle), .lineup-slot .Panel-cell:has(.position-select-box) {
  flex: 0 0 0% !important;
  padding: 0;
}

div.event-lineup .lineup-segment:has(input.Toggle-input:not(:checked)).out .Panel-cell:has(.SelectBox),
div.event-lineup .lineup-segment:has(input.Toggle-input:not(:checked)).out .Panel-cell:has(.drag-handle),
div.event-lineup .lineup-segment:has(input.Toggle-input:not(:checked)).out button:has(+ .position-label-flags),
div.event-lineup .lineup-segment:has(input.Toggle-input:not(:checked)).out button.addToStarting,
div.event-lineup .lineup-segment:has(input.Toggle-input:not(:checked)).out button.addToBench {
  display: none;
}
div.event-lineup .lineup-segment.bench .Panel-cell:has(.sequence), div.event-lineup .lineup-segment.position-only .Panel-cell:has(.sequence), div.event-lineup .lineup-segment.out .Panel-cell:has(.sequence) {
  display: none;
}
div.event-lineup .lineup-segment.bench.bench button.addToBench, div.event-lineup .lineup-segment.position-only.bench button.addToBench, div.event-lineup .lineup-segment.out.bench button.addToBench {
  display: none;
}
div.event-lineup .lineup-segment.starting button.addToStarting, div.event-lineup .lineup-segment.position-only button.addToStarting {
  display: none;
}

.Tooltip:after {
  padding: 2px !important;
  font-size: inherit !important;
}

.lineup-dropzone-placeholder {
  align-items: center;
  background: rgba(50, 54, 105, 0.03);
  border: 1px dashed rgba(50, 54, 105, 0.18);
  border-radius: 8px;
  color: #495057;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0.5rem;
  padding: 1rem 0.875rem;
  text-align: center;
}
.lineup-dropzone-placeholder strong {
  color: #343a40;
  font-size: 0.95rem;
  font-weight: 600;
}
.lineup-dropzone-placeholder span {
  display: block;
  font-size: 0.85rem;
  line-height: 1.45;
  max-width: 24rem;
}

@media (max-width: 480px) {
  .Panel--full {
    border-radius: 0;
  }
  .event-lineup .Panel--full {
    border-radius: 6px;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
  }
}
.lineup-email {
  font-family: "Helvetica", sans-serif;
  color: #1f2933;
}
.lineup-email .title-cell {
  font-weight: bold;
  background-color: #323669;
  color: #fff;
  padding: 2px 5px;
  text-transform: uppercase;
}
.lineup-email .title-cell.out {
  background-color: rgb(244, 199, 195);
  color: black;
}
.lineup-email .sequence-cell {
  font-weight: bold;
  padding: 1px 5px;
  text-align: left;
}
.lineup-email .name-cell {
  width: 200px;
  text-align: left;
}
.lineup-email .position-label-cell {
  font-weight: bold;
  text-align: right;
}

.lineup-email-modal {
  width: min(84rem, 100vw - 1rem);
  max-height: calc(100vh - 1rem);
  overflow: auto;
  padding: 0.75rem;
}
.lineup-email-modal .Modal-header {
  padding-bottom: 0.75rem;
}
.lineup-email-modal .Modal-body {
  padding: 0;
}
.lineup-email-modal .Modal-footer {
  margin-top: 0.75rem;
}

body.has-openModal {
  overflow: hidden;
}

.lineup-email-form {
  display: block;
}

.lineup-email-grid {
  display: grid;
  gap: 0.75rem;
}

.lineup-email-recipientRow {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lineup-email-recipientStack {
  display: grid;
  gap: 0.5rem;
}

.lineup-email-recipientSelector {
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  overflow: hidden;
}

.lineup-email-recipientToggle {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  justify-content: space-between;
  background: #f7f8fa;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  padding: 0.75rem 0.875rem;
  cursor: pointer;
  text-align: left;
  margin: 0;
}

.lineup-email-recipientToggleIcon {
  transition: transform 120ms ease;
}

.lineup-email-recipientSection.is-collapsed .lineup-email-recipientToggleIcon {
  transform: rotate(-90deg);
}

.lineup-email-recipientSectionBody {
  margin-top: 0.5rem;
}

.lineup-email-recipientSelectorHeader,
.lineup-email-recipientOption {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 3rem 3rem 3rem;
  gap: 0.75rem;
  align-items: center;
  padding: 0.75rem 0.875rem;
}

.lineup-email-recipientSelectorHeader {
  background: #f7f8fa;
  color: #495057;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.lineup-email-recipientOption {
  border-top: 1px solid #e6e6e6;
  margin: 0;
}
.lineup-email-recipientOption span {
  min-width: 0;
}
.lineup-email-recipientOption input {
  justify-self: center;
}

.lineup-email-helperText {
  color: #495057;
  font-size: 0.875rem;
  line-height: 1.5;
}

.lineup-email-inlineToggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  margin-top: 0.5rem;
}

.lineup-email-previewColumn {
  background: #f7f8fa;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  padding: 0.75rem;
}

.lineup-email-previewHeader {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.lineup-email-previewHeader h3 {
  margin: 0 0 0.25rem;
  font-size: 1rem;
}
.lineup-email-previewHeader p {
  margin: 0;
  color: #495057;
  font-size: 0.875rem;
}

.lineup-email-previewRecipients {
  display: grid;
  gap: 0.375rem;
  margin-bottom: 0.75rem;
  padding: 0.625rem 0.75rem;
  background: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
}

.lineup-email-previewRecipient {
  margin-bottom: 0;
}
.lineup-email-previewRecipient .FieldGroup-label {
  margin-bottom: 0.125rem;
  color: #495057;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.lineup-email-previewRecipient .Input[readonly] {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  min-height: 0;
  padding: 0;
}

.lineup-email-previewBodyLabel {
  color: #495057;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 0.375rem;
  text-transform: uppercase;
}

.lineup-email-footerNote {
  color: #495057;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: left;
  max-width: 28rem;
}

.lineup-email-footerCopy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  margin-right: auto;
}

.lineup-email-footerActions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}

.lineup-email-preview {
  background: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  max-height: calc(100vh - 14rem);
  overflow: auto;
  padding: 0.75rem;
}

.lineup-email-previewBody {
  margin-bottom: 0.75rem;
}
.lineup-email-previewBody p {
  margin: 0 0 0.75rem;
  line-height: 1.55;
}

.lineup-email .lineup-table,
.lineup-email-preview .lineup-table {
  width: 100%;
  border-collapse: collapse;
}
.lineup-email .lineup-table td,
.lineup-email .lineup-table th,
.lineup-email-preview .lineup-table td,
.lineup-email-preview .lineup-table th {
  border-bottom: 1px solid #d6d6d6;
  vertical-align: top;
}

.availability-reminder-modal .lineup-email-grid {
  align-items: start;
}

.availability-reminder-selection {
  display: grid;
  gap: 0.5rem;
  padding: 0.75rem;
  background: #fff;
  border: 1px solid #d6d6d6;
  border-radius: 8px;
}

.availability-reminder-note {
  color: #1f2933;
}
.availability-reminder-note p {
  margin: 0 0 0.75rem;
  line-height: 1.55;
}
.availability-reminder-note p:last-child {
  margin-bottom: 0;
}

@media (min-width: 800px) {
  .lineup-email-grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    align-items: start;
  }
}
@media (max-width: 640px) {
  .lineup-email-recipientRow {
    grid-template-columns: 1fr;
  }
  .lineup-email-recipientSelectorHeader,
  .lineup-email-recipientOption {
    grid-template-columns: minmax(0, 1fr) 2.5rem 2.5rem 2.5rem;
    gap: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .lineup-email-previewHeader {
    flex-direction: column;
  }
}
.Panel .Panel {
  margin: 8px;
}

.scroll-horizontal {
  overflow-x: scroll;
}

/*# sourceMappingURL=application.css.map */