@font-face{
  font-family:'Avenir Next';
  src:local("Avenir Next Medium"), local("Avenir-Next-Medium"), local("AvenirNext-Medium"), local("AvenirNextMedium"), url("../assets/fonts/AvenirNext/Medium/AvenirNext-Medium.woff2") format("woff2"), url("../assets/fonts/AvenirNext/Medium/AvenirNext-Medium.woff") format("woff"), url("../assets/fonts/AvenirNext/Medium/AvenirNext-Medium.ttf") format("truetype"), url("../assets/fonts/AvenirNext/Medium/AvenirNext-Medium.otf") format("opentype");
  font-weight:500;
  font-style:normal;
}

@font-face{
  font-family:'Avenir Next';
  src:local("Avenir Next Bold"), local("Avenir-Next-Bold"), local("AvenirNext-Bold"), local("AvenirNextBold"), url("../assets/fonts/AvenirNext/Bold/AvenirNext-Bold.woff2") format("woff2"), url("../assets/fonts/AvenirNext/Bold/AvenirNext-Bold.woff") format("woff"), url("../assets/fonts/AvenirNext/Bold/AvenirNext-Bold.ttf") format("truetype"), url("../assets/fonts/AvenirNext/Bold/AvenirNext-Bold.otf") format("opentype");
  font-weight:bold;
  font-style:normal;
}
html{
  line-height:1.3;
  -webkit-text-size-adjust:100%;
}
body{
  margin:0;
}
main{
  display:block;
}
h1{
  font-size:2em;
  margin:0.67em 0;
}
hr{
  box-sizing:content-box;
  height:0;
  overflow:visible;
}
pre{
  font-family:monospace;
  font-size:1em;
}
a{
  background-color:transparent;
}
abbr[title]{
  border-bottom:none;
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
}
b,
strong{
  font-weight:bolder;
}
code,
kbd,
samp{
  font-family:monospace;
  font-size:1em;
}
small{
  font-size:80%;
}
sub,
sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub{
  bottom:-0.25em;
}

sup{
  top:-0.5em;
}
img{
  border-style:none;
}
button,
input,
optgroup,
select,
textarea{
  font-family:inherit;
  font-size:100%;
  line-height:1.4;
  margin:0;
}
button,
input{
  overflow:visible;
}
button,
select{
  text-transform:none;
}
button,
[type='button'],
[type='reset'],
[type='submit']{
  -webkit-appearance:button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner{
  border-style:none;
  padding:0;
}
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring{
  outline:1px dotted ButtonText;
}
fieldset{
  padding:0.35em 0.75em 0.625em;
}
legend{
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal;
}
progress{
  vertical-align:baseline;
}
textarea{
  overflow:auto;
}
[type='checkbox'],
[type='radio']{
  box-sizing:border-box;
  padding:0;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button{
  height:auto;
}
[type='search']{
  -webkit-appearance:textfield;
  outline-offset:-2px;
}
[type='search']::-webkit-search-decoration{
  -webkit-appearance:none;
}
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}
details{
  display:block;
}
summary{
  display:list-item;
}
template{
  display:none;
}
[hidden]{
  display:none;
}

html{
  box-sizing:border-box;
  -ms-overflow-style:-ms-autohiding-scrollbar;
}

body{
  font-family:"Avenir Next", "Tahoma", tahoma, sans-serif;
  color:#333;
}

@media print{
  body{
    background-color:transparent;
  }
}

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

*{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

button{
  outline:0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
input[type='number']{
  -moz-appearance:textfield;
}
input::-ms-clear{
  display:none;
}

:root{
  --color-framboise:#e6003c;
  --color-burgundy:#aa1937;
  --color-orange:#faa600;
  --color-yellow:#ffc805;
  --color-error-red:#cd2026;
  --color-valid-green:#00d9a2;
  --color-warning-yellow:#ffc805;
  --color-white:#fff;
  --color-gray-100:#f8f8f8;
  --color-gray-200:#e5e5e5;
  --color-gray-300:#b2b2b2;
  --color-gray-400:#858585;
  --color-gray-500:#606060;
  --color-gray-600:#333;
  --color-promo-blue:#1c9cdf;
  --shadow-default:0 2px 4px rgba(87, 84, 82, 0.2);
  --shadow-hover:0 4px 12px rgba(87, 84, 82, 0.2);
  --shadow-elevated:0 20px 30px -8px rgba(87, 84, 82, 0.4);
  --border-r-default:4px;
  --border-r-card:8px;
  --border-r-full:9999px;
  --font-s-sm:12px;
  --font-s-xsm:14px;
  --font-s-default:16px;
  --font-s-xdefault:18px;
  --font-s-md:20px;
  --font-s-xmd:24px;
  --font-s-xxmd:28px;
  --font-s-lg:32px;
  --font-s-xlg:36px;
  --font-s-xxlg:48px;
  --font-w-medium:500;
  --font-w-bold:bold;
  --breakpoint-xs:320px;
  --breakpoint-md:768px;
  --breakpoint-lg:1024px;
  --breakpoint-xxl:1440px;
  --bg-framboise:#e6003c;
  --bg-burgundy:#aa1937;
  --bg-orange:#faa600;
  --bg-yellow:#ffc805;
  --bg-error-red:#cd2026;
  --bg-valid-green:#00d9a2;
  --bg-warning-yellow:#ffc805;
  --bg-white:#fff;
  --bg-gray-100:#f8f8f8;
  --bg-gray-200:#e5e5e5;
  --bg-gray-300:#b2b2b2;
  --bg-gray-400:#858585;
  --bg-gray-500:#606060;
  --bg-gray-600:#333;
  --bg-promo-blue:#1c9cdf;
  --bg-fluid-light:linear-gradient(90deg, #aa1937 0%, #e6003c 34.9%, #faa600 85.42%, #ffc805 100%);
  --bg-fluid-light-diagonal:linear-gradient(105.09deg, #aa1937 8.63%, #e6003c 37.7%, #faa600 81.31%, #ffc805 98.23%);
  --bg-fluid-light-vertical:linear-gradient(180deg, #aa1937 0%, #e6003c 34.9%, #faa600 85.42%, #ffc805 100%);
}
.margin-0,
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.p,
p,
span,
.h1-mobile,
.h2-mobile,
.h3-mobile,
.h4-mobile,
span-mobile,
.text,
.text-fineprint{
  margin:0;
}

.margin-top-0{
  margin-top:0px;
}

.margin-top-1{
  margin-top:4px;
}

.margin-top-2{
  margin-top:8px;
}

.margin-top-3{
  margin-top:12px;
}

.margin-top-4{
  margin-top:16px;
}

.margin-top-5{
  margin-top:20px;
}

.margin-top-6{
  margin-top:24px;
}

.margin-top-7{
  margin-top:28px;
}

.margin-top-8{
  margin-top:32px;
}

.margin-top-9{
  margin-top:36px;
}

.margin-top-10{
  margin-top:40px;
}

.margin-bottom-0{
  margin-bottom:0px;
}

.margin-bottom-1{
  margin-bottom:4px;
}

.margin-bottom-2{
  margin-bottom:8px;
}

.margin-bottom-3{
  margin-bottom:12px;
}

.margin-bottom-4{
  margin-bottom:16px;
}

.margin-bottom-5{
  margin-bottom:20px;
}

.margin-bottom-6{
  margin-bottom:24px;
}

.margin-bottom-7{
  margin-bottom:28px;
}

.margin-bottom-8{
  margin-bottom:32px;
}

.margin-bottom-9{
  margin-bottom:36px;
}

.margin-bottom-10{
  margin-bottom:40px;
}

.margin-left-0{
  margin-left:0px;
}

.margin-left-1{
  margin-left:4px;
}

.margin-left-2{
  margin-left:8px;
}

.margin-left-3{
  margin-left:12px;
}

.margin-left-4{
  margin-left:16px;
}

.margin-left-5{
  margin-left:20px;
}

.margin-left-6{
  margin-left:24px;
}

.margin-left-7{
  margin-left:28px;
}

.margin-left-8{
  margin-left:32px;
}

.margin-left-9{
  margin-left:36px;
}

.margin-left-10{
  margin-left:40px;
}

.margin-right-0{
  margin-right:0px;
}

.margin-right-1{
  margin-right:4px;
}

.margin-right-2{
  margin-right:8px;
}

.margin-right-3{
  margin-right:12px;
}

.margin-right-4{
  margin-right:16px;
}

.margin-right-5{
  margin-right:20px;
}

.margin-right-6{
  margin-right:24px;
}

.margin-right-7{
  margin-right:28px;
}

.margin-right-8{
  margin-right:32px;
}

.margin-right-9{
  margin-right:36px;
}

.margin-right-10{
  margin-right:40px;
}

.margin-y-0{
  margin-top:0px;
  margin-bottom:0px;
}

.margin-y-1{
  margin-top:4px;
  margin-bottom:4px;
}

.margin-y-2{
  margin-top:8px;
  margin-bottom:8px;
}

.margin-y-3{
  margin-top:12px;
  margin-bottom:12px;
}

.margin-y-4{
  margin-top:16px;
  margin-bottom:16px;
}

.margin-y-5{
  margin-top:20px;
  margin-bottom:20px;
}

.margin-y-6{
  margin-top:24px;
  margin-bottom:24px;
}

.margin-y-7{
  margin-top:28px;
  margin-bottom:28px;
}

.margin-y-8,
.thematic-break,
hr{
  margin-top:32px;
  margin-bottom:32px;
}

.margin-y-9{
  margin-top:36px;
  margin-bottom:36px;
}

.margin-y-10{
  margin-top:40px;
  margin-bottom:40px;
}

.margin-x-0{
  margin-right:0px;
  margin-left:0px;
}

.margin-x-1{
  margin-right:4px;
  margin-left:4px;
}

.margin-x-2{
  margin-right:8px;
  margin-left:8px;
}

.margin-x-3{
  margin-right:12px;
  margin-left:12px;
}

.margin-x-4{
  margin-right:16px;
  margin-left:16px;
}

.margin-x-5{
  margin-right:20px;
  margin-left:20px;
}

.margin-x-6{
  margin-right:24px;
  margin-left:24px;
}

.margin-x-7{
  margin-right:28px;
  margin-left:28px;
}

.margin-x-8{
  margin-right:32px;
  margin-left:32px;
}

.margin-x-9{
  margin-right:36px;
  margin-left:36px;
}

.margin-x-10{
  margin-right:40px;
  margin-left:40px;
}

.margin-0,
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.p,
p,
span,
.h1-mobile,
.h2-mobile,
.h3-mobile,
.h4-mobile,
span-mobile,
.text,
.text-fineprint{
  margin:0px;
}

.margin-1{
  margin:4px;
}

.margin-2{
  margin:8px;
}

.margin-3{
  margin:12px;
}

.margin-4{
  margin:16px;
}

.margin-5{
  margin:20px;
}

.margin-6{
  margin:24px;
}

.margin-7{
  margin:28px;
}

.margin-8{
  margin:32px;
}

.margin-9{
  margin:36px;
}

.margin-10{
  margin:40px;
}
.padding-0{
  padding:0;
}

.padding-0{
  padding:0px;
}

.padding-1{
  padding:4px;
}

.padding-2{
  padding:8px;
}

.padding-3{
  padding:12px;
}

.padding-4{
  padding:16px;
}

.padding-5{
  padding:20px;
}

.padding-6{
  padding:24px;
}

.padding-7{
  padding:28px;
}

.padding-8{
  padding:32px;
}

.padding-9{
  padding:36px;
}

.padding-10{
  padding:40px;
}

.padding-x-0{
  padding-right:0px;
  padding-left:0px;
}

.padding-x-1{
  padding-right:4px;
  padding-left:4px;
}

.padding-x-2{
  padding-right:8px;
  padding-left:8px;
}

.padding-x-3{
  padding-right:12px;
  padding-left:12px;
}

.padding-x-4{
  padding-right:16px;
  padding-left:16px;
}

.padding-x-5{
  padding-right:20px;
  padding-left:20px;
}

.padding-x-6{
  padding-right:24px;
  padding-left:24px;
}

.padding-x-7{
  padding-right:28px;
  padding-left:28px;
}

.padding-x-8{
  padding-right:32px;
  padding-left:32px;
}

.padding-x-9{
  padding-right:36px;
  padding-left:36px;
}

.padding-x-10{
  padding-right:40px;
  padding-left:40px;
}

.padding-y-0{
  padding-top:0px;
  padding-bottom:0px;
}

.padding-y-1{
  padding-top:4px;
  padding-bottom:4px;
}

.padding-y-2{
  padding-top:8px;
  padding-bottom:8px;
}

.padding-y-3{
  padding-top:12px;
  padding-bottom:12px;
}

.padding-y-4{
  padding-top:16px;
  padding-bottom:16px;
}

.padding-y-5{
  padding-top:20px;
  padding-bottom:20px;
}

.padding-y-6{
  padding-top:24px;
  padding-bottom:24px;
}

.padding-y-7{
  padding-top:28px;
  padding-bottom:28px;
}

.padding-y-8{
  padding-top:32px;
  padding-bottom:32px;
}

.padding-y-9{
  padding-top:36px;
  padding-bottom:36px;
}

.padding-y-10{
  padding-top:40px;
  padding-bottom:40px;
}

.padding-left-0{
  padding-left:0px;
}

.padding-left-1{
  padding-left:4px;
}

.padding-left-2{
  padding-left:8px;
}

.padding-left-3{
  padding-left:12px;
}

.padding-left-4{
  padding-left:16px;
}

.padding-left-5{
  padding-left:20px;
}

.padding-left-6{
  padding-left:24px;
}

.padding-left-7{
  padding-left:28px;
}

.padding-left-8{
  padding-left:32px;
}

.padding-left-9{
  padding-left:36px;
}

.padding-left-10{
  padding-left:40px;
}

.padding-right-0{
  padding-right:0px;
}

.padding-right-1{
  padding-right:4px;
}

.padding-right-2{
  padding-right:8px;
}

.padding-right-3{
  padding-right:12px;
}

.padding-right-4{
  padding-right:16px;
}

.padding-right-5{
  padding-right:20px;
}

.padding-right-6{
  padding-right:24px;
}

.padding-right-7{
  padding-right:28px;
}

.padding-right-8{
  padding-right:32px;
}

.padding-right-9{
  padding-right:36px;
}

.padding-right-10{
  padding-right:40px;
}

.padding-top-0{
  padding-top:0px;
}

.padding-top-1{
  padding-top:4px;
}

.padding-top-2{
  padding-top:8px;
}

.padding-top-3{
  padding-top:12px;
}

.padding-top-4{
  padding-top:16px;
}

.padding-top-5{
  padding-top:20px;
}

.padding-top-6{
  padding-top:24px;
}

.padding-top-7{
  padding-top:28px;
}

.padding-top-8{
  padding-top:32px;
}

.padding-top-9{
  padding-top:36px;
}

.padding-top-10{
  padding-top:40px;
}

.padding-bottom-0{
  padding-bottom:0px;
}

.padding-bottom-1{
  padding-bottom:4px;
}

.padding-bottom-2{
  padding-bottom:8px;
}

.padding-bottom-3{
  padding-bottom:12px;
}

.padding-bottom-4{
  padding-bottom:16px;
}

.padding-bottom-5{
  padding-bottom:20px;
}

.padding-bottom-6{
  padding-bottom:24px;
}

.padding-bottom-7{
  padding-bottom:28px;
}

.padding-bottom-8{
  padding-bottom:32px;
}

.padding-bottom-9{
  padding-bottom:36px;
}

.padding-bottom-10{
  padding-bottom:40px;
}
.color-framboise{
  color:#e6003c;
}

.color-burgundy{
  color:#aa1937;
}

.color-orange{
  color:#faa600;
}

.color-yellow{
  color:#ffc805;
}

.color-error-red{
  color:#cd2026;
}

.color-valid-green{
  color:#00d9a2;
}

.color-warning-yellow{
  color:#ffc805;
}

.color-white{
  color:#fff;
}

.color-gray-100{
  color:#f8f8f8;
}

.color-gray-200{
  color:#e5e5e5;
}

.color-gray-300{
  color:#b2b2b2;
}

.color-gray-400{
  color:#858585;
}

.color-gray-500{
  color:#606060;
}

.color-gray-600{
  color:#333;
}

.color-promo-blue{
  color:#1c9cdf;
}
.bg-framboise{
  background-color:#e6003c;
}

.bg-burgundy{
  background-color:#aa1937;
}

.bg-orange{
  background-color:#faa600;
}

.bg-yellow{
  background-color:#ffc805;
}

.bg-error-red{
  background-color:#cd2026;
}

.bg-valid-green{
  background-color:#00d9a2;
}

.bg-warning-yellow{
  background-color:#ffc805;
}

.bg-white{
  background-color:#fff;
}

.bg-gray-100{
  background-color:#f8f8f8;
}

.bg-gray-200{
  background-color:#e5e5e5;
}

.bg-gray-300{
  background-color:#b2b2b2;
}

.bg-gray-400{
  background-color:#858585;
}

.bg-gray-500{
  background-color:#606060;
}

.bg-gray-600{
  background-color:#333;
}

.bg-promo-blue{
  background-color:#1c9cdf;
}

.bg-fluid-light{
  background-color:linear-gradient(90deg, #aa1937 0%, #e6003c 34.9%, #faa600 85.42%, #ffc805 100%);
}

.bg-fluid-light-diagonal{
  background-color:linear-gradient(105.09deg, #aa1937 8.63%, #e6003c 37.7%, #faa600 81.31%, #ffc805 98.23%);
}

.bg-fluid-light-vertical{
  background-color:linear-gradient(180deg, #aa1937 0%, #e6003c 34.9%, #faa600 85.42%, #ffc805 100%);
}
.thematic-break,
hr{
  border:0;
  border-bottom:1px solid #e5e5e5;
}
.h1,
h1{
  font-size:32px;
  line-height:40px;
  font-weight:bold;
}

@media only screen and (max-width: 320px){
  .h1,
  h1{
    font-size:28px;
    line-height:36px;
  }
}

.h2,
h2{
  font-size:28px;
  line-height:36px;
  font-weight:bold;
}

@media only screen and (max-width: 320px){
  .h2,
  h2{
    font-size:24px;
    line-height:32px;
  }
}

.h3,
h3{
  font-size:24px;
  line-height:32px;
  font-weight:bold;
}

@media only screen and (max-width: 320px){
  .h3,
  h3{
    font-size:20px;
    line-height:28px;
  }
}

.h4,
h4{
  font-size:20px;
  line-height:28px;
  font-weight:bold;
}

@media only screen and (max-width: 320px){
  .h4,
  h4{
    font-size:18px;
    line-height:26px;
  }
}

.p, p, span,
p,
span, p, span{
  font-size:16px;
  line-height:24px;
  font-weight:500;
}

@media only screen and (max-width: 320px){
  .p, p, span,
  p,
  span, p, span{
    font-size:18px;
    line-height:26px;
  }
}
.h1-mobile{
  font-size:28px;
  line-height:36px;
}

.h2-mobile{
  font-size:24px;
  line-height:32px;
}

.h3-mobile{
  font-size:20px;
  line-height:28px;
}

.h4-mobile{
  font-size:18px;
  line-height:26px;
}

.p, span-mobile,
p,
span, span-mobile{
  font-size:18px;
  line-height:26px;
}
.font-w-medium{
  font-weight:500;
}

.font-w-bold,
.bold{
  font-weight:bold;
}

.font-s-sm{
  font-size:12px;
}

.font-s-xsm{
  font-size:14px;
}

.font-s-default{
  font-size:16px;
}

.font-s-xdefault{
  font-size:18px;
}

.font-s-md{
  font-size:20px;
}

.font-s-xmd{
  font-size:24px;
}

.font-s-xxmd{
  font-size:28px;
}

.font-s-lg{
  font-size:32px;
}

.font-s-xlg{
  font-size:36px;
}

.font-s-xxlg{
  font-size:48px;
}

.line-height-sm{
  line-height:20px;
}

.line-height-xsm{
  line-height:22px;
}

.line-height-default{
  line-height:24px;
}

.line-height-xdefault{
  line-height:26px;
}

.line-height-md{
  line-height:28px;
}

.line-height-xmd{
  line-height:32px;
}

.line-height-xxmd{
  line-height:36px;
}

.line-height-lg{
  line-height:40px;
}

.line-height-xlg{
  line-height:44px;
}

.line-height-xxlg{
  line-height:56px;
}
.hyphenate,
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.p,
span,
p,
.h1-mobile,
.h2-mobile,
.h3-mobile,
.h4-mobile,
span-mobile,
.text,
.text-fineprint{
  overflow-wrap:break-word;
  word-wrap:break-word;
  -webkit-hyphens:auto;
  -ms-hyphens:auto;
  hyphens:auto;
}

.ellipsis{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.text,
p{
  font-size:16px;
  line-height:24px;
}

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

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

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

.text-gradient{
  display:inline-block;
  background:linear-gradient(90deg, #aa1937 0%, #e6003c 34.9%, #faa600 85.42%, #ffc805 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.text-fineprint{
  font-size:12px;
  line-height:20px;
}

.text--large{
  font-size:18px;
  line-height:24px;
}

@media only screen and (max-width: 320px){
  .text--large{
    font-size:16px;
  }
}

.text--small{
  font-size:14px;
  line-height:20px;
}

.display{
  font-size:48px;
  font-weight:bold;
  line-height:56px;
}

@media only screen and (max-width: 320px){
  .display{
    font-size:36px;
    line-height:44px;
  }
}

.display-mobile{
  font-weight:bold;
  font-size:36px;
  line-height:44px;
}
.border-none{
  border:none;
}

.border-framboise{
  border:1px solid;
  border-color:#e6003c;
}

.border-burgundy{
  border:1px solid;
  border-color:#aa1937;
}

.border-orange{
  border:1px solid;
  border-color:#faa600;
}

.border-yellow{
  border:1px solid;
  border-color:#ffc805;
}

.border-error-red{
  border:1px solid;
  border-color:#cd2026;
}

.border-valid-green{
  border:1px solid;
  border-color:#00d9a2;
}

.border-warning-yellow{
  border:1px solid;
  border-color:#ffc805;
}

.border-white{
  border:1px solid;
  border-color:#fff;
}

.border-gray-100{
  border:1px solid;
  border-color:#f8f8f8;
}

.border-gray-200{
  border:1px solid;
  border-color:#e5e5e5;
}

.border-gray-300{
  border:1px solid;
  border-color:#b2b2b2;
}

.border-gray-400{
  border:1px solid;
  border-color:#858585;
}

.border-gray-500{
  border:1px solid;
  border-color:#606060;
}

.border-gray-600{
  border:1px solid;
  border-color:#333;
}

.border-promo-blue{
  border:1px solid;
  border-color:#1c9cdf;
}

.border-r-default{
  border-radius:4px;
}

.border-r-card{
  border-radius:8px;
}

.border-r-full{
  border-radius:9999px;
}
.shadow-default{
  box-shadow:0 2px 4px rgba(87, 84, 82, 0.2);
}

.shadow-hover{
  box-shadow:0 4px 12px rgba(87, 84, 82, 0.2);
}

.shadow-elevated{
  box-shadow:0 20px 30px -8px rgba(87, 84, 82, 0.4);
}

.cursor-pointer,
.state--default,
.state--hover,
.state--focus,
.state--active,
.state--inactive,
.state--disabled{
  cursor:pointer;
}
.flex{
  display:flex;
}

.flex-x-center{
  justify-content:center;
}

.flex-y-center{
  align-items:center;
}

.reset-button{
  text-decoration:none;
  background:none;
  border:none;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  margin:0;
  padding:0;
  width:auto;
  overflow:visible;
  color:inherit;
  font:inherit;
  line-height:1.2;
  cursor:pointer;
}

.disabled,
.state--default::before,
.state--default::after,
.state--hover::before,
.state--hover::after,
.state--focus::before,
.state--focus::after,
.state--active::before,
.state--active::after,
.state--active,
.state--inactive::before,
.state--inactive::after,
.state--inactive,
.state--disabled::before,
.state--disabled::after,
.state--disabled{
  pointer-events:none;
  cursor:initial;
}

.state--default{
  background:transparent;
  border:0;
  position:relative;
  z-index:1;
  border-radius:8px;
  box-shadow:0 2px 4px rgba(87, 84, 82, 0.2);
  transition:z-index 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.state--default::before, .state--default::after{
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  padding:0;
  content:'';
  display:block;
  position:absolute;
  top:50%;
  bottom:0;
  left:50%;
  right:0;
  height:100%;
  width:100%;
  border-radius:8px;
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
}

.state--default::before{
  z-index:-2;
  box-sizing:content-box;
  background-clip:border-box;
  background-image:linear-gradient(105.09deg, #aa1937 8.63%, #e6003c 37.7%, #faa600 81.31%, #ffc805 98.23%);
  background-repeat:no-repeat;
  background-origin:center;
  opacity:0;
  transition:padding 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.state--default::after{
  z-index:-1;
  background-clip:content-box;
  background-color:#fff;
  transition:padding 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}

.state--default:hover, .state--default:active{
  box-shadow:0 4px 12px rgba(87, 84, 82, 0.2);
}

.state--default:hover::before, .state--default:active::before{
  opacity:1;
}

.state--default:hover::after, .state--default:active::after{
  padding:4px;
}

.state--default:focus{
  outline:none;
  box-shadow:none;
}

.state--default:focus:hover{
  box-shadow:none;
}

.state--default:focus::before{
  opacity:1;
}

.state--default:focus::after, .state--default:focus:hover::after{
  padding:calc(4px / 2);
}

.state--hover{
  background:transparent;
  border:0;
  position:relative;
  z-index:1;
  border-radius:8px;
  box-shadow:0 2px 4px rgba(87, 84, 82, 0.2);
  transition:z-index 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  box-shadow:0 4px 12px rgba(87, 84, 82, 0.2);
}

.state--hover::before, .state--hover::after{
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  padding:0;
  content:'';
  display:block;
  position:absolute;
  top:50%;
  bottom:0;
  left:50%;
  right:0;
  height:100%;
  width:100%;
  border-radius:8px;
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
}

.state--hover::before{
  z-index:-2;
  box-sizing:content-box;
  background-clip:border-box;
  background-image:linear-gradient(105.09deg, #aa1937 8.63%, #e6003c 37.7%, #faa600 81.31%, #ffc805 98.23%);
  background-repeat:no-repeat;
  background-origin:center;
  opacity:0;
  transition:padding 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.state--hover::after{
  z-index:-1;
  background-clip:content-box;
  background-color:#fff;
  transition:padding 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}

.state--hover:hover, .state--hover:active{
  box-shadow:0 4px 12px rgba(87, 84, 82, 0.2);
}

.state--hover:hover::before, .state--hover:active::before{
  opacity:1;
}

.state--hover:hover::after, .state--hover:active::after{
  padding:4px;
}

.state--hover:focus{
  outline:none;
  box-shadow:none;
}

.state--hover:focus:hover{
  box-shadow:none;
}

.state--hover:focus::before{
  opacity:1;
}

.state--hover:focus::after, .state--hover:focus:hover::after{
  padding:calc(4px / 2);
}

.state--hover::before{
  opacity:1;
}

.state--hover::after{
  padding:4px;
}

.state--focus{
  background:transparent;
  border:0;
  position:relative;
  z-index:1;
  border-radius:8px;
  box-shadow:0 2px 4px rgba(87, 84, 82, 0.2);
  transition:z-index 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  outline:none;
  box-shadow:none;
}

.state--focus::before, .state--focus::after{
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  padding:0;
  content:'';
  display:block;
  position:absolute;
  top:50%;
  bottom:0;
  left:50%;
  right:0;
  height:100%;
  width:100%;
  border-radius:8px;
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
}

.state--focus::before{
  z-index:-2;
  box-sizing:content-box;
  background-clip:border-box;
  background-image:linear-gradient(105.09deg, #aa1937 8.63%, #e6003c 37.7%, #faa600 81.31%, #ffc805 98.23%);
  background-repeat:no-repeat;
  background-origin:center;
  opacity:0;
  transition:padding 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.state--focus::after{
  z-index:-1;
  background-clip:content-box;
  background-color:#fff;
  transition:padding 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}

.state--focus:hover, .state--focus:active{
  box-shadow:0 4px 12px rgba(87, 84, 82, 0.2);
}

.state--focus:hover::before, .state--focus:active::before{
  opacity:1;
}

.state--focus:hover::after, .state--focus:active::after{
  padding:4px;
}

.state--focus:focus{
  outline:none;
  box-shadow:none;
}

.state--focus:focus:hover{
  box-shadow:none;
}

.state--focus:focus::before{
  opacity:1;
}

.state--focus:focus::after, .state--focus:focus:hover::after{
  padding:calc(4px / 2);
}

.state--focus:hover{
  box-shadow:none;
}

.state--focus::before{
  opacity:1;
}

.state--focus::after, .state--focus:hover::after{
  padding:calc(4px / 2);
}

.state--active{
  background:transparent;
  border:0;
  position:relative;
  z-index:1;
  border-radius:8px;
  box-shadow:0 2px 4px rgba(87, 84, 82, 0.2);
  transition:z-index 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  z-index:2;
  box-shadow:none;
}

.state--active::before, .state--active::after{
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  padding:0;
  content:'';
  display:block;
  position:absolute;
  top:50%;
  bottom:0;
  left:50%;
  right:0;
  height:100%;
  width:100%;
  border-radius:8px;
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
}

.state--active::before{
  z-index:-2;
  box-sizing:content-box;
  background-clip:border-box;
  background-image:linear-gradient(105.09deg, #aa1937 8.63%, #e6003c 37.7%, #faa600 81.31%, #ffc805 98.23%);
  background-repeat:no-repeat;
  background-origin:center;
  opacity:0;
  transition:padding 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.state--active::after{
  z-index:-1;
  background-clip:content-box;
  background-color:#fff;
  transition:padding 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}

.state--active:hover, .state--active:active{
  box-shadow:0 4px 12px rgba(87, 84, 82, 0.2);
}

.state--active:hover::before, .state--active:active::before{
  opacity:1;
}

.state--active:hover::after, .state--active:active::after{
  padding:4px;
}

.state--active:focus{
  outline:none;
  box-shadow:none;
}

.state--active:focus:hover{
  box-shadow:none;
}

.state--active:focus::before{
  opacity:1;
}

.state--active:focus::after, .state--active:focus:hover::after{
  padding:calc(4px / 2);
}

.state--active::before{
  opacity:1;
}

.state--active::before, .state--active:focus::before{
  padding:4px;
}

.state--active::after{
  border-radius:4px;
}

.state--active:hover::after{
  border-radius:8px;
}

.state--inactive{
  background:transparent;
  border:0;
  position:relative;
  z-index:1;
  border-radius:8px;
  box-shadow:0 2px 4px rgba(87, 84, 82, 0.2);
  transition:z-index 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  z-index:1;
  box-shadow:none;
}

.state--inactive::before, .state--inactive::after{
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  padding:0;
  content:'';
  display:block;
  position:absolute;
  top:50%;
  bottom:0;
  left:50%;
  right:0;
  height:100%;
  width:100%;
  border-radius:8px;
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
}

.state--inactive::before{
  z-index:-2;
  box-sizing:content-box;
  background-clip:border-box;
  background-image:linear-gradient(105.09deg, #aa1937 8.63%, #e6003c 37.7%, #faa600 81.31%, #ffc805 98.23%);
  background-repeat:no-repeat;
  background-origin:center;
  opacity:0;
  transition:padding 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.state--inactive::after{
  z-index:-1;
  background-clip:content-box;
  background-color:#fff;
  transition:padding 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}

.state--inactive:hover, .state--inactive:active{
  box-shadow:0 4px 12px rgba(87, 84, 82, 0.2);
}

.state--inactive:hover::before, .state--inactive:active::before{
  opacity:1;
}

.state--inactive:hover::after, .state--inactive:active::after{
  padding:4px;
}

.state--inactive:focus{
  outline:none;
  box-shadow:none;
}

.state--inactive:focus:hover{
  box-shadow:none;
}

.state--inactive:focus::before{
  opacity:1;
}

.state--inactive:focus::after, .state--inactive:focus:hover::after{
  padding:calc(4px / 2);
}

.state--inactive::before{
  opacity:1;
}

.state--inactive::before, .state--inactive:focus::before{
  background-color:#b2b2b2;
  background-image:none;
}

.state--inactive::after{
  padding:1px;
}

.state--disabled{
  background:transparent;
  border:0;
  position:relative;
  z-index:1;
  border-radius:8px;
  box-shadow:0 2px 4px rgba(87, 84, 82, 0.2);
  transition:z-index 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  z-index:1;
  box-shadow:none;
}

.state--disabled::before, .state--disabled::after{
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  padding:0;
  content:'';
  display:block;
  position:absolute;
  top:50%;
  bottom:0;
  left:50%;
  right:0;
  height:100%;
  width:100%;
  border-radius:8px;
  -webkit-transform-origin:center;
          transform-origin:center;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
}

.state--disabled::before{
  z-index:-2;
  box-sizing:content-box;
  background-clip:border-box;
  background-image:linear-gradient(105.09deg, #aa1937 8.63%, #e6003c 37.7%, #faa600 81.31%, #ffc805 98.23%);
  background-repeat:no-repeat;
  background-origin:center;
  opacity:0;
  transition:padding 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.state--disabled::after{
  z-index:-1;
  background-clip:content-box;
  background-color:#fff;
  transition:padding 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}

.state--disabled:hover, .state--disabled:active{
  box-shadow:0 4px 12px rgba(87, 84, 82, 0.2);
}

.state--disabled:hover::before, .state--disabled:active::before{
  opacity:1;
}

.state--disabled:hover::after, .state--disabled:active::after{
  padding:4px;
}

.state--disabled:focus{
  outline:none;
  box-shadow:none;
}

.state--disabled:focus:hover{
  box-shadow:none;
}

.state--disabled:focus::before{
  opacity:1;
}

.state--disabled:focus::after, .state--disabled:focus:hover::after{
  padding:calc(4px / 2);
}

.state--disabled::before{
  opacity:1;
}

.state--disabled::before, .state--disabled:focus::before{
  background-color:#b2b2b2;
  background-image:none;
}

.state--disabled::after{
  padding:1px;
}

.state--disabled::before, .state--disabled:focus::before{
  background-color:#e5e5e5;
}

.state--disabled > *{
  color:#b2b2b2;
  opacity:0.3;
  transition:opacity 0.3s ease-in-out;
}
/*# sourceMappingURL=styles.css.map */