@mozaic-ds/vue-3
Version:
Vue.js implementation of Mozaic Design System
17,750 lines • 509 kB
CSS
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-accordion[data-v-77efc550] {
border-bottom: 1px solid #666666;
font-family: "Roboto", sans-serif;
font-weight: 400;
}
.mc-accordion .mc-accordion__icon[data-v-77efc550] {
height: 2rem;
width: 2rem;
}
.mc-accordion .mc-accordion__label[data-v-77efc550] {
font-size: 1.125rem;
line-height: 1.3333333333;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 fill=%27%23191919%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z%27/%3E%3C/svg%3E");
background-size: 1.5rem;
padding-top: 1.25rem;
padding-right: 3rem;
padding-bottom: 1.25rem;
}
.mc-accordion .mc-accordion__title[data-v-77efc550] {
font-size: 1.125rem;
line-height: 1.3333333333;
}
.mc-accordion button.mc-accordion__trigger[data-v-77efc550] {
padding-top: 1.25rem;
padding-right: 3rem;
padding-bottom: 1.25rem;
}
.mc-accordion button.mc-accordion__trigger[data-v-77efc550]::before {
content: "";
position: absolute;
top: calc(50% - 0.75rem);
right: 0.5rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 fill=%27%23191919%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z%27/%3E%3C/svg%3E");
background-size: 1.5rem;
width: 1.5rem;
height: 1.5rem;
}
.mc-accordion button.mc-accordion__trigger[data-v-77efc550]:disabled::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 fill=%27%23666666%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M19.09,11h-6V5a1,1,0,0,0-2,0v6h-6a1,1,0,0,0,0,2h6v6a1,1,0,0,0,2,0V13h6a1,1,0,0,0,0-2Z%27/%3E%3C/svg%3E");
}
.mc-accordion.is-open > .mc-accordion__header button.mc-accordion__trigger[data-v-77efc550]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 fill=%27%23191919%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z%27/%3E%3C/svg%3E");
}
.mc-accordion.is-open > .mc-accordion__header button.mc-accordion__trigger[data-v-77efc550]:disabled::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 fill=%27%23666666%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M17.09,13h-10a1,1,0,0,1,0-2h10a1,1,0,0,1,0,2Z%27/%3E%3C/svg%3E");
}
.mc-accordion__header[data-v-77efc550] {
padding-left: 0.5rem;
position: relative;
}
.mc-accordion__header[data-v-77efc550]:hover {
background-color: #e6e6e6;
}
.mc-accordion__header[data-v-77efc550],
.mc-accordion button.mc-accordion__trigger[data-v-77efc550] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.5rem;
}
.mc-accordion__title[data-v-77efc550] {
font-weight: 700;
color: #191919;
width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.mc-accordion button.mc-accordion__trigger[data-v-77efc550] {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
border: none;
cursor: pointer;
background-color: transparent;
color: currentColor;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
padding-left: 0;
text-align: left;
width: 100%;
}
.mc-accordion button.mc-accordion__trigger[data-v-77efc550]::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
top: -0.125rem;
right: -0.125rem;
bottom: -3px;
left: -0.125rem;
}
.mc-accordion button.mc-accordion__trigger[data-v-77efc550]:focus::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
-webkit-box-shadow: 0 0 0 0.125rem #758992;
box-shadow: 0 0 0 0.125rem #758992;
}
.mc-accordion button.mc-accordion__trigger[data-v-77efc550]:disabled {
background-color: #e6e6e6;
color: #666666;
cursor: not-allowed;
}
.mc-accordion__icon[data-v-77efc550] {
fill: #808080;
}
.mc-accordion__content[data-v-77efc550] {
font-size: 1rem;
line-height: 1.375;
color: #333333;
height: auto;
max-height: 0;
overflow: hidden;
padding-right: 0.5rem;
padding-left: 0.5rem;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
visibility: hidden;
}
.mc-accordion.is-open > .mc-accordion__content[data-v-77efc550] {
max-height: 10000vh;
padding-top: 0.5rem;
padding-bottom: calc(1.5rem - 1px);
visibility: visible;
}
.mc-accordion.is-disabled > .mc-accordion__header[data-v-77efc550] {
background-color: #e6e6e6;
}
.mc-accordion.is-disabled > .mc-accordion__content[data-v-77efc550] {
color: #666666;
cursor: not-allowed;
}
.mc-accordion--no-padding .mc-accordion__header[data-v-77efc550] {
padding-left: 0;
}
.mc-accordion--no-padding .mc-accordion__content[data-v-77efc550] {
padding-left: 0;
padding-right: 0;
}
.mc-accordion--no-padding button.mc-accordion__trigger[data-v-77efc550]::before {
right: 0;
}
.mc-accordion--s .mc-accordion__icon[data-v-77efc550] {
height: 1.5rem;
width: 1.5rem;
}
.mc-accordion--s .mc-accordion__label[data-v-77efc550] {
font-size: 1rem;
line-height: 1.375;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23191919%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z%27/%3E%3C/svg%3E");
background-size: 1rem;
padding-top: 1rem;
padding-right: 2.5rem;
padding-bottom: 1rem;
}
.mc-accordion--s .mc-accordion__title[data-v-77efc550] {
font-size: 1rem;
line-height: 1.375;
}
.mc-accordion--s button.mc-accordion__trigger[data-v-77efc550] {
padding-top: 1rem;
padding-right: 2.5rem;
padding-bottom: 1rem;
}
.mc-accordion--s button.mc-accordion__trigger[data-v-77efc550]::before {
content: "";
position: absolute;
top: calc(50% - 0.5rem);
right: 0.5rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23191919%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z%27/%3E%3C/svg%3E");
background-size: 1rem;
width: 1rem;
height: 1rem;
}
.mc-accordion--s button.mc-accordion__trigger[data-v-77efc550]:disabled::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23666666%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M13 7H9V3a1 1 0 00-2 0v4H3a1 1 0 000 2h4v4a1 1 0 002 0V9h4a1 1 0 000-2z%27/%3E%3C/svg%3E");
}
.mc-accordion--s.is-open > .mc-accordion__header button.mc-accordion__trigger[data-v-77efc550]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23191919%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12 9H4a1 1 0 010-2h8a1 1 0 010 2z%27/%3E%3C/svg%3E");
}
.mc-accordion--s.is-open > .mc-accordion__header button.mc-accordion__trigger[data-v-77efc550]:disabled::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23666666%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12 9H4a1 1 0 010-2h8a1 1 0 010 2z%27/%3E%3C/svg%3E");
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.ml-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
width: 100%;
}
@media screen and (min-width: 680px) {
.ml-container {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1024px) {
.ml-container {
padding-right: 3rem;
padding-left: 3rem;
max-width: 64rem;
}
}
@media screen and (min-width: 1280px) {
.ml-container {
padding-right: 2rem;
padding-left: 2rem;
max-width: 80rem;
}
}
@media screen and (min-width: 1920px) {
.ml-container {
padding-right: 2.5rem;
padding-left: 2.5rem;
max-width: 120rem;
}
}
.ml-container--fluid {
max-width: none;
}
@media screen and (min-width: 680px) {
.ml-container--fluid\@from-m {
max-width: none;
}
}
@media screen and (min-width: 1024px) {
.ml-container--fluid\@from-l {
max-width: none;
}
}
@media screen and (min-width: 1280px) {
.ml-container--fluid\@from-xl {
max-width: none;
}
}
@media screen and (min-width: 1920px) {
.ml-container--fluid\@from-xxl {
max-width: none;
}
}
.mu-mt-025 {
margin-top: 0.25rem !important;
}
.mu-mt-050 {
margin-top: 0.5rem !important;
}
.mu-mt-075 {
margin-top: 0.75rem !important;
}
.mu-mt-100 {
margin-top: 1rem !important;
}
.mu-mt-125 {
margin-top: 1.25rem !important;
}
.mu-mt-150 {
margin-top: 1.5rem !important;
}
.mu-mt-200 {
margin-top: 2rem !important;
}
.mu-mt-250 {
margin-top: 2.5rem !important;
}
.mu-mt-300 {
margin-top: 3rem !important;
}
.mu-mt-350 {
margin-top: 3.5rem !important;
}
.mu-mt-400 {
margin-top: 4rem !important;
}
.mu-mt-500 {
margin-top: 5rem !important;
}
.mu-mt-600 {
margin-top: 6rem !important;
}
.mu-mt-700 {
margin-top: 7rem !important;
}
.mu-mt-800 {
margin-top: 8rem !important;
}
.mu-mt-900 {
margin-top: 9rem !important;
}
.mu-mt-1000 {
margin-top: 10rem !important;
}
.mu-mr-025 {
margin-right: 0.25rem !important;
}
.mu-mr-050 {
margin-right: 0.5rem !important;
}
.mu-mr-075 {
margin-right: 0.75rem !important;
}
.mu-mr-100 {
margin-right: 1rem !important;
}
.mu-mr-125 {
margin-right: 1.25rem !important;
}
.mu-mr-150 {
margin-right: 1.5rem !important;
}
.mu-mr-200 {
margin-right: 2rem !important;
}
.mu-mr-250 {
margin-right: 2.5rem !important;
}
.mu-mr-300 {
margin-right: 3rem !important;
}
.mu-mr-350 {
margin-right: 3.5rem !important;
}
.mu-mr-400 {
margin-right: 4rem !important;
}
.mu-mr-500 {
margin-right: 5rem !important;
}
.mu-mr-600 {
margin-right: 6rem !important;
}
.mu-mr-700 {
margin-right: 7rem !important;
}
.mu-mr-800 {
margin-right: 8rem !important;
}
.mu-mr-900 {
margin-right: 9rem !important;
}
.mu-mr-1000 {
margin-right: 10rem !important;
}
.mu-ml-025 {
margin-left: 0.25rem !important;
}
.mu-ml-050 {
margin-left: 0.5rem !important;
}
.mu-ml-075 {
margin-left: 0.75rem !important;
}
.mu-ml-100 {
margin-left: 1rem !important;
}
.mu-ml-125 {
margin-left: 1.25rem !important;
}
.mu-ml-150 {
margin-left: 1.5rem !important;
}
.mu-ml-200 {
margin-left: 2rem !important;
}
.mu-ml-250 {
margin-left: 2.5rem !important;
}
.mu-ml-300 {
margin-left: 3rem !important;
}
.mu-ml-350 {
margin-left: 3.5rem !important;
}
.mu-ml-400 {
margin-left: 4rem !important;
}
.mu-ml-500 {
margin-left: 5rem !important;
}
.mu-ml-600 {
margin-left: 6rem !important;
}
.mu-ml-700 {
margin-left: 7rem !important;
}
.mu-ml-800 {
margin-left: 8rem !important;
}
.mu-ml-900 {
margin-left: 9rem !important;
}
.mu-ml-1000 {
margin-left: 10rem !important;
}
.mu-mb-025 {
margin-bottom: 0.25rem !important;
}
.mu-mb-050 {
margin-bottom: 0.5rem !important;
}
.mu-mb-075 {
margin-bottom: 0.75rem !important;
}
.mu-mb-100 {
margin-bottom: 1rem !important;
}
.mu-mb-125 {
margin-bottom: 1.25rem !important;
}
.mu-mb-150 {
margin-bottom: 1.5rem !important;
}
.mu-mb-200 {
margin-bottom: 2rem !important;
}
.mu-mb-250 {
margin-bottom: 2.5rem !important;
}
.mu-mb-300 {
margin-bottom: 3rem !important;
}
.mu-mb-350 {
margin-bottom: 3.5rem !important;
}
.mu-mb-400 {
margin-bottom: 4rem !important;
}
.mu-mb-500 {
margin-bottom: 5rem !important;
}
.mu-mb-600 {
margin-bottom: 6rem !important;
}
.mu-mb-700 {
margin-bottom: 7rem !important;
}
.mu-mb-800 {
margin-bottom: 8rem !important;
}
.mu-mb-900 {
margin-bottom: 9rem !important;
}
.mu-mb-1000 {
margin-bottom: 10rem !important;
}
.mu-m-025 {
margin: 0.25rem !important;
}
.mu-m-050 {
margin: 0.5rem !important;
}
.mu-m-075 {
margin: 0.75rem !important;
}
.mu-m-100 {
margin: 1rem !important;
}
.mu-m-125 {
margin: 1.25rem !important;
}
.mu-m-150 {
margin: 1.5rem !important;
}
.mu-m-200 {
margin: 2rem !important;
}
.mu-m-250 {
margin: 2.5rem !important;
}
.mu-m-300 {
margin: 3rem !important;
}
.mu-m-350 {
margin: 3.5rem !important;
}
.mu-m-400 {
margin: 4rem !important;
}
.mu-m-500 {
margin: 5rem !important;
}
.mu-m-600 {
margin: 6rem !important;
}
.mu-m-700 {
margin: 7rem !important;
}
.mu-m-800 {
margin: 8rem !important;
}
.mu-m-900 {
margin: 9rem !important;
}
.mu-m-1000 {
margin: 10rem !important;
}
.mu-mv-025 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.mu-mv-050 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.mu-mv-075 {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.mu-mv-100 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.mu-mv-125 {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.mu-mv-150 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.mu-mv-200 {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.mu-mv-250 {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.mu-mv-300 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.mu-mv-350 {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important;
}
.mu-mv-400 {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.mu-mv-500 {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.mu-mv-600 {
margin-top: 6rem !important;
margin-bottom: 6rem !important;
}
.mu-mv-700 {
margin-top: 7rem !important;
margin-bottom: 7rem !important;
}
.mu-mv-800 {
margin-top: 8rem !important;
margin-bottom: 8rem !important;
}
.mu-mv-900 {
margin-top: 9rem !important;
margin-bottom: 9rem !important;
}
.mu-mv-1000 {
margin-top: 10rem !important;
margin-bottom: 10rem !important;
}
.mu-mh-025 {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important;
}
.mu-mh-050 {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.mu-mh-075 {
margin-left: 0.75rem !important;
margin-right: 0.75rem !important;
}
.mu-mh-100 {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.mu-mh-125 {
margin-left: 1.25rem !important;
margin-right: 1.25rem !important;
}
.mu-mh-150 {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.mu-mh-200 {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.mu-mh-250 {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important;
}
.mu-mh-300 {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.mu-mh-350 {
margin-left: 3.5rem !important;
margin-right: 3.5rem !important;
}
.mu-mh-400 {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.mu-mh-500 {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
.mu-mh-600 {
margin-left: 6rem !important;
margin-right: 6rem !important;
}
.mu-mh-700 {
margin-left: 7rem !important;
margin-right: 7rem !important;
}
.mu-mh-800 {
margin-left: 8rem !important;
margin-right: 8rem !important;
}
.mu-mh-900 {
margin-left: 9rem !important;
margin-right: 9rem !important;
}
.mu-mh-1000 {
margin-left: 10rem !important;
margin-right: 10rem !important;
}
.mu-pt-025 {
padding-top: 0.25rem !important;
}
.mu-pt-050 {
padding-top: 0.5rem !important;
}
.mu-pt-075 {
padding-top: 0.75rem !important;
}
.mu-pt-100 {
padding-top: 1rem !important;
}
.mu-pt-125 {
padding-top: 1.25rem !important;
}
.mu-pt-150 {
padding-top: 1.5rem !important;
}
.mu-pt-200 {
padding-top: 2rem !important;
}
.mu-pt-250 {
padding-top: 2.5rem !important;
}
.mu-pt-300 {
padding-top: 3rem !important;
}
.mu-pt-350 {
padding-top: 3.5rem !important;
}
.mu-pt-400 {
padding-top: 4rem !important;
}
.mu-pt-500 {
padding-top: 5rem !important;
}
.mu-pt-600 {
padding-top: 6rem !important;
}
.mu-pt-700 {
padding-top: 7rem !important;
}
.mu-pt-800 {
padding-top: 8rem !important;
}
.mu-pt-900 {
padding-top: 9rem !important;
}
.mu-pt-1000 {
padding-top: 10rem !important;
}
.mu-pr-025 {
padding-right: 0.25rem !important;
}
.mu-pr-050 {
padding-right: 0.5rem !important;
}
.mu-pr-075 {
padding-right: 0.75rem !important;
}
.mu-pr-100 {
padding-right: 1rem !important;
}
.mu-pr-125 {
padding-right: 1.25rem !important;
}
.mu-pr-150 {
padding-right: 1.5rem !important;
}
.mu-pr-200 {
padding-right: 2rem !important;
}
.mu-pr-250 {
padding-right: 2.5rem !important;
}
.mu-pr-300 {
padding-right: 3rem !important;
}
.mu-pr-350 {
padding-right: 3.5rem !important;
}
.mu-pr-400 {
padding-right: 4rem !important;
}
.mu-pr-500 {
padding-right: 5rem !important;
}
.mu-pr-600 {
padding-right: 6rem !important;
}
.mu-pr-700 {
padding-right: 7rem !important;
}
.mu-pr-800 {
padding-right: 8rem !important;
}
.mu-pr-900 {
padding-right: 9rem !important;
}
.mu-pr-1000 {
padding-right: 10rem !important;
}
.mu-pl-025 {
padding-left: 0.25rem !important;
}
.mu-pl-050 {
padding-left: 0.5rem !important;
}
.mu-pl-075 {
padding-left: 0.75rem !important;
}
.mu-pl-100 {
padding-left: 1rem !important;
}
.mu-pl-125 {
padding-left: 1.25rem !important;
}
.mu-pl-150 {
padding-left: 1.5rem !important;
}
.mu-pl-200 {
padding-left: 2rem !important;
}
.mu-pl-250 {
padding-left: 2.5rem !important;
}
.mu-pl-300 {
padding-left: 3rem !important;
}
.mu-pl-350 {
padding-left: 3.5rem !important;
}
.mu-pl-400 {
padding-left: 4rem !important;
}
.mu-pl-500 {
padding-left: 5rem !important;
}
.mu-pl-600 {
padding-left: 6rem !important;
}
.mu-pl-700 {
padding-left: 7rem !important;
}
.mu-pl-800 {
padding-left: 8rem !important;
}
.mu-pl-900 {
padding-left: 9rem !important;
}
.mu-pl-1000 {
padding-left: 10rem !important;
}
.mu-pb-025 {
padding-bottom: 0.25rem !important;
}
.mu-pb-050 {
padding-bottom: 0.5rem !important;
}
.mu-pb-075 {
padding-bottom: 0.75rem !important;
}
.mu-pb-100 {
padding-bottom: 1rem !important;
}
.mu-pb-125 {
padding-bottom: 1.25rem !important;
}
.mu-pb-150 {
padding-bottom: 1.5rem !important;
}
.mu-pb-200 {
padding-bottom: 2rem !important;
}
.mu-pb-250 {
padding-bottom: 2.5rem !important;
}
.mu-pb-300 {
padding-bottom: 3rem !important;
}
.mu-pb-350 {
padding-bottom: 3.5rem !important;
}
.mu-pb-400 {
padding-bottom: 4rem !important;
}
.mu-pb-500 {
padding-bottom: 5rem !important;
}
.mu-pb-600 {
padding-bottom: 6rem !important;
}
.mu-pb-700 {
padding-bottom: 7rem !important;
}
.mu-pb-800 {
padding-bottom: 8rem !important;
}
.mu-pb-900 {
padding-bottom: 9rem !important;
}
.mu-pb-1000 {
padding-bottom: 10rem !important;
}
.mu-p-025 {
padding: 0.25rem !important;
}
.mu-p-050 {
padding: 0.5rem !important;
}
.mu-p-075 {
padding: 0.75rem !important;
}
.mu-p-100 {
padding: 1rem !important;
}
.mu-p-125 {
padding: 1.25rem !important;
}
.mu-p-150 {
padding: 1.5rem !important;
}
.mu-p-200 {
padding: 2rem !important;
}
.mu-p-250 {
padding: 2.5rem !important;
}
.mu-p-300 {
padding: 3rem !important;
}
.mu-p-350 {
padding: 3.5rem !important;
}
.mu-p-400 {
padding: 4rem !important;
}
.mu-p-500 {
padding: 5rem !important;
}
.mu-p-600 {
padding: 6rem !important;
}
.mu-p-700 {
padding: 7rem !important;
}
.mu-p-800 {
padding: 8rem !important;
}
.mu-p-900 {
padding: 9rem !important;
}
.mu-p-1000 {
padding: 10rem !important;
}
.mu-pv-025 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.mu-pv-050 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.mu-pv-075 {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.mu-pv-100 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.mu-pv-125 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.mu-pv-150 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.mu-pv-200 {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.mu-pv-250 {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.mu-pv-300 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.mu-pv-350 {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important;
}
.mu-pv-400 {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.mu-pv-500 {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.mu-pv-600 {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.mu-pv-700 {
padding-top: 7rem !important;
padding-bottom: 7rem !important;
}
.mu-pv-800 {
padding-top: 8rem !important;
padding-bottom: 8rem !important;
}
.mu-pv-900 {
padding-top: 9rem !important;
padding-bottom: 9rem !important;
}
.mu-pv-1000 {
padding-top: 10rem !important;
padding-bottom: 10rem !important;
}
.mu-ph-025 {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.mu-ph-050 {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.mu-ph-075 {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.mu-ph-100 {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.mu-ph-125 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
.mu-ph-150 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.mu-ph-200 {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.mu-ph-250 {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.mu-ph-300 {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.mu-ph-350 {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important;
}
.mu-ph-400 {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.mu-ph-500 {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.mu-ph-600 {
padding-left: 6rem !important;
padding-right: 6rem !important;
}
.mu-ph-700 {
padding-left: 7rem !important;
padding-right: 7rem !important;
}
.mu-ph-800 {
padding-left: 8rem !important;
padding-right: 8rem !important;
}
.mu-ph-900 {
padding-left: 9rem !important;
padding-right: 9rem !important;
}
.mu-ph-1000 {
padding-left: 10rem !important;
padding-right: 10rem !important;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-bottom-bar[data-v-1f868cb2] {
-webkit-box-shadow: 0px 1px 5px 0px rgba(25, 25, 25, 0.2);
box-shadow: 0px 1px 5px 0px rgba(25, 25, 25, 0.2);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 4rem;
}
.mc-bottom-bar--fixed[data-v-1f868cb2] {
bottom: 0;
left: 0;
position: fixed;
right: 0;
width: 100%;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-button[data-v-230cc4fe] {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
border: none;
cursor: pointer;
padding: 0;
color: #ffffff;
background-color: #007f8c;
font-family: "Roboto", sans-serif;
font-weight: 700;
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
cursor: pointer;
border-radius: 4px;
text-align: center;
border: 2px solid transparent;
-webkit-transition: all ease 200ms;
transition: all ease 200ms;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-sizing: border-box;
box-sizing: border-box;
fill: currentColor;
}
.mc-button[data-v-230cc4fe]:hover {
background-color: #006974;
color: #ffffff;
}
.mc-button[data-v-230cc4fe]:active {
background-color: #006974;
}
.mc-button[data-v-230cc4fe]:disabled, .mc-button.is-disabled[data-v-230cc4fe], .mc-button[aria-disabled=true][data-v-230cc4fe] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button .mc-button__icon[data-v-230cc4fe] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button .mc-button__icon[data-v-230cc4fe]:first-child, .mc-button .mc-button__icon[data-v-230cc4fe]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button .mc-button__icon[data-v-230cc4fe]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button[data-v-230cc4fe]:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-button--s[data-v-230cc4fe] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s .mc-button__icon[data-v-230cc4fe] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s .mc-button__icon[data-v-230cc4fe]:first-child, .mc-button--s .mc-button__icon[data-v-230cc4fe]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s .mc-button__icon[data-v-230cc4fe]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m[data-v-230cc4fe] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m .mc-button__icon[data-v-230cc4fe] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m .mc-button__icon[data-v-230cc4fe]:first-child, .mc-button--m .mc-button__icon[data-v-230cc4fe]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m .mc-button__icon[data-v-230cc4fe]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l[data-v-230cc4fe] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l .mc-button__icon[data-v-230cc4fe] {
width: 2rem;
height: 2rem;
}
.mc-button--l .mc-button__icon[data-v-230cc4fe]:first-child, .mc-button--l .mc-button__icon[data-v-230cc4fe]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l .mc-button__icon[data-v-230cc4fe]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit[data-v-230cc4fe] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full[data-v-230cc4fe] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full[data-v-230cc4fe] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
.mc-button--square[data-v-230cc4fe] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 0;
padding: 0;
}
.mc-button__icon[data-v-230cc4fe] {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mc-button__icon[data-v-230cc4fe]:last-child {
margin-left: 0.5rem;
margin-right: -0.25rem;
}
.mc-button__icon[data-v-230cc4fe]:first-child {
margin-right: 0.5rem;
margin-left: -0.25rem;
}
.mc-button__icon[data-v-230cc4fe]:only-child {
margin: 0;
}
.mc-button__label[data-v-230cc4fe] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
pointer-events: none;
}
a.mc-button[data-v-230cc4fe]:disabled, a.mc-button.is-disabled[data-v-230cc4fe] {
pointer-events: none;
}
.mc-button--solid-primary-02[data-v-230cc4fe] {
background-color: #6a7081;
}
.mc-button--solid-primary-02[data-v-230cc4fe]:hover {
background-color: #242938;
}
.mc-button--solid-primary-02[data-v-230cc4fe]:active {
background-color: #171b26;
}
.mc-button--solid-primary-02[data-v-230cc4fe]:disabled, .mc-button--solid-primary-02.is-disabled[data-v-230cc4fe], .mc-button--solid-primary-02[aria-disabled=true][data-v-230cc4fe] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--solid-neutral[data-v-230cc4fe] {
background-color: #333333;
}
.mc-button--solid-neutral[data-v-230cc4fe]:hover {
background-color: #191919;
}
.mc-button--solid-neutral[data-v-230cc4fe]:active {
background-color: #333333;
}
.mc-button--solid-neutral[data-v-230cc4fe]:disabled, .mc-button--solid-neutral.is-disabled[data-v-230cc4fe], .mc-button--solid-neutral[aria-disabled=true][data-v-230cc4fe] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--solid-danger[data-v-230cc4fe] {
background-color: #c61112;
}
.mc-button--solid-danger[data-v-230cc4fe]:hover {
background-color: #8c0003;
}
.mc-button--solid-danger[data-v-230cc4fe]:active {
background-color: #8c0003;
}
.mc-button--solid-danger[data-v-230cc4fe]:disabled, .mc-button--solid-danger.is-disabled[data-v-230cc4fe], .mc-button--solid-danger[aria-disabled=true][data-v-230cc4fe] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--bordered[data-v-230cc4fe] {
color: #007f8c;
border-color: #007f8c;
background-color: #ffffff;
}
.mc-button--bordered[data-v-230cc4fe]:hover {
background-color: #d9f0f3;
color: #006974;
}
.mc-button--bordered[data-v-230cc4fe]:active {
background-color: #91d5db;
color: #004e57;
}
.mc-button--bordered[data-v-230cc4fe]:active {
background-color: #91d5db;
color: #004e57;
}
.mc-button--bordered[data-v-230cc4fe]:disabled, .mc-button--bordered.is-disabled[data-v-230cc4fe], .mc-button--bordered[aria-disabled=true][data-v-230cc4fe] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--bordered-primary-02[data-v-230cc4fe] {
color: #6a7081;
border-color: #6a7081;
background-color: #ffffff;
}
.mc-button--bordered-primary-02[data-v-230cc4fe]:hover {
background-color: #eeeff1;
color: #6a7081;
}
.mc-button--bordered-primary-02[data-v-230cc4fe]:active {
background-color: #cfd2d8;
}
.mc-button--bordered-primary-02[data-v-230cc4fe]:disabled, .mc-button--bordered-primary-02.is-disabled[data-v-230cc4fe], .mc-button--bordered-primary-02[aria-disabled=true][data-v-230cc4fe] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--bordered-neutral[data-v-230cc4fe] {
color: #333333;
border-color: #333333;
background-color: #ffffff;
}
.mc-button--bordered-neutral[data-v-230cc4fe]:hover {
background-color: #e6e6e6;
color: #333333;
}
.mc-button--bordered-neutral[data-v-230cc4fe]:active {
background-color: #cccccc;
}
.mc-button--bordered-neutral[data-v-230cc4fe]:disabled, .mc-button--bordered-neutral.is-disabled[data-v-230cc4fe], .mc-button--bordered-neutral[aria-disabled=true][data-v-230cc4fe] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--bordered-danger[data-v-230cc4fe] {
color: #c61112;
border-color: #c61112;
background-color: #ffffff;
}
.mc-button--bordered-danger[data-v-230cc4fe]:hover {
background-color: #fdeaea;
color: #8c0003;
}
.mc-button--bordered-danger[data-v-230cc4fe]:active {
background-color: #f8bcbb;
color: #530000;
}
.mc-button--bordered-danger[data-v-230cc4fe]:active {
background-color: #f8bcbb;
color: #530000;
}
.mc-button--bordered-danger[data-v-230cc4fe]:disabled, .mc-button--bordered-danger.is-disabled[data-v-230cc4fe], .mc-button--bordered-danger[aria-disabled=true][data-v-230cc4fe] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
@media screen and (min-width: 680px) {
.mc-button--s\@from-m[data-v-230cc4fe] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s\@from-m .mc-button__icon[data-v-230cc4fe] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s\@from-m .mc-button__icon[data-v-230cc4fe]:first-child, .mc-button--s\@from-m .mc-button__icon[data-v-230cc4fe]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s\@from-m .mc-button__icon[data-v-230cc4fe]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-m[data-v-230cc4fe] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m\@from-m .mc-button__icon[data-v-230cc4fe] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-m .mc-button__icon[data-v-230cc4fe]:first-child, .mc-button--m\@from-m .mc-button__icon[data-v-230cc4fe]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m\@from-m .mc-button__icon[data-v-230cc4fe]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-m[data-v-230cc4fe] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l\@from-m .mc-button__icon[data-v-230cc4fe] {
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-m .mc-button__icon[data-v-230cc4fe]:first-child, .mc-button--l\@from-m .mc-button__icon[data-v-230cc4fe]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l\@from-m .mc-button__icon[data-v-230cc4fe]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit\@from-m[data-v-230cc4fe] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full\@from-m[data-v-230cc4fe] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full\@from-m[data-v-230cc4fe] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
}
@media screen and (min-width: 1024px) {
.mc-button--s\@from-l[data-v-230cc4fe] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s\@from-l .mc-button__icon[data-v-230cc4fe] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s\@from-l .mc-button__icon[data-v-230cc4fe]:first-child, .mc-button--s\@from-l .mc-button__icon[data-v-230cc4fe]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s\@from-l .mc-button__icon[data-v-230cc4fe]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-l[data-v-230cc4fe] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m\@from-l .mc-button__icon[data-v-230cc4fe] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-l .mc-button__icon[data-v-230cc4fe]:first-child, .mc-button--m\@from-l .mc-button__icon[data-v-230cc4fe]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m\@from-l .mc-button__icon[data-v-230cc4fe]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-l[data-v-230cc4fe] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l\@from-l .mc-button__icon[data-v-230cc4fe] {
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-l .mc-button__icon[data-v-230cc4fe]:first-child, .mc-button--l\@from-l .mc-button__icon[data-v-230cc4fe]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l\@from-l .mc-button__icon[data-v-230cc4fe]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit\@from-l[data-v-230cc4fe] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full\@from-l[data-v-230cc4fe] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full\@from-l[data-v-230cc4fe] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
.mc-button--square[data-v-230cc4fe] {
padding: 0;
}
}
@media screen and (min-width: 1280px) {
.mc-button--s\@from-xl[data-v-230cc4fe] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s\@from-xl .mc-button__icon[data-v-230cc4fe] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s\@from-xl .mc-button__icon[data-v-230cc4fe]:first-child, .mc-button--s\@from-xl .mc-button__icon[data-v-230cc4fe]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s\@from-xl .mc-button__icon[data-v-230cc4fe]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-xl[data-v-230cc4fe] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m\@from-xl .mc-button__icon[data-v-230cc4fe] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-xl .mc-button__icon[data-v-230cc4fe]:first-child, .mc-button--m\@from-xl .mc-button__icon[data-v-230cc4fe]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m\@from-xl .mc-button__icon[data-v-230cc4fe]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-xl[data-v-230cc4fe] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l\@from-xl .mc-button__icon[data-v-230cc4fe] {
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-xl .mc-button__icon[data-v-230cc4fe]:first-child, .mc-button--l\@from-xl .mc-button__icon[data-v-230cc4fe]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l\@from-xl .mc-button__icon[data-v-230cc4fe]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit\@from-xl[data-v-230cc4fe] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full\@from-xl[data-v-230cc4fe] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full\@from-xl[data-v-230cc4fe] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
}
@media screen and (min-width: 1920px) {
.mc-button--s\@from-xxl[data-v-230cc4fe] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s\@from-xxl .mc-button__icon[data-v-230cc4fe] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s\@from-xxl .mc-button__icon[data-v-230cc4fe]:first-child, .mc-button--s\@from-xxl .mc-button__icon[data-v-230cc4fe]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s\@from-xxl .mc-button__icon[data-v-230cc4fe]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-xxl[data-v-230cc4fe] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m\@from-xxl .mc-button__icon[data-v-230cc4fe] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-xxl .mc-button__icon[data-v-230cc4fe]:first-child, .mc-button--m\@from-xxl .mc-button__icon[data-v-230cc4fe]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m\@from-xxl .mc-button__icon[data-v-230cc4fe]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-xxl[data-v-230cc4fe] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l\@from-xxl .mc-button__icon[data-v-230cc4fe] {
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-xxl .mc-button__icon[data-v-230cc4fe]:first-child, .mc-button--l\@from-xxl .mc-button__icon[data-v-230cc4fe]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l\@from-xxl .mc-button__icon[data-v-230cc4fe]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit\@from-xxl[data-v-230cc4fe] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full\@from-xxl[data-v-230cc4fe] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full\@from-xxl[data-v-230cc4fe] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-loader {
color: #007f8c;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.mc-loader .mc-loader__spinner {
height: 2rem;
width: 2rem;
}
.mc-loader .mc-loader__path {
stroke-width: 4;
}
.mc-loader .mc-loader__path {
stroke: currentColor;
}
.mc-loader__spinner:not(:only-child) {
margin-bottom: 1rem;
}
.mc-loader__icon {
-webkit-animation: rotate-loader 2s linear infinite;
animation: rotate-loader 2s linear infinite;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.mc-loader__path {
fill: none;
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
stroke-linecap: round;
-webkit-animation: animate-dash-loader 2s ease-in-out infinite;
animation: animate-dash-loader 2s ease-in-out infinite;
}
.mc-loader__text {
font-size: 1rem;
line-height: 1.375;
color: currentColor;
}
.mc-loader--s .mc-loader__spinner {
height: 1.5rem;
width: 1.5rem;
}
.mc-loader--s .mc-loader__path {
stroke-width: 4;
}
.mc-loader--l .mc-loader__spinner {
height: 4rem;
width: 4rem;
}
.mc-loader--l .mc-loader__path {
stroke-width: 8;
}
.mc-loader--dark {
color: #191919;
}
.mc-loader--dark .mc-loader__path {
stroke: currentColor;
}
.mc-loader--light {
color: #ffffff;
}
.mc-loader--light .mc-loader__path {
stroke: currentColor;
}
@-webkit-keyframes rotate-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
}
@keyframes rotate-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
}
@-webkit-keyframes animate-dash-loader {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes animate-dash-loader {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-action-bar[data-v-e055838e] {
gap: 1rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.mc-action-bar__status[data-v-e055838e] {
font-size: 1rem;
line-height: 1.375;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.25rem;
}
.mc-action-bar__icon.is-warning[data-v-e055838e] {
fill: #c65200;
}
.mc-action-bar__icon.is-success[data-v-e055838e] {
fill: #188803;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-tag-text {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 1.25rem;
padding: 0.6875rem 1.5rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background: #ffffff;
color: #191919;
-webkit-box-shadow: inset 0 0 0 1px #808080;
box-shadow: inset 0 0 0 1px #808080;
}
.mc-tag-text::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 1.375rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-text--s {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-text--s::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-text--dark {
background: #191919;
color: #ffffff;
-webkit-box-shadow: inset 0 0 0 1px #ffffff;
box-shadow: inset 0 0 0 1px #ffffff;
}
.mc-tag-link {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 1.25rem;
padding: 0.6875rem 1.5rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
text-decoration: none;
outline: none;
background: #ffffff;
-webkit-box-shadow: inset 0 0 0 1px #808080;
box-shadow: inset 0 0 0 1px #808080;
color: #191919;
}
.mc-tag-link::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 1.375rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-link:hover {
background: #e6e6e6;
}
.mc-tag-link:active {
background: #cccccc;
}
.mc-tag-link:focus::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
-webkit-box-shadow: 0 0 0 0.125rem #758992;
box-shadow: 0 0 0 0.125rem #758992;
}
.mc-tag-link--s {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-link--s::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-link--dark {
background: #191919;
color: #ffffff;
-webkit-box-shadow: inset 0 0 0 1px #ffffff;
box-shadow: inset 0 0 0 1px #ffffff;
}
.mc-tag-link--dark:hover {
background: #333333;
}
.mc-tag-link--dark:active {
background: #4d4d4d;
}
.mc-tag-selectable {
display: inline-block;
white-space: nowrap;
}
.mc-tag-selectable__input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
visibility: visible;
white-space: nowrap;
}
.mc-tag-selectable__input:checked + .mc-tag-selectable__pill {
background: #007f8c;
-webkit-box-shadow: inset 0 0 0 1px #007f8c;
box-shadow: inset 0 0 0 1px #007f8c;
color: #ffffff;
}
.mc-tag-selectable__input:checked + .mc-tag-selectable__pill:hover {
background: #006974;
-webkit-box-shadow: inset 0 0 0 1px #006974;
box-shadow: inset 0 0 0 1px #006974;
}
.mc-tag-selectable__input:focus + .mc-tag-selectable__pill::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
-webkit-box-shadow: 0 0 0 0.125rem #758992;
box-shadow: 0 0 0 0.125rem #758992;
}
.mc-tag-selectable__input:disabled + .mc-tag-selectable__pill {
cursor: not-allowed;
background: #e6e6e6;
color: #808080;
}
.mc-tag-selectable__label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mc-tag-selectable__pill {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 1.25rem;
padding: 0.6875rem 1.5rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
background: #ffffff;
-webkit-box-shadow: inset 0 0 0 1px #808080;
box-shadow: inset 0 0 0 1px #808080;
color: #191919;
cursor: pointer;
}
.mc-tag-selectable__pill::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 1.375rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-selectable__pill:hover {
background: #48bac4;
}
.mc-tag-selectable__pill:active {
background: #004e57;
-webkit-box-shadow: inset 0 0 0 1px #004e57;
box-shadow: inset 0 0 0 1px #004e57;
color: #ffffff;
}
.mc-tag-selectable--dark .mc-tag-selectable__pill {
background: #191919;
color: #ffffff;
cursor: pointer;
}
.mc-tag-selectable--dark .mc-tag-selectable__pill:hover {
background: #006974;
}
.mc-tag-selectable--dark .mc-tag-selectable__pill:active {
background: #91d5db;
-webkit-box-shadow: inset 0 0 0 1px #91d5db;
box-shadow: inset 0 0 0 1px #91d5db;
color: #191919;
}
.mc-tag-selectable--dark .mc-tag-selectable__input:checked + .mc-tag-selectable__pill {
background: #009eac;
-webkit-box-shadow: inset 0 0 0 1px #009eac;
box-shadow: inset 0 0 0 1px #009eac;
color: #191919;
}
.mc-tag-selectable--dark .mc-tag-selectable__input:checked + .mc-tag-selectable__pill:hover {
background: #48bac4;
}
.mc-tag-selectable--dark .mc-tag-selectable__input:disabled + .mc-tag-selectable__pill {
cursor: not-allowed;
background: #4d4d4d;
color: #808080;
}
.mc-tag-selectable--s .mc-tag-selectable__pill {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-selectable--s .mc-tag-selectable__pill::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-selectable--m .mc-tag-selectable__pill {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 1.25rem;
padding: 0.6875rem 1.5rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-selectable--m .mc-tag-selectable__pill::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 1.375rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 1.25rem;
padding: 0.6875rem 1.5rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
background-color: #333333;
color: #ffffff;
}
.mc-tag-removable::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 1.375rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable--s {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
}
.mc-tag-removable--s::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable--s .mc-tag-removable__label {
padding: 0.1875rem 0.25rem 0.1875rem 1rem;
}
.mc-tag-removable--s .mc-tag-removable__remove {
width: 1.5rem;
height: 1.5rem;
background-size: 1rem;
}
.mc-tag-removable--m {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 1.25rem;
padding: 0.6875rem 1.5rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
}
.mc-tag-removable--m::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 1.375rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable--m .mc-tag-removable__label {
padding: 0.6875rem 0.5rem 0.6875rem 1.5rem;
}
.mc-tag-removable--m .mc-tag-removable__remove {
width: 2.5rem;
height: 2.5rem;
background-size: 1.5rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%23cccccc%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z%27/%3E%3C/svg%3E");
}
.mc-tag-removable--dark {
background-color: #cccccc;
color: #191919;
}
.mc-tag-removable__label {
padding: 0.6875rem 0.5rem 0.6875rem 1.5rem;
}
.mc-tag-removable__remove {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
border: none;
cursor: pointer;
padding: 0;
width: 2.5rem;
height: 2.5rem;
background-size: 1.5rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%23cccccc%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z%27/%3E%3C/svg%3E");
position: relative;
background-color: #333333;
margin: 0;
display: block;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center;
}
.mc-tag-removable__remove::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 50%;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable__remove-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
visibility: visible;
white-space: nowrap;
}
.mc-tag-removable__remove:hover {
background-color: #4d4d4d;
}
.mc-tag-removable__remove:focus::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
-webkit-box-shadow: 0 0 0 0.125rem #758992;
box-shadow: 0 0 0 0.125rem #758992;
}
.mc-tag-removable__remove:active {
background-color: #666666;
}
.mc-tag-removable--dark .mc-tag-removable__remove {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%23191919%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z%27/%3E%3C/svg%3E");
background-color: #cccccc;
}
.mc-tag-removable--dark .mc-tag-removable__remove:hover {
background-color: #b3b3b3;
}
.mc-tag-removable--dark .mc-tag-removable__remove:active {
background-color: #999999;
}
.mc-tag-list {
list-style: none;
margin-left: 0;
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.mc-tag-list__item {
margin: 0 1rem 1rem 0;
}
@media screen and (min-width: 680px) {
.mc-tag-text--s\@from-m {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-text--s\@from-m::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-link--s\@from-m {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-link--s\@from-m::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-selectable--s\@from-m .mc-tag-selectable__pill {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-selectable--s\@from-m .mc-tag-selectable__pill::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-selectable--m\@from-m .mc-tag-selectable__pill {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 1.25rem;
padding: 0.6875rem 1.5rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-selectable--m\@from-m .mc-tag-selectable__pill::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 1.375rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable--s\@from-m {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
}
.mc-tag-removable--s\@from-m::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable--s\@from-m .mc-tag-removable__label {
padding: 0.1875rem 0.25rem 0.1875rem 1rem;
}
.mc-tag-removable--s\@from-m .mc-tag-removable__remove {
width: 1.5rem;
height: 1.5rem;
background-size: 1rem;
}
.mc-tag-removable--m\@from-m {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 1.25rem;
padding: 0.6875rem 1.5rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
}
.mc-tag-removable--m\@from-m::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 1.375rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable--m\@from-m .mc-tag-removable__label {
padding: 0.6875rem 0.5rem 0.6875rem 1.5rem;
}
.mc-tag-removable--m\@from-m .mc-tag-removable__remove {
width: 2.5rem;
height: 2.5rem;
background-size: 1.5rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%23cccccc%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z%27/%3E%3C/svg%3E");
}
}
@media screen and (min-width: 1024px) {
.mc-tag-text--s\@from-l {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-text--s\@from-l::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-link--s\@from-l {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-link--s\@from-l::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-selectable--s\@from-l .mc-tag-selectable__pill {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-selectable--s\@from-l .mc-tag-selectable__pill::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-selectable--m\@from-l .mc-tag-selectable__pill {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 1.25rem;
padding: 0.6875rem 1.5rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-selectable--m\@from-l .mc-tag-selectable__pill::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 1.375rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable--s\@from-l {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
}
.mc-tag-removable--s\@from-l::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable--s\@from-l .mc-tag-removable__label {
padding: 0.1875rem 0.25rem 0.1875rem 1rem;
}
.mc-tag-removable--s\@from-l .mc-tag-removable__remove {
width: 1.5rem;
height: 1.5rem;
background-size: 1rem;
}
.mc-tag-removable--m\@from-l {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 1.25rem;
padding: 0.6875rem 1.5rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
}
.mc-tag-removable--m\@from-l::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 1.375rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable--m\@from-l .mc-tag-removable__label {
padding: 0.6875rem 0.5rem 0.6875rem 1.5rem;
}
.mc-tag-removable--m\@from-l .mc-tag-removable__remove {
width: 2.5rem;
height: 2.5rem;
background-size: 1.5rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%23cccccc%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z%27/%3E%3C/svg%3E");
}
}
@media screen and (min-width: 1280px) {
.mc-tag-text--s\@from-xl {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-text--s\@from-xl::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-link--s\@from-xl {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-link--s\@from-xl::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-selectable--s\@from-xl .mc-tag-selectable__pill {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-selectable--s\@from-xl .mc-tag-selectable__pill::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-selectable--m\@from-xl .mc-tag-selectable__pill {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 1.25rem;
padding: 0.6875rem 1.5rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-selectable--m\@from-xl .mc-tag-selectable__pill::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 1.375rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable--s\@from-xl {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
}
.mc-tag-removable--s\@from-xl::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable--s\@from-xl .mc-tag-removable__label {
padding: 0.1875rem 0.25rem 0.1875rem 1rem;
}
.mc-tag-removable--s\@from-xl .mc-tag-removable__remove {
width: 1.5rem;
height: 1.5rem;
background-size: 1rem;
}
.mc-tag-removable--m\@from-xl {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 1.25rem;
padding: 0.6875rem 1.5rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
}
.mc-tag-removable--m\@from-xl::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 1.375rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable--m\@from-xl .mc-tag-removable__label {
padding: 0.6875rem 0.5rem 0.6875rem 1.5rem;
}
.mc-tag-removable--m\@from-xl .mc-tag-removable__remove {
width: 2.5rem;
height: 2.5rem;
background-size: 1.5rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%23cccccc%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z%27/%3E%3C/svg%3E");
}
}
@media screen and (min-width: 1920px) {
.mc-tag-text--s\@from-xxl {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-text--s\@from-xxl::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-link--s\@from-xxl {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-link--s\@from-xxl::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-selectable--s\@from-xxl .mc-tag-selectable__pill {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-selectable--s\@from-xxl .mc-tag-selectable__pill::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-selectable--m\@from-xxl .mc-tag-selectable__pill {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 1.25rem;
padding: 0.6875rem 1.5rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.mc-tag-selectable--m\@from-xxl .mc-tag-selectable__pill::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 1.375rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable--s\@from-xxl {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 0.75rem;
padding: 0.1875rem 1rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
}
.mc-tag-removable--s\@from-xxl::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 0.875rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable--s\@from-xxl .mc-tag-removable__label {
padding: 0.1875rem 0.25rem 0.1875rem 1rem;
}
.mc-tag-removable--s\@from-xxl .mc-tag-removable__remove {
width: 1.5rem;
height: 1.5rem;
background-size: 1rem;
}
.mc-tag-removable--m\@from-xxl {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.2857142857;
border-radius: 1.25rem;
padding: 0.6875rem 1.5rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
}
.mc-tag-removable--m\@from-xxl::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 1.375rem;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-tag-removable--m\@from-xxl .mc-tag-removable__label {
padding: 0.6875rem 0.5rem 0.6875rem 1.5rem;
}
.mc-tag-removable--m\@from-xxl .mc-tag-removable__remove {
width: 2.5rem;
height: 2.5rem;
background-size: 1.5rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%23cccccc%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.14 12.7a1 1 0 0 1-1.41 1.42l-2.68-2.68-2.78 2.77a1 1 0 1 1-1.41-1.42L10.63 12 7.79 9.21a1 1 0 1 1 1.42-1.42l2.84 2.83 2.74-2.74a1 1 0 1 1 1.42 1.42L13.46 12z%27/%3E%3C/svg%3E");
}
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-text-input {
font-family: "Roboto", sans-serif;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
/* for mozilla */
/* stylelint-disable-next-line */
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
display: block;
width: 100%;
position: relative;
border: 1px solid #666666;
color: #191919;
background-color: #ffffff;
border-radius: 4px;
}
.mc-text-input[type=number]::-webkit-inner-spin-button, .mc-text-input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.mc-text-input[type=number] {
-moz-appearance: textfield;
}
.mc-text-input[type=search]::-webkit-search-decoration:hover, .mc-text-input[type=search]::-webkit-search-cancel-button:hover {
cursor: pointer;
}
.mc-text-input::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input::placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input::-webkit-input-placeholder {
margin: 0;
color: #666666;
opacity: 1;
}
.mc-text-input::-moz-placeholder {
margin: 0;
color: #666666;
opacity: 1;
}
.mc-text-input:-ms-input-placeholder {
margin: 0;
color: #666666;
opacity: 1;
}
.mc-text-input::-ms-input-placeholder {
margin: 0;
color: #666666;
opacity: 1;
}
.mc-text-input::placeholder {
margin: 0;
color: #666666;
opacity: 1;
}
.mc-text-input.is-valid, .mc-text-input.is-invalid {
background-repeat: no-repeat;
background-size: 1.5rem 1.5rem;
background-position: right 0.4375rem center;
padding-right: 2.5rem;
}
.mc-text-input.is-valid {
border-color: #46a610;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%2346a610%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z%27/%3E%3Cpath d=%27M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z%27/%3E%3C/svg%3E");
}
.mc-text-input.is-valid:hover, .mc-text-input.is-valid.is-hover {
border-color: #035010;
}
.mc-text-input.is-invalid {
border-color: #c61112;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 viewBox=%270 0 24 24%27 fill=%27%23c61112%27%3E%3Cpath d=%27M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z%27/%3E%3Cpath d=%27M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z%27/%3E%3Ccircle cx=%2712%27 cy=%2716%27 r=%271%27/%3E%3C/svg%3E");
}
.mc-text-input.is-invalid:hover, .mc-text-input.is-invalid.is-hover {
border-color: #530000;
}
.mc-text-input:hover {
border-color: #191919;
}
.mc-text-input:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-text-input:disabled {
background: #e6e6e6;
border-color: #e6e6e6;
color: #666666;
cursor: not-allowed;
}
.mc-text-input--s {
font-size: 0.875rem;
line-height: 1.2857142857;
min-height: 2rem;
padding: 0.375rem 0.4375rem;
}
.mc-text-input--s::-webkit-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s::-moz-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s:-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s::-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s::placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--m {
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
}
.mc-text-input--m::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m::placeholder {
font-size: 1rem;
line-height: 1.375;
}
@media screen and (min-width: 680px) {
.mc-text-input--s\@from-m {
font-size: 0.875rem;
line-height: 1.2857142857;
min-height: 2rem;
padding: 0.375rem 0.4375rem;
}
.mc-text-input--s\@from-m::-webkit-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-m::-moz-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-m:-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-m::-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-m::placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--m\@from-m {
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
}
.mc-text-input--m\@from-m::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-m::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-m:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-m::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-m::placeholder {
font-size: 1rem;
line-height: 1.375;
}
}
@media screen and (min-width: 1024px) {
.mc-text-input--s\@from-l {
font-size: 0.875rem;
line-height: 1.2857142857;
min-height: 2rem;
padding: 0.375rem 0.4375rem;
}
.mc-text-input--s\@from-l::-webkit-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-l::-moz-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-l:-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-l::-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-l::placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--m\@from-l {
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
}
.mc-text-input--m\@from-l::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-l::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-l:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-l::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-l::placeholder {
font-size: 1rem;
line-height: 1.375;
}
}
@media screen and (min-width: 1280px) {
.mc-text-input--s\@from-xl {
font-size: 0.875rem;
line-height: 1.2857142857;
min-height: 2rem;
padding: 0.375rem 0.4375rem;
}
.mc-text-input--s\@from-xl::-webkit-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xl::-moz-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xl:-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xl::-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xl::placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--m\@from-xl {
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
}
.mc-text-input--m\@from-xl::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xl::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xl:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xl::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xl::placeholder {
font-size: 1rem;
line-height: 1.375;
}
}
@media screen and (min-width: 1920px) {
.mc-text-input--s\@from-xxl {
font-size: 0.875rem;
line-height: 1.2857142857;
min-height: 2rem;
padding: 0.375rem 0.4375rem;
}
.mc-text-input--s\@from-xxl::-webkit-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xxl::-moz-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xxl:-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xxl::-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xxl::placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--m\@from-xxl {
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
}
.mc-text-input--m\@from-xxl::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xxl::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xxl:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xxl::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xxl::placeholder {
font-size: 1rem;
line-height: 1.375;
}
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-left-icon-input {
position: relative;
}
.mc-left-icon-input__icon {
position: absolute;
z-index: var(--input-left-icon-z-index, 1);
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
fill: #666666;
pointer-events: none;
}
.mc-left-icon-input .mc-left-icon-input__icon {
left: 0.75rem;
top: 50%;
width: 1.5rem;
height: 1.5rem;
}
.mc-left-icon-input .mc-left-icon-input__input {
padding-left: 2.9375rem;
}
.mc-left-icon-input--s .mc-left-icon-input__icon {
left: 0.5rem;
top: 50%;
width: 1.5rem;
height: 1.5rem;
}
.mc-left-icon-input--s .mc-left-icon-input__input {
padding-left: 2.4375rem;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
/* stylelint-disable no-descending-specificity */
.mc-checkbox[data-v-37d32844] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mc-checkbox__label[data-v-37d32844] {
font-size: 1rem;
line-height: 1.125;
cursor: pointer;
margin-left: 0.5rem;
color: #000000;
}
.mc-checkbox__input[data-v-37d32844] {
font-family: "Roboto", sans-serif;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
/* for mozilla */
/* stylelint-disable-next-line */
min-width: 20px;
min-height: 20px;
width: 1.25rem;
height: 1.25rem;
border-radius: 4px;
border: 2px solid #666666;
background-color: #ffffff;
position: relative;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
cursor: pointer;
}
.mc-checkbox__input[type=number][data-v-37d32844]::-webkit-inner-spin-button, .mc-checkbox__input[type=number][data-v-37d32844]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.mc-checkbox__input[type=number][data-v-37d32844] {
-moz-appearance: textfield;
}
.mc-checkbox__input[type=search][data-v-37d32844]::-webkit-search-decoration:hover, .mc-checkbox__input[type=search][data-v-37d32844]::-webkit-search-cancel-button:hover {
cursor: pointer;
}
.mc-checkbox__input[data-v-37d32844]::-ms-check {
background-color: #ffffff;
border: 2px solid #666666;
border-radius: 4px;
color: #ffffff;
}
.mc-checkbox__input[data-v-37d32844]:hover {
border-color: #191919;
}
.mc-checkbox__input[data-v-37d32844]:hover::-ms-check {
border-color: #191919;
}
.mc-checkbox__input[data-v-37d32844]:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-checkbox__input[data-v-37d32844]:focus::-ms-check {
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-checkbox__input[data-v-37d32844]:checked, .mc-checkbox__input[data-v-37d32844]:indeterminate {
background-color: #00919f;
border-color: #00919f;
background-size: 1rem 1rem;
}
.mc-checkbox__input[data-v-37d32844]:checked {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23ffffff%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z%27/%3E%3C/svg%3E");
background-position: center center;
}
.mc-checkbox__input[data-v-37d32844]:checked::-ms-check {
background-color: #00919f;
border-color: #00919f;
}
.mc-checkbox__input[data-v-37d32844]:checked:hover:not(:disabled) {
border-color: #004e57;
}
.mc-checkbox__input[data-v-37d32844]:checked:hover:not(:disabled)::-ms-check {
border-color: #004e57;
}
.mc-checkbox__input[data-v-37d32844]:indeterminate {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23ffffff%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12 9H4a1 1 0 010-2h8a1 1 0 010 2z%27/%3E%3C/svg%3E");
}
.mc-checkbox__input[data-v-37d32844]:disabled {
background-color: #e6e6e6;
border-color: #e6e6e6;
cursor: not-allowed;
}
.mc-checkbox__input[data-v-37d32844]:disabled::-ms-check {
background-color: #e6e6e6;
border-color: #e6e6e6;
}
.mc-checkbox__input[data-v-37d32844]:disabled:checked {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23999999%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z%27/%3E%3C/svg%3E");
}
.mc-checkbox__input[data-v-37d32844]:disabled:indeterminate {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23999999%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12 9H4a1 1 0 010-2h8a1 1 0 010 2z%27/%3E%3C/svg%3E");
}
.mc-checkbox__input:disabled + .mc-checkbox__label[data-v-37d32844] {
color: #808080;
}
.mc-checkbox__input.is-invalid[data-v-37d32844] {
border-color: #c61112;
}
.mc-checkbox__input.is-invalid[data-v-37d32844]::-ms-check {
border-color: #c61112;
}
.mc-checkbox__input.is-invalid[data-v-37d32844]:hover {
border-color: #530000;
}
.mc-checkbox__input.is-invalid[data-v-37d32844]:hover::-ms-check {
border-color: #530000;
}
/* stylelint-enable */
.mc-listbox[data-v-37d32844] {
background-color: #ffffff;
border: 1px solid #666666;
border-radius: 3px;
overflow-y: auto;
max-width: var(--listbox-maxwidth, none);
width: var(--listbox-width, auto);
}
.mc-listbox[data-v-37d32844]::-webkit-scrollbar {
background-color: #e6e6e6;
width: 0.25rem;
}
.mc-listbox[data-v-37d32844]::-webkit-scrollbar-thumb {
background: #666666;
}
.mc-listbox__list[data-v-37d32844] {
list-style: none;
margin-left: 0;
padding-left: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
}
.mc-listbox__tile[data-v-37d32844] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.5rem;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 0.75rem;
padding-right: 0.75rem;
position: relative;
}
.mc-listbox__tile[data-v-37d32844]:not(.mc-listbox__tile--empty):not(.is-disabled):hover, .mc-listbox__tile[data-v-37d32844]:has(.mc-listbox__input:focus), .mc-listbox__tile[data-v-37d32844]:has(.mc-listbox__label:focus) {
background-color: #e6e6e6;
-webkit-box-shadow: inset 9px 0 0 -7px #191919;
box-shadow: inset 9px 0 0 -7px #191919;
}
.mc-listbox__tile--danger[data-v-37d32844], .mc-listbox__tile.is-danger[data-v-37d32844] {
color: #c61112;
}
.mc-listbox__tile--empty[data-v-37d32844] {
color: #666666;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mc-listbox__tile--empty .mc-listbox__label[data-v-37d32844] {
cursor: default;
}
.mc-listbox__tile.is-disabled[data-v-37d32844] {
-webkit-box-shadow: none;
box-shadow: none;
background-color: #cccccc;
color: #666666;
pointer-events: none;
}
.mc-listbox__flag[data-v-37d32844] {
font-size: 1.4375rem;
line-height: 1.3913043478;
text-align: center;
}
.mc-listbox__icon[data-v-37d32844] {
fill: #666666;
}
.is-danger .mc-listbox__icon[data-v-37d32844] {
fill: #c61112;
}
.mc-listbox__label[data-v-37d32844] {
font-size: 1rem;
line-height: 1.375;
color: currentColor;
cursor: pointer;
white-space: nowrap;
outline: transparent;
}
button.mc-listbox__label[data-v-37d32844] {
background: none;
border: none;
padding: 0;
font-size: inherit;
font-family: inherit;
}
.mc-listbox__label[data-v-37d32844]::after {
content: "";
position: absolute;
inset: 0;
z-index: var(--listbox-label-z-index, 2);
}
.mc-listbox__input[data-v-37d32844] {
margin-left: auto;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.mc-listbox--left[data-v-37d32844] {
right: 0;
}
.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input[data-v-37d32844] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.mc-listbox--options[data-v-37d32844] {
max-height: 13.8125rem;
min-width: var(--listbox-minwidth, 6rem);
}
.mc-listbox--options .mc-listbox__flag[data-v-37d32844], .mc-listbox--options .mc-listbox__icon[data-v-37d32844], .mc-listbox--options .mc-listbox__logo[data-v-37d32844] {
height: 2rem;
width: 2rem;
}
.mc-listbox--options .mc-listbox__tile[data-v-37d32844] {
height: 3rem;
}
.mc-listbox--options .mc-listbox__tile[data-v-37d32844]:not(:last-child) {
border-bottom: 1px solid #b3b3b3;
}
.mc-listbox--options .mc-listbox__tile.is-selected .mc-listbox__label[data-v-37d32844]::before {
visibility: visible;
}
.mc-listbox--options .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label[data-v-37d32844]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23666666%27 height=%271.5rem%27 width=%271.5rem%27%3E%3Cpath d=%27M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z%27/%3E%3C/svg%3E");
}
.mc-listbox--options .mc-listbox__input:checked + .mc-listbox__label[data-v-37d32844]::before {
visibility: visible;
}
.mc-listbox--options .mc-listbox__input:checked:disabled + .mc-listbox__label[data-v-37d32844]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23666666%27 height=%271.5rem%27 width=%271.5rem%27%3E%3Cpath d=%27M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z%27/%3E%3C/svg%3E");
}
.mc-listbox--options .mc-listbox__label[data-v-37d32844]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23191919%27 height=%271.5rem%27 width=%271.5rem%27%3E%3Cpath d=%27M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z%27/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 1.5rem;
content: "";
height: 1.5rem;
position: absolute;
right: 0.75rem;
top: 0;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
width: 1.5rem;
visibility: hidden;
}
.mc-listbox--actions[data-v-37d32844] {
min-width: 17.375rem;
}
.mc-listbox--actions.align-top[data-v-37d32844] {
-webkit-transform: translate(0, calc(-100% - 1.5rem));
-ms-transform: translate(0, calc(-100% - 1.5rem));
transform: translate(0, calc(-100% - 1.5rem));
}
.mc-listbox--actions.align-right[data-v-37d32844] {
-webkit-transform: translate(calc(-100% + 1.5rem), 0);
-ms-transform: translate(calc(-100% + 1.5rem), 0);
transform: translate(calc(-100% + 1.5rem), 0);
}
.mc-listbox--actions.align-right.align-top[data-v-37d32844] {
-webkit-transform: translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));
-ms-transform: translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));
transform: translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));
}
.mc-listbox--actions .mc-listbox__list[data-v-37d32844]:not(:last-child) {
border-bottom: 1px solid #b3b3b3;
}
.mc-listbox--actions .mc-listbox__list[data-v-37d32844]:first-child {
padding-top: 0.4375rem;
padding-bottom: 0.5rem;
}
.mc-listbox--actions .mc-listbox__list[data-v-37d32844]:last-child {
padding-top: 0.5rem;
padding-bottom: 0.4375rem;
}
.mc-listbox--actions .mc-listbox__list[data-v-37d32844]:not(:first-child):not(:last-child) {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.mc-listbox--actions .mc-listbox__tile[data-v-37d32844] {
height: 2.5rem;
}
.mc-listbox--actions .mc-listbox__flag[data-v-37d32844], .mc-listbox--actions .mc-listbox__icon[data-v-37d32844], .mc-listbox--actions .mc-listbox__logo[data-v-37d32844] {
height: 1.5rem;
width: 1.5rem;
}
.mc-listbox--overlay[data-v-37d32844] {
position: absolute;
z-index: var(--listbox-overlay-z-index, 10);
}
.mc-listbox__label[data-v-37d32844] {
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-taglist {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem;
}
.mc-taglist__showhide {
cursor: pointer;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-autocomplete[data-v-24230a94] {
-ms-flex-item-align: start;
align-self: start;
position: relative;
min-width: var(--autocomplete-min-width, 6rem);
max-width: var(--autocomplete-width, auto);
width: 100%;
}
.mc-autocomplete__main[data-v-24230a94] {
position: relative;
}
.mc-autocomplete__tag[data-v-24230a94], .mc-autocomplete__tools[data-v-24230a94] {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: var(--autocomplete-tag-z-index, 2);
}
.mc-autocomplete__tag[data-v-24230a94] {
left: 2.75rem;
}
.mc-autocomplete__trigger[data-v-24230a94] {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mc-autocomplete__tools[data-v-24230a94] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.5rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
right: 0.75rem;
}
.is-valid + .mc-autocomplete__tools[data-v-24230a94], .is-invalid + .mc-autocomplete__tools[data-v-24230a94] {
right: 2.5rem;
}
.mc-autocomplete__clear[data-v-24230a94] {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
border: none;
cursor: pointer;
padding: 0;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
-webkit-transition: -webkit-box-shadow 150ms ease;
transition: -webkit-box-shadow 150ms ease;
transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease, -webkit-box-shadow 150ms ease;
background: none;
border-radius: 50%;
}
.mc-autocomplete__clear[data-v-24230a94]:focus {
-webkit-box-shadow: 0 0 0 2px #758992;
box-shadow: 0 0 0 2px #758992;
}
.mc-autocomplete__clear[data-v-24230a94], .mc-autocomplete__clear-icon[data-v-24230a94] {
height: 1.5rem;
width: 1.5rem;
}
.mc-autocomplete__clear-icon[data-v-24230a94] {
fill: #666666;
}
.mc-autocomplete__clear-text[data-v-24230a94] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.mc-autocomplete__error[data-v-24230a94] {
font-size: 0.875rem;
line-height: 1.2857142857;
color: #c61112;
display: inline-block;
margin-top: 0.25rem;
}
.mc-autocomplete--multi .mc-autocomplete__trigger[data-v-24230a94] {
padding-left: calc(2.9375rem + var(--autocomplete-tag-width, 0px));
}
.mc-autocomplete[data-v-24230a94] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1.5rem;
}
.mc-autocomplete__main[data-v-24230a94] {
position: relative;
}
.mc-autocomplete--above[data-v-24230a94] {
-webkit-transform: translateY(calc(-100% - var(--trigger-height)));
-ms-transform: translateY(calc(-100% - var(--trigger-height)));
transform: translateY(calc(-100% - var(--trigger-height)));
}
.mc-autocomplete--multi[data-v-24230a94] .mc-autocomplete__trigger {
padding-left: calc(2.9375rem + var(--autocomplete-tag-width, 0px));
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-badge {
border-radius: 4px;
border: 1px solid transparent;
display: inline-block;
padding: 0.125rem 0.4375rem;
text-transform: lowercase;
white-space: nowrap;
font-family: "Roboto", sans-serif;
font-weight: 700;
font-size: 0.875rem;
line-height: 1.2857142857;
background-color: #daeff7;
border-color: #0b96cc;
color: #005c91;
}
.mc-badge::first-letter {
text-transform: uppercase;
}
.mc-badge--success {
background-color: #ebf5de;
border-color: #46a610;
color: #006902;
}
.mc-badge--warning {
background-color: #fdf1e8;
border-color: #ea7315;
color: #8c3500;
}
.mc-badge--danger {
background-color: #fdeaea;
border-color: #ea302d;
color: #8c0003;
}
.mc-badge--neutral {
background-color: #e6e6e6;
border-color: #808080;
color: #4d4d4d;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-link {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: inherit;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: inherit;
text-decoration: underline;
-webkit-transition: color ease 200ms;
transition: color ease 200ms;
gap: 0.25rem;
color: #000000;
position: relative;
font-size: 1rem;
line-height: 1.375;
}
.mc-link:focus {
outline: none;
}
.mc-link:focus::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-link:visited {
color: #333333;
}
.mc-link:hover {
color: #666666;
}
.mc-link:active {
color: #333333;
}
.mc-link.is-disabled {
color: #e6e6e6;
cursor: not-allowed;
}
.mc-link--s {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-link--m {
font-size: 1rem;
line-height: 1.375;
}
.mc-link::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
}
.mc-link__icon {
display: block;
height: 1rem;
fill: currentColor;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1rem;
}
.mc-link--light {
color: #ffffff;
}
.mc-link--light:visited {
color: #cccccc;
}
.mc-link--light:hover {
color: #999999;
}
.mc-link--light:active {
color: #cccccc;
}
.mc-link--light.is-disabled {
color: #e6e6e6;
cursor: not-allowed;
}
.mc-link--primary {
color: #007f8c;
}
.mc-link--primary:visited {
color: #006974;
}
.mc-link--primary:hover {
color: #004e57;
}
.mc-link--primary:active {
color: #006974;
}
.mc-link--primary.is-disabled {
color: #e6e6e6;
cursor: not-allowed;
}
.mc-link--primary-02 {
color: #494f60;
}
.mc-link--primary-02:visited {
color: #343b4c;
}
.mc-link--primary-02:hover {
color: #171b26;
}
.mc-link--primary-02:active {
color: #343b4c;
}
.mc-link--primary-02.is-disabled {
color: #e6e6e6;
cursor: not-allowed;
}
.mc-link--danger {
color: #c61112;
}
.mc-link--danger:visited {
color: #8c0003;
}
.mc-link--danger:hover {
color: #530000;
}
.mc-link--danger:active {
color: #8c0003;
}
.mc-link--danger.is-disabled {
color: #e6e6e6;
cursor: not-allowed;
}
@media screen and (min-width: 680px) {
.mc-link--s\@from-m {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-link--m\@from-m {
font-size: 1rem;
line-height: 1.375;
}
}
@media screen and (min-width: 1024px) {
.mc-link--s\@from-l {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-link--m\@from-l {
font-size: 1rem;
line-height: 1.375;
}
}
@media screen and (min-width: 1280px) {
.mc-link--s\@from-xl {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-link--m\@from-xl {
font-size: 1rem;
line-height: 1.375;
}
}
@media screen and (min-width: 1920px) {
.mc-link--s\@from-xxl {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-link--m\@from-xxl {
font-size: 1rem;
line-height: 1.375;
}
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-breadcrumb {
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #191919;
padding: 0.9375rem 0 0.9375rem 1.125rem;
}
@media screen and (min-width: 360px) {
.mc-breadcrumb {
padding-left: 1.25rem;
}
}
@media screen and (min-width: 390px) {
.mc-breadcrumb {
padding-left: 1.375rem;
}
}
@media screen and (min-width: 680px) {
.mc-breadcrumb {
padding-left: 2rem;
}
}
@media screen and (min-width: 769px) {
.mc-breadcrumb {
padding-left: 2.125rem;
}
}
@media screen and (min-width: 1024px) {
.mc-breadcrumb {
padding-left: 3rem;
}
}
@media screen and (min-width: 1280px) {
.mc-breadcrumb {
padding-left: 2rem;
}
}
@media screen and (min-width: 1440px) {
.mc-breadcrumb {
padding-left: 7rem;
}
}
@media screen and (min-width: 1680px) {
.mc-breadcrumb {
padding-left: 2rem;
}
}
@media screen and (min-width: 1920px) {
.mc-breadcrumb {
padding-left: 2.5rem;
}
}
.mc-breadcrumb__container {
list-style: none;
margin-left: 0;
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0;
margin-top: 0;
}
.mc-breadcrumb__item {
padding-right: 0.5rem;
background-position: left center;
background-repeat: no-repeat;
background-size: 1rem;
}
@media screen and (min-width: 1024px) {
.mc-breadcrumb__item {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
.mc-breadcrumb__item:not(:first-child) {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23333333%27%3E%3Cpath d=%27M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
padding-left: 1.5rem;
}
@media screen and (max-width: 1023px) {
.mc-breadcrumb__item.is-active, .mc-breadcrumb__item:only-child {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23333333%27%3E%3Cpath d=%27M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
padding-left: 1.5rem;
}
}
.mc-breadcrumb__current, .mc-breadcrumb__current.mc-link {
cursor: default;
text-decoration: none;
}
.mc-breadcrumb__current, .mc-breadcrumb__current:active, .mc-breadcrumb__current:focus, .mc-breadcrumb__current:hover, .mc-breadcrumb__current:visited, .mc-breadcrumb__current.mc-link, .mc-breadcrumb__current.mc-link:active, .mc-breadcrumb__current.mc-link:focus, .mc-breadcrumb__current.mc-link:hover, .mc-breadcrumb__current.mc-link:visited {
color: currentColor;
}
.mc-breadcrumb--dark {
background-color: #4d4d4d;
color: #ffffff;
}
.mc-breadcrumb--dark .mc-breadcrumb__item:not(:first-child) {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23ffffff%27%3E%3Cpath d=%27M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
}
@media screen and (max-width: 1023px) {
.mc-breadcrumb--dark .mc-breadcrumb__item.is-active, .mc-breadcrumb--dark .mc-breadcrumb__item:only-child {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23ffffff%27%3E%3Cpath d=%27M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
}
}
@media screen and (max-width: 1023px) {
.mc-breadcrumb--responsive .mc-breadcrumb__item:not(.is-active) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
visibility: visible;
white-space: nowrap;
}
}
.mc-breadcrumb--no-padding {
padding-left: 0;
}
/* stylelint-disable */
.mc-link.mc-breadcrumb__current {
cursor: default;
text-decoration: none;
}
.mc-link.mc-breadcrumb__current, .mc-link.mc-breadcrumb__current:active, .mc-link.mc-breadcrumb__current:focus, .mc-link.mc-breadcrumb__current:hover, .mc-link.mc-breadcrumb__current:visited {
color: currentColor;
}
/* stylelint-enable */
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-breadcrumb[data-v-4ba1bebe] {
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #191919;
padding: 0.9375rem 0 0.9375rem 1.125rem;
}
@media screen and (min-width: 360px) {
.mc-breadcrumb[data-v-4ba1bebe] {
padding-left: 1.25rem;
}
}
@media screen and (min-width: 390px) {
.mc-breadcrumb[data-v-4ba1bebe] {
padding-left: 1.375rem;
}
}
@media screen and (min-width: 680px) {
.mc-breadcrumb[data-v-4ba1bebe] {
padding-left: 2rem;
}
}
@media screen and (min-width: 769px) {
.mc-breadcrumb[data-v-4ba1bebe] {
padding-left: 2.125rem;
}
}
@media screen and (min-width: 1024px) {
.mc-breadcrumb[data-v-4ba1bebe] {
padding-left: 3rem;
}
}
@media screen and (min-width: 1280px) {
.mc-breadcrumb[data-v-4ba1bebe] {
padding-left: 2rem;
}
}
@media screen and (min-width: 1440px) {
.mc-breadcrumb[data-v-4ba1bebe] {
padding-left: 7rem;
}
}
@media screen and (min-width: 1680px) {
.mc-breadcrumb[data-v-4ba1bebe] {
padding-left: 2rem;
}
}
@media screen and (min-width: 1920px) {
.mc-breadcrumb[data-v-4ba1bebe] {
padding-left: 2.5rem;
}
}
.mc-breadcrumb__container[data-v-4ba1bebe] {
list-style: none;
margin-left: 0;
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0;
margin-top: 0;
}
.mc-breadcrumb__item[data-v-4ba1bebe] {
padding-right: 0.5rem;
background-position: left center;
background-repeat: no-repeat;
background-size: 1rem;
}
@media screen and (min-width: 1024px) {
.mc-breadcrumb__item[data-v-4ba1bebe] {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
.mc-breadcrumb__item[data-v-4ba1bebe]:not(:first-child) {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23333333%27%3E%3Cpath d=%27M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
padding-left: 1.5rem;
}
@media screen and (max-width: 1023px) {
.mc-breadcrumb__item.is-active[data-v-4ba1bebe], .mc-breadcrumb__item[data-v-4ba1bebe]:only-child {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23333333%27%3E%3Cpath d=%27M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
padding-left: 1.5rem;
}
}
.mc-breadcrumb__current[data-v-4ba1bebe], .mc-breadcrumb__current.mc-link[data-v-4ba1bebe] {
cursor: default;
text-decoration: none;
}
.mc-breadcrumb__current[data-v-4ba1bebe], .mc-breadcrumb__current[data-v-4ba1bebe]:active, .mc-breadcrumb__current[data-v-4ba1bebe]:focus, .mc-breadcrumb__current[data-v-4ba1bebe]:hover, .mc-breadcrumb__current[data-v-4ba1bebe]:visited, .mc-breadcrumb__current.mc-link[data-v-4ba1bebe], .mc-breadcrumb__current.mc-link[data-v-4ba1bebe]:active, .mc-breadcrumb__current.mc-link[data-v-4ba1bebe]:focus, .mc-breadcrumb__current.mc-link[data-v-4ba1bebe]:hover, .mc-breadcrumb__current.mc-link[data-v-4ba1bebe]:visited {
color: currentColor;
}
.mc-breadcrumb--dark[data-v-4ba1bebe] {
background-color: #4d4d4d;
color: #ffffff;
}
.mc-breadcrumb--dark .mc-breadcrumb__item[data-v-4ba1bebe]:not(:first-child) {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23ffffff%27%3E%3Cpath d=%27M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
}
@media screen and (max-width: 1023px) {
.mc-breadcrumb--dark .mc-breadcrumb__item.is-active[data-v-4ba1bebe], .mc-breadcrumb--dark .mc-breadcrumb__item[data-v-4ba1bebe]:only-child {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23ffffff%27%3E%3Cpath d=%27M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
}
}
@media screen and (max-width: 1023px) {
.mc-breadcrumb--responsive .mc-breadcrumb__item[data-v-4ba1bebe]:not(.is-active) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
visibility: visible;
white-space: nowrap;
}
}
.mc-breadcrumb--no-padding[data-v-4ba1bebe] {
padding-left: 0;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-breadcrumb[data-v-b0fd3c2e] {
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #191919;
padding: 0.9375rem 0 0.9375rem 1.125rem;
}
@media screen and (min-width: 360px) {
.mc-breadcrumb[data-v-b0fd3c2e] {
padding-left: 1.25rem;
}
}
@media screen and (min-width: 390px) {
.mc-breadcrumb[data-v-b0fd3c2e] {
padding-left: 1.375rem;
}
}
@media screen and (min-width: 680px) {
.mc-breadcrumb[data-v-b0fd3c2e] {
padding-left: 2rem;
}
}
@media screen and (min-width: 769px) {
.mc-breadcrumb[data-v-b0fd3c2e] {
padding-left: 2.125rem;
}
}
@media screen and (min-width: 1024px) {
.mc-breadcrumb[data-v-b0fd3c2e] {
padding-left: 3rem;
}
}
@media screen and (min-width: 1280px) {
.mc-breadcrumb[data-v-b0fd3c2e] {
padding-left: 2rem;
}
}
@media screen and (min-width: 1440px) {
.mc-breadcrumb[data-v-b0fd3c2e] {
padding-left: 7rem;
}
}
@media screen and (min-width: 1680px) {
.mc-breadcrumb[data-v-b0fd3c2e] {
padding-left: 2rem;
}
}
@media screen and (min-width: 1920px) {
.mc-breadcrumb[data-v-b0fd3c2e] {
padding-left: 2.5rem;
}
}
.mc-breadcrumb__container[data-v-b0fd3c2e] {
list-style: none;
margin-left: 0;
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0;
margin-top: 0;
}
.mc-breadcrumb__item[data-v-b0fd3c2e] {
padding-right: 0.5rem;
background-position: left center;
background-repeat: no-repeat;
background-size: 1rem;
}
@media screen and (min-width: 1024px) {
.mc-breadcrumb__item[data-v-b0fd3c2e] {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
.mc-breadcrumb__item[data-v-b0fd3c2e]:not(:first-child) {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23333333%27%3E%3Cpath d=%27M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
padding-left: 1.5rem;
}
@media screen and (max-width: 1023px) {
.mc-breadcrumb__item.is-active[data-v-b0fd3c2e], .mc-breadcrumb__item[data-v-b0fd3c2e]:only-child {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23333333%27%3E%3Cpath d=%27M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
padding-left: 1.5rem;
}
}
.mc-breadcrumb__current[data-v-b0fd3c2e], .mc-breadcrumb__current.mc-link[data-v-b0fd3c2e] {
cursor: default;
text-decoration: none;
}
.mc-breadcrumb__current[data-v-b0fd3c2e], .mc-breadcrumb__current[data-v-b0fd3c2e]:active, .mc-breadcrumb__current[data-v-b0fd3c2e]:focus, .mc-breadcrumb__current[data-v-b0fd3c2e]:hover, .mc-breadcrumb__current[data-v-b0fd3c2e]:visited, .mc-breadcrumb__current.mc-link[data-v-b0fd3c2e], .mc-breadcrumb__current.mc-link[data-v-b0fd3c2e]:active, .mc-breadcrumb__current.mc-link[data-v-b0fd3c2e]:focus, .mc-breadcrumb__current.mc-link[data-v-b0fd3c2e]:hover, .mc-breadcrumb__current.mc-link[data-v-b0fd3c2e]:visited {
color: currentColor;
}
.mc-breadcrumb--dark[data-v-b0fd3c2e] {
background-color: #4d4d4d;
color: #ffffff;
}
.mc-breadcrumb--dark .mc-breadcrumb__item[data-v-b0fd3c2e]:not(:first-child) {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23ffffff%27%3E%3Cpath d=%27M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
}
@media screen and (max-width: 1023px) {
.mc-breadcrumb--dark .mc-breadcrumb__item.is-active[data-v-b0fd3c2e], .mc-breadcrumb--dark .mc-breadcrumb__item[data-v-b0fd3c2e]:only-child {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23ffffff%27%3E%3Cpath d=%27M10.5 14a1 1 0 01-.71-.29l-5-5a1 1 0 010-1.42l5-5a1 1 0 111.42 1.42L6.91 8l4.3 4.29a1 1 0 010 1.42 1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
}
}
@media screen and (max-width: 1023px) {
.mc-breadcrumb--responsive .mc-breadcrumb__item[data-v-b0fd3c2e]:not(.is-active) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
visibility: visible;
white-space: nowrap;
}
}
.mc-breadcrumb--no-padding[data-v-b0fd3c2e] {
padding-left: 0;
}
.mc-link[data-v-b0fd3c2e] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-size: inherit;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: inherit;
text-decoration: underline;
-webkit-transition: color ease 200ms;
transition: color ease 200ms;
gap: 0.25rem;
color: #000000;
position: relative;
font-size: 1rem;
line-height: 1.375;
}
.mc-link[data-v-b0fd3c2e]:focus {
outline: none;
}
.mc-link[data-v-b0fd3c2e]:focus::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-link[data-v-b0fd3c2e]:visited {
color: #333333;
}
.mc-link[data-v-b0fd3c2e]:hover {
color: #666666;
}
.mc-link[data-v-b0fd3c2e]:active {
color: #333333;
}
.mc-link.is-disabled[data-v-b0fd3c2e] {
color: #e6e6e6;
cursor: not-allowed;
}
.mc-link--s[data-v-b0fd3c2e] {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-link--m[data-v-b0fd3c2e] {
font-size: 1rem;
line-height: 1.375;
}
.mc-link[data-v-b0fd3c2e]::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
}
.mc-link__icon[data-v-b0fd3c2e] {
display: block;
height: 1rem;
fill: currentColor;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1rem;
}
.mc-link--light[data-v-b0fd3c2e] {
color: #ffffff;
}
.mc-link--light[data-v-b0fd3c2e]:visited {
color: #cccccc;
}
.mc-link--light[data-v-b0fd3c2e]:hover {
color: #999999;
}
.mc-link--light[data-v-b0fd3c2e]:active {
color: #cccccc;
}
.mc-link--light.is-disabled[data-v-b0fd3c2e] {
color: #e6e6e6;
cursor: not-allowed;
}
.mc-link--primary[data-v-b0fd3c2e] {
color: #007f8c;
}
.mc-link--primary[data-v-b0fd3c2e]:visited {
color: #006974;
}
.mc-link--primary[data-v-b0fd3c2e]:hover {
color: #004e57;
}
.mc-link--primary[data-v-b0fd3c2e]:active {
color: #006974;
}
.mc-link--primary.is-disabled[data-v-b0fd3c2e] {
color: #e6e6e6;
cursor: not-allowed;
}
.mc-link--primary-02[data-v-b0fd3c2e] {
color: #494f60;
}
.mc-link--primary-02[data-v-b0fd3c2e]:visited {
color: #343b4c;
}
.mc-link--primary-02[data-v-b0fd3c2e]:hover {
color: #171b26;
}
.mc-link--primary-02[data-v-b0fd3c2e]:active {
color: #343b4c;
}
.mc-link--primary-02.is-disabled[data-v-b0fd3c2e] {
color: #e6e6e6;
cursor: not-allowed;
}
.mc-link--danger[data-v-b0fd3c2e] {
color: #c61112;
}
.mc-link--danger[data-v-b0fd3c2e]:visited {
color: #8c0003;
}
.mc-link--danger[data-v-b0fd3c2e]:hover {
color: #530000;
}
.mc-link--danger[data-v-b0fd3c2e]:active {
color: #8c0003;
}
.mc-link--danger.is-disabled[data-v-b0fd3c2e] {
color: #e6e6e6;
cursor: not-allowed;
}
@media screen and (min-width: 680px) {
.mc-link--s\@from-m[data-v-b0fd3c2e] {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-link--m\@from-m[data-v-b0fd3c2e] {
font-size: 1rem;
line-height: 1.375;
}
}
@media screen and (min-width: 1024px) {
.mc-link--s\@from-l[data-v-b0fd3c2e] {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-link--m\@from-l[data-v-b0fd3c2e] {
font-size: 1rem;
line-height: 1.375;
}
}
@media screen and (min-width: 1280px) {
.mc-link--s\@from-xl[data-v-b0fd3c2e] {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-link--m\@from-xl[data-v-b0fd3c2e] {
font-size: 1rem;
line-height: 1.375;
}
}
@media screen and (min-width: 1920px) {
.mc-link--s\@from-xxl[data-v-b0fd3c2e] {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-link--m\@from-xxl[data-v-b0fd3c2e] {
font-size: 1rem;
line-height: 1.375;
}
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-card {
font-family: "Roboto", sans-serif;
max-width: 17.75rem;
}
.mc-card,
.mc-card * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (min-width: 680px) {
.mc-card {
max-width: 18.25rem;
}
}
@media screen and (min-width: 1024px) {
.mc-card {
max-width: 18rem;
}
}
@media screen and (min-width: 1280px) {
.mc-card {
max-width: 17.5rem;
}
}
@media screen and (min-width: 1920px) {
.mc-card {
max-width: 27.25rem;
}
}
.mc-card__visual {
margin: 0;
overflow: hidden;
position: relative;
}
.mc-card__visual::before {
content: "";
display: block;
width: 100%;
padding-top: 75%;
}
.mc-card__visual--1x1::before {
padding-top: 100%;
}
.mc-card__visual--16x9::before {
padding-top: 56.25%;
}
.mc-card__img {
height: auto;
left: 0;
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.mc-card__content {
padding-top: 1rem;
}
.mc-card__title, .mc-card__subtitle {
margin-top: 0;
margin-bottom: 0.5rem;
}
.mc-card__title {
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: 700;
color: #000000;
}
.mc-card__subtitle {
font-size: 0.875rem;
line-height: 1.2857142857;
font-weight: 400;
color: #333333;
}
.mc-card__body {
font-size: 1rem;
line-height: 1.375;
color: #191919;
}
.mc-card__body:not(:last-child) {
margin-bottom: 1rem;
}
.mc-card--bordered {
background: #ffffff;
border: 2px solid #808080;
border-radius: 0.25rem;
overflow: hidden;
}
.mc-card--bordered .mc-card__content {
padding-bottom: 1.5rem;
padding-left: 1rem;
padding-right: 1rem;
}
.mc-card--fluid {
max-width: none;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
/* stylelint-disable no-descending-specificity */
.mc-checkbox {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mc-checkbox__label {
font-size: 1rem;
line-height: 1.125;
cursor: pointer;
margin-left: 0.5rem;
color: #000000;
}
.mc-checkbox__input {
font-family: "Roboto", sans-serif;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
/* for mozilla */
/* stylelint-disable-next-line */
min-width: 20px;
min-height: 20px;
width: 1.25rem;
height: 1.25rem;
border-radius: 4px;
border: 2px solid #666666;
background-color: #ffffff;
position: relative;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
cursor: pointer;
}
.mc-checkbox__input[type=number]::-webkit-inner-spin-button, .mc-checkbox__input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.mc-checkbox__input[type=number] {
-moz-appearance: textfield;
}
.mc-checkbox__input[type=search]::-webkit-search-decoration:hover, .mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover {
cursor: pointer;
}
.mc-checkbox__input::-ms-check {
background-color: #ffffff;
border: 2px solid #666666;
border-radius: 4px;
color: #ffffff;
}
.mc-checkbox__input:hover {
border-color: #191919;
}
.mc-checkbox__input:hover::-ms-check {
border-color: #191919;
}
.mc-checkbox__input:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-checkbox__input:focus::-ms-check {
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-checkbox__input:checked, .mc-checkbox__input:indeterminate {
background-color: #00919f;
border-color: #00919f;
background-size: 1rem 1rem;
}
.mc-checkbox__input:checked {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23ffffff%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z%27/%3E%3C/svg%3E");
background-position: center center;
}
.mc-checkbox__input:checked::-ms-check {
background-color: #00919f;
border-color: #00919f;
}
.mc-checkbox__input:checked:hover:not(:disabled) {
border-color: #004e57;
}
.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check {
border-color: #004e57;
}
.mc-checkbox__input:indeterminate {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23ffffff%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12 9H4a1 1 0 010-2h8a1 1 0 010 2z%27/%3E%3C/svg%3E");
}
.mc-checkbox__input:disabled {
background-color: #e6e6e6;
border-color: #e6e6e6;
cursor: not-allowed;
}
.mc-checkbox__input:disabled::-ms-check {
background-color: #e6e6e6;
border-color: #e6e6e6;
}
.mc-checkbox__input:disabled:checked {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23999999%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z%27/%3E%3C/svg%3E");
}
.mc-checkbox__input:disabled:indeterminate {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23999999%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12 9H4a1 1 0 010-2h8a1 1 0 010 2z%27/%3E%3C/svg%3E");
}
.mc-checkbox__input:disabled + .mc-checkbox__label {
color: #808080;
}
.mc-checkbox__input.is-invalid {
border-color: #c61112;
}
.mc-checkbox__input.is-invalid::-ms-check {
border-color: #c61112;
}
.mc-checkbox__input.is-invalid:hover {
border-color: #530000;
}
.mc-checkbox__input.is-invalid:hover::-ms-check {
border-color: #530000;
}
/* stylelint-enable */
@charset "UTF-8";
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-field__label, .mc-field__legend {
font-size: 0.875rem;
line-height: 1.2857142857;
font-weight: 400;
color: #333333;
}
.mc-field__legend {
padding-left: 0;
padding-right: 0;
}
.mc-field__legend + .mc-field__container, .mc-field__help + .mc-field__container {
margin-top: 1rem;
}
.mc-field__requirement, .mc-field__help {
font-size: 0.75rem;
line-height: 1.3333333333;
font-weight: 400;
color: #666666;
}
.mc-field__requirement::before {
content: " - ";
}
.mc-field__help {
display: block;
margin-top: 0.125rem;
}
.mc-field .mc-field__input,
.mc-field .mc-field__element {
margin-top: 0.5rem;
}
@media screen and (min-width: 769px) {
.mc-field__container--inline, .mc-field__element--inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 769px) {
.mc-field__container--inline .mc-field__item:not(:last-child), .mc-field__element--inline .mc-field__item:not(:last-child) {
margin-bottom: 0;
margin-right: 1rem;
}
}
@media screen and (min-width: 1024px) {
.mc-field__container--inline .mc-field__item:not(:last-child), .mc-field__element--inline .mc-field__item:not(:last-child) {
margin-right: 2rem;
}
}
.mc-field__item:not(:last-child) {
margin-bottom: 1rem;
}
.mc-field__error-message {
font-size: 0.875rem;
line-height: 1.2857142857;
color: #c61112;
display: inline-block;
margin-top: 0.25rem;
}
.mc-field--group {
border: none;
margin-left: 0;
margin-right: 0;
padding: 0;
}
.mc-field--group .mc-field__error-message {
margin-top: 0.5rem;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-select {
font-family: "Roboto", sans-serif;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
/* for mozilla */
/* stylelint-disable-next-line */
font-size: 1rem;
line-height: 1.125;
background-position: right 1rem center, right 2.5rem center;
padding: calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23191919%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
background-color: #ffffff;
background-repeat: no-repeat;
background-size: 1rem 1rem, 1.5rem 1.5rem;
border: 1px solid #666666;
border-radius: 4px;
color: #191919;
-webkit-transition: border-color 200ms ease, -webkit-box-shadow 200ms ease;
transition: border-color 200ms ease, -webkit-box-shadow 200ms ease;
transition: border-color 200ms ease, box-shadow 200ms ease;
transition: border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
width: 100%;
}
.mc-select[type=number]::-webkit-inner-spin-button, .mc-select[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.mc-select[type=number] {
-moz-appearance: textfield;
}
.mc-select[type=search]::-webkit-search-decoration:hover, .mc-select[type=search]::-webkit-search-cancel-button:hover {
cursor: pointer;
}
.mc-select::-ms-expand {
display: none;
}
.mc-select:hover {
border-color: #191919;
}
.mc-select:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-select:disabled {
background-color: #e6e6e6;
border-color: #e6e6e6;
color: #666666;
cursor: not-allowed;
opacity: 1;
}
.mc-select.is-invalid {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23191919%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E"), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==);
border-color: #c61112;
}
.mc-select.is-valid {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23191919%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E"), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+);
border-color: #46a610;
}
.mc-select--s {
font-size: 0.875rem;
line-height: 1.1428571429;
background-position: right 0.5rem center, right 2rem center;
padding: calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px);
}
.mc-select--m {
font-size: 1rem;
line-height: 1.125;
background-position: right 1rem center, right 2.5rem center;
padding: calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);
}
@media screen and (min-width: 680px) {
.mc-select--s\@from-m {
font-size: 0.875rem;
line-height: 1.1428571429;
background-position: right 0.5rem center, right 2rem center;
padding: calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px);
}
.mc-select--m\@from-m {
font-size: 1rem;
line-height: 1.125;
background-position: right 1rem center, right 2.5rem center;
padding: calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);
}
}
@media screen and (min-width: 1024px) {
.mc-select--s\@from-l {
font-size: 0.875rem;
line-height: 1.1428571429;
background-position: right 0.5rem center, right 2rem center;
padding: calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px);
}
.mc-select--m\@from-l {
font-size: 1rem;
line-height: 1.125;
background-position: right 1rem center, right 2.5rem center;
padding: calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);
}
}
@media screen and (min-width: 1280px) {
.mc-select--s\@from-xl {
font-size: 0.875rem;
line-height: 1.1428571429;
background-position: right 0.5rem center, right 2rem center;
padding: calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px);
}
.mc-select--m\@from-xl {
font-size: 1rem;
line-height: 1.125;
background-position: right 1rem center, right 2.5rem center;
padding: calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);
}
}
@media screen and (min-width: 1920px) {
.mc-select--s\@from-xxl {
font-size: 0.875rem;
line-height: 1.1428571429;
background-position: right 0.5rem center, right 2rem center;
padding: calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px);
}
.mc-select--m\@from-xxl {
font-size: 1rem;
line-height: 1.125;
background-position: right 1rem center, right 2.5rem center;
padding: calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);
}
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-button[data-v-315cd19e] {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
border: none;
cursor: pointer;
padding: 0;
color: #ffffff;
background-color: #007f8c;
font-family: "Roboto", sans-serif;
font-weight: 700;
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
cursor: pointer;
border-radius: 4px;
text-align: center;
border: 2px solid transparent;
-webkit-transition: all ease 200ms;
transition: all ease 200ms;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-sizing: border-box;
box-sizing: border-box;
fill: currentColor;
}
.mc-button[data-v-315cd19e]:hover {
background-color: #006974;
color: #ffffff;
}
.mc-button[data-v-315cd19e]:active {
background-color: #006974;
}
.mc-button[data-v-315cd19e]:disabled, .mc-button.is-disabled[data-v-315cd19e], .mc-button[aria-disabled=true][data-v-315cd19e] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button .mc-button__icon[data-v-315cd19e] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button .mc-button__icon[data-v-315cd19e]:first-child, .mc-button .mc-button__icon[data-v-315cd19e]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button .mc-button__icon[data-v-315cd19e]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button[data-v-315cd19e]:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-button--s[data-v-315cd19e] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s .mc-button__icon[data-v-315cd19e] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s .mc-button__icon[data-v-315cd19e]:first-child, .mc-button--s .mc-button__icon[data-v-315cd19e]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s .mc-button__icon[data-v-315cd19e]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m[data-v-315cd19e] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m .mc-button__icon[data-v-315cd19e] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m .mc-button__icon[data-v-315cd19e]:first-child, .mc-button--m .mc-button__icon[data-v-315cd19e]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m .mc-button__icon[data-v-315cd19e]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l[data-v-315cd19e] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l .mc-button__icon[data-v-315cd19e] {
width: 2rem;
height: 2rem;
}
.mc-button--l .mc-button__icon[data-v-315cd19e]:first-child, .mc-button--l .mc-button__icon[data-v-315cd19e]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l .mc-button__icon[data-v-315cd19e]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit[data-v-315cd19e] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full[data-v-315cd19e] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full[data-v-315cd19e] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
.mc-button--square[data-v-315cd19e] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 0;
padding: 0;
}
.mc-button__icon[data-v-315cd19e] {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mc-button__icon[data-v-315cd19e]:last-child {
margin-left: 0.5rem;
margin-right: -0.25rem;
}
.mc-button__icon[data-v-315cd19e]:first-child {
margin-right: 0.5rem;
margin-left: -0.25rem;
}
.mc-button__icon[data-v-315cd19e]:only-child {
margin: 0;
}
.mc-button__label[data-v-315cd19e] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
pointer-events: none;
}
a.mc-button[data-v-315cd19e]:disabled, a.mc-button.is-disabled[data-v-315cd19e] {
pointer-events: none;
}
.mc-button--solid-primary-02[data-v-315cd19e] {
background-color: #6a7081;
}
.mc-button--solid-primary-02[data-v-315cd19e]:hover {
background-color: #242938;
}
.mc-button--solid-primary-02[data-v-315cd19e]:active {
background-color: #171b26;
}
.mc-button--solid-primary-02[data-v-315cd19e]:disabled, .mc-button--solid-primary-02.is-disabled[data-v-315cd19e], .mc-button--solid-primary-02[aria-disabled=true][data-v-315cd19e] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--solid-neutral[data-v-315cd19e] {
background-color: #333333;
}
.mc-button--solid-neutral[data-v-315cd19e]:hover {
background-color: #191919;
}
.mc-button--solid-neutral[data-v-315cd19e]:active {
background-color: #333333;
}
.mc-button--solid-neutral[data-v-315cd19e]:disabled, .mc-button--solid-neutral.is-disabled[data-v-315cd19e], .mc-button--solid-neutral[aria-disabled=true][data-v-315cd19e] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--solid-danger[data-v-315cd19e] {
background-color: #c61112;
}
.mc-button--solid-danger[data-v-315cd19e]:hover {
background-color: #8c0003;
}
.mc-button--solid-danger[data-v-315cd19e]:active {
background-color: #8c0003;
}
.mc-button--solid-danger[data-v-315cd19e]:disabled, .mc-button--solid-danger.is-disabled[data-v-315cd19e], .mc-button--solid-danger[aria-disabled=true][data-v-315cd19e] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--bordered[data-v-315cd19e] {
color: #007f8c;
border-color: #007f8c;
background-color: #ffffff;
}
.mc-button--bordered[data-v-315cd19e]:hover {
background-color: #d9f0f3;
color: #006974;
}
.mc-button--bordered[data-v-315cd19e]:active {
background-color: #91d5db;
color: #004e57;
}
.mc-button--bordered[data-v-315cd19e]:active {
background-color: #91d5db;
color: #004e57;
}
.mc-button--bordered[data-v-315cd19e]:disabled, .mc-button--bordered.is-disabled[data-v-315cd19e], .mc-button--bordered[aria-disabled=true][data-v-315cd19e] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--bordered-primary-02[data-v-315cd19e] {
color: #6a7081;
border-color: #6a7081;
background-color: #ffffff;
}
.mc-button--bordered-primary-02[data-v-315cd19e]:hover {
background-color: #eeeff1;
color: #6a7081;
}
.mc-button--bordered-primary-02[data-v-315cd19e]:active {
background-color: #cfd2d8;
}
.mc-button--bordered-primary-02[data-v-315cd19e]:disabled, .mc-button--bordered-primary-02.is-disabled[data-v-315cd19e], .mc-button--bordered-primary-02[aria-disabled=true][data-v-315cd19e] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--bordered-neutral[data-v-315cd19e] {
color: #333333;
border-color: #333333;
background-color: #ffffff;
}
.mc-button--bordered-neutral[data-v-315cd19e]:hover {
background-color: #e6e6e6;
color: #333333;
}
.mc-button--bordered-neutral[data-v-315cd19e]:active {
background-color: #cccccc;
}
.mc-button--bordered-neutral[data-v-315cd19e]:disabled, .mc-button--bordered-neutral.is-disabled[data-v-315cd19e], .mc-button--bordered-neutral[aria-disabled=true][data-v-315cd19e] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--bordered-danger[data-v-315cd19e] {
color: #c61112;
border-color: #c61112;
background-color: #ffffff;
}
.mc-button--bordered-danger[data-v-315cd19e]:hover {
background-color: #fdeaea;
color: #8c0003;
}
.mc-button--bordered-danger[data-v-315cd19e]:active {
background-color: #f8bcbb;
color: #530000;
}
.mc-button--bordered-danger[data-v-315cd19e]:active {
background-color: #f8bcbb;
color: #530000;
}
.mc-button--bordered-danger[data-v-315cd19e]:disabled, .mc-button--bordered-danger.is-disabled[data-v-315cd19e], .mc-button--bordered-danger[aria-disabled=true][data-v-315cd19e] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
@media screen and (min-width: 680px) {
.mc-button--s\@from-m[data-v-315cd19e] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s\@from-m .mc-button__icon[data-v-315cd19e] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s\@from-m .mc-button__icon[data-v-315cd19e]:first-child, .mc-button--s\@from-m .mc-button__icon[data-v-315cd19e]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s\@from-m .mc-button__icon[data-v-315cd19e]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-m[data-v-315cd19e] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m\@from-m .mc-button__icon[data-v-315cd19e] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-m .mc-button__icon[data-v-315cd19e]:first-child, .mc-button--m\@from-m .mc-button__icon[data-v-315cd19e]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m\@from-m .mc-button__icon[data-v-315cd19e]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-m[data-v-315cd19e] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l\@from-m .mc-button__icon[data-v-315cd19e] {
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-m .mc-button__icon[data-v-315cd19e]:first-child, .mc-button--l\@from-m .mc-button__icon[data-v-315cd19e]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l\@from-m .mc-button__icon[data-v-315cd19e]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit\@from-m[data-v-315cd19e] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full\@from-m[data-v-315cd19e] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full\@from-m[data-v-315cd19e] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
}
@media screen and (min-width: 1024px) {
.mc-button--s\@from-l[data-v-315cd19e] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s\@from-l .mc-button__icon[data-v-315cd19e] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s\@from-l .mc-button__icon[data-v-315cd19e]:first-child, .mc-button--s\@from-l .mc-button__icon[data-v-315cd19e]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s\@from-l .mc-button__icon[data-v-315cd19e]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-l[data-v-315cd19e] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m\@from-l .mc-button__icon[data-v-315cd19e] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-l .mc-button__icon[data-v-315cd19e]:first-child, .mc-button--m\@from-l .mc-button__icon[data-v-315cd19e]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m\@from-l .mc-button__icon[data-v-315cd19e]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-l[data-v-315cd19e] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l\@from-l .mc-button__icon[data-v-315cd19e] {
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-l .mc-button__icon[data-v-315cd19e]:first-child, .mc-button--l\@from-l .mc-button__icon[data-v-315cd19e]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l\@from-l .mc-button__icon[data-v-315cd19e]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit\@from-l[data-v-315cd19e] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full\@from-l[data-v-315cd19e] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full\@from-l[data-v-315cd19e] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
.mc-button--square[data-v-315cd19e] {
padding: 0;
}
}
@media screen and (min-width: 1280px) {
.mc-button--s\@from-xl[data-v-315cd19e] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s\@from-xl .mc-button__icon[data-v-315cd19e] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s\@from-xl .mc-button__icon[data-v-315cd19e]:first-child, .mc-button--s\@from-xl .mc-button__icon[data-v-315cd19e]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s\@from-xl .mc-button__icon[data-v-315cd19e]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-xl[data-v-315cd19e] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m\@from-xl .mc-button__icon[data-v-315cd19e] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-xl .mc-button__icon[data-v-315cd19e]:first-child, .mc-button--m\@from-xl .mc-button__icon[data-v-315cd19e]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m\@from-xl .mc-button__icon[data-v-315cd19e]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-xl[data-v-315cd19e] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l\@from-xl .mc-button__icon[data-v-315cd19e] {
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-xl .mc-button__icon[data-v-315cd19e]:first-child, .mc-button--l\@from-xl .mc-button__icon[data-v-315cd19e]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l\@from-xl .mc-button__icon[data-v-315cd19e]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit\@from-xl[data-v-315cd19e] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full\@from-xl[data-v-315cd19e] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full\@from-xl[data-v-315cd19e] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
}
@media screen and (min-width: 1920px) {
.mc-button--s\@from-xxl[data-v-315cd19e] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s\@from-xxl .mc-button__icon[data-v-315cd19e] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s\@from-xxl .mc-button__icon[data-v-315cd19e]:first-child, .mc-button--s\@from-xxl .mc-button__icon[data-v-315cd19e]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s\@from-xxl .mc-button__icon[data-v-315cd19e]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-xxl[data-v-315cd19e] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m\@from-xxl .mc-button__icon[data-v-315cd19e] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-xxl .mc-button__icon[data-v-315cd19e]:first-child, .mc-button--m\@from-xxl .mc-button__icon[data-v-315cd19e]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m\@from-xxl .mc-button__icon[data-v-315cd19e]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-xxl[data-v-315cd19e] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l\@from-xxl .mc-button__icon[data-v-315cd19e] {
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-xxl .mc-button__icon[data-v-315cd19e]:first-child, .mc-button--l\@from-xxl .mc-button__icon[data-v-315cd19e]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l\@from-xxl .mc-button__icon[data-v-315cd19e]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit\@from-xxl[data-v-315cd19e] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full\@from-xxl[data-v-315cd19e] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full\@from-xxl[data-v-315cd19e] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
}
.mc-pagination[data-v-315cd19e] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 1rem;
}
.mc-pagination__select[data-v-315cd19e] {
font-size: 1rem;
line-height: 1.125;
padding: 0.875rem 3rem 0.875rem calc(0.75rem - 1px);
}
@media screen and (min-width: 1024px) {
.mc-pagination__select[data-v-315cd19e] {
font-size: 0.875rem;
line-height: 1.1428571429;
padding: calc(0.5rem - 1px) 2.25rem calc(0.5rem - 1px) calc(0.5rem - 1px);
}
}
/* stylelint-disable */
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-data-table {
font-family: "Roboto", sans-serif;
background-color: #e7e7f0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mc-data-table *,
.mc-data-table ::after,
.mc-data-table ::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.mc-data-table__body {
scrollbar-color: #666666 #e6e6e6;
scrollbar-width: thin;
overflow-x: auto;
overflow-y: hidden;
}
.mc-data-table__body::-webkit-scrollbar {
background-color: #e6e6e6;
height: 0.5rem;
width: 0.5rem;
}
.mc-data-table__body::-webkit-scrollbar-track {
background: #e6e6e6;
}
.mc-data-table__body::-webkit-scrollbar-thumb {
background: #666666;
}
.mc-data-table__body table {
border-collapse: collapse;
border-spacing: 0;
caption-side: bottom;
width: 100%;
}
.mc-data-table__body table > thead, .mc-data-table__body table > tbody {
background-color: #ffffff;
}
.mc-data-table__body table thead th,
.mc-data-table__body table thead td {
font-weight: 700;
font-size: 0.75rem;
line-height: 1.3333333333;
color: #393879;
text-transform: uppercase;
height: 2.9375rem;
}
.mc-data-table__body table thead th .header,
.mc-data-table__body table thead td .header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
font-family: inherit;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.mc-data-table__body table thead th .header__sort,
.mc-data-table__body table thead td .header__sort {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 1.5rem;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-left: 0.5rem;
width: 1.5rem;
cursor: pointer;
}
.mc-data-table__body table thead th .header__sort::after, .mc-data-table__body table thead th .header__sort::before,
.mc-data-table__body table thead td .header__sort::after,
.mc-data-table__body table thead td .header__sort::before {
background-color: #cdd4d8;
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
height: 0.5rem;
width: 0.75rem;
}
.mc-data-table__body table thead th .header__sort::before,
.mc-data-table__body table thead td .header__sort::before {
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.mc-data-table__body table thead th .header__sort::after,
.mc-data-table__body table thead td .header__sort::after {
clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.mc-data-table__body table thead th .header__sort.asc::before,
.mc-data-table__body table thead td .header__sort.asc::before {
background-color: #605f9d;
}
.mc-data-table__body table thead th .header__sort.desc::after,
.mc-data-table__body table thead td .header__sort.desc::after {
background-color: #605f9d;
}
.mc-data-table__body table thead th .header__sort svg,
.mc-data-table__body table thead td .header__sort svg {
display: none;
opacity: 0;
}
.mc-data-table__body table tbody tr:hover {
background-color: #eaedef;
}
.mc-data-table__body table tbody tr.mc-data-table__body__row--clickable {
cursor: pointer;
}
.mc-data-table__body table tbody tr.mc-data-table__body__row--clickable:active {
background-color: #d9f0f3;
}
.mc-data-table__body table tbody tr.row-selected {
background-color: #d9f0f3;
}
.mc-data-table__body table tbody th,
.mc-data-table__body table tbody td {
font-size: 0.875rem;
line-height: 1.2857142857;
color: #191919;
}
.mc-data-table__body table tr {
height: 2.9375rem;
}
.mc-data-table__body table th,
.mc-data-table__body table td {
border-bottom: 1px solid #b3b3b3;
text-align: left;
vertical-align: middle;
padding: 0 1rem;
}
.mc-data-table--s .mc-data-table__body table th,
.mc-data-table--s .mc-data-table__body table tr {
height: 2.4375rem;
}
.mc-data-table--l .mc-data-table__body table th,
.mc-data-table--l .mc-data-table__body table tr {
height: 3.4375rem;
}
.mc-data-table--fixed-header .mc-data-table__body table > thead {
-webkit-box-shadow: 0px 4px 20px 0px rgba(25, 25, 25, 0.2);
box-shadow: 0px 4px 20px 0px rgba(25, 25, 25, 0.2);
top: 0;
z-index: var(--datatable-head-z-index, 2);
position: sticky;
}
.mc-data-table--fixed-header .mc-data-table__body table > tbody tr:last-child th,
.mc-data-table--fixed-header .mc-data-table__body table > tbody tr:last-child td {
border-bottom: transparent;
}
.mc-data-table[style*=height] .mc-data-table__body {
overflow-y: auto;
}
.mc-data-table__footer {
-webkit-box-shadow: 0px 1px 5px 0px rgba(25, 25, 25, 0.2);
box-shadow: 0px 1px 5px 0px rgba(25, 25, 25, 0.2);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.75rem 1rem;
gap: 1rem;
}
@media screen and (max-width: 679px) {
.mc-data-table__footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.mc-data-table__footer__item-per-page {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mc-data-table__footer__display-total-item {
width: auto;
min-width: 150px;
padding: 0.5rem 2.25rem;
font-size: 0.875rem;
}
.mc-data-table__footer__display-total-item .strong {
font-weight: bold;
}
.mc-data-table__footer__pagination {
margin-left: auto;
}
.mc-datatable__container {
border-radius: 4px;
-webkit-box-shadow: 0px 1px 5px 0px rgba(25, 25, 25, 0.2);
box-shadow: 0px 1px 5px 0px rgba(25, 25, 25, 0.2);
background-color: #e7e7f0;
overflow: hidden;
}
/* stylelint-enable */
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-datatable__sort[data-v-60312997]::after {
display: none;
}
.mc-datatable__sort:focus .mc-datatable__sort-arrow[data-v-60312997] {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
border-radius: 0.125rem;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-datatable__row--clickable[data-v-5191d9eb] {
cursor: pointer;
}
.mc-datatable__row[data-v-5191d9eb]:focus {
background-color: #d9f0f3;
outline: none;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-datatable__row-inner[data-v-12173015] {
background-color: #e7e7f0;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-datatable__btn[data-v-1afd5d51] {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
border: none;
cursor: pointer;
padding: 0;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mc-datatable__btn[data-v-1afd5d51]::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
}
.mc-datatable__btn-label[data-v-1afd5d51] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.mc-datatable__btn-icon[data-v-1afd5d51] {
fill: #007f8c;
}
.mc-datatable__btn-icon[data-v-1afd5d51],
.mc-datatable__btn svg[data-v-1afd5d51] {
width: 1.5rem;
height: 1.5rem;
}
.mc-datatable__btn[data-v-1afd5d51]:focus::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-datatable__sort[data-v-1afd5d51] {
font-weight: 700;
font-size: 0.75rem;
line-height: 1.3333333333;
color: #393879;
text-transform: uppercase;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
font-family: inherit;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.mc-datatable__sort-arrow[data-v-1afd5d51] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 1.5rem;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-left: 0.5rem;
width: 1.5rem;
}
.mc-datatable__sort-arrow[data-v-1afd5d51]::after, .mc-datatable__sort-arrow[data-v-1afd5d51]::before {
background-color: #cdd4d8;
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
height: 0.5rem;
width: 0.75rem;
}
.mc-datatable__sort-arrow[data-v-1afd5d51]::before {
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.asc .mc-datatable__sort-arrow[data-v-1afd5d51]::before {
background-color: #605f9d;
}
.desc .mc-datatable__sort-arrow[data-v-1afd5d51]::before {
display: none;
}
.mc-datatable__sort-arrow[data-v-1afd5d51]::after {
clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.asc .mc-datatable__sort-arrow[data-v-1afd5d51]::after {
display: none;
}
.desc .mc-datatable__sort-arrow[data-v-1afd5d51]::after {
background-color: #605f9d;
}
.mc-datatable__options[data-v-1afd5d51] {
width: 1.5rem;
height: 1.5rem;
}
.mc-datatable .visually-hidden[data-v-1afd5d51] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.mc-datatable__btn:disabled .mc-datatable__btn-icon[data-v-1afd5d51] {
border-color: transparent;
fill: #666666;
cursor: not-allowed;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-datatable__empty {
font-size: 1rem;
line-height: 1.375;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #e7e7f0;
color: #4b4a8c;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
height: 18.1875rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.mc-datatable__empty p {
margin: 0 auto;
}
.mc-datatable__empty strong {
font-size: 1.125rem;
line-height: 1.3333333333;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-datatable__selection {
background: #ffffff;
margin-bottom: 0.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.25rem;
height: 34px;
font-weight: 400;
font-size: 14px;
line-height: 18px;
gap: 0.5rem;
}
.mc-datatable__selection-info {
color: #3a3936;
}
.mc-datatable__selection-btn {
color: #007f8c;
cursor: pointer;
background: none;
border: 0;
font-style: normal;
font-family: inherit;
font-weight: 400;
padding: 0;
text-decoration-line: underline;
}
.mc-datatable__selection-btn:hover {
text-decoration-line: none;
}
.mc-datatable__main {
overflow-y: auto;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
/* stylelint-disable no-descending-specificity */
.mc-checkbox {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mc-checkbox__label {
font-size: 1rem;
line-height: 1.125;
cursor: pointer;
margin-left: 0.5rem;
color: #000000;
}
.mc-checkbox__input {
font-family: "Roboto", sans-serif;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
/* for mozilla */
/* stylelint-disable-next-line */
min-width: 20px;
min-height: 20px;
width: 1.25rem;
height: 1.25rem;
border-radius: 4px;
border: 2px solid #666666;
background-color: #ffffff;
position: relative;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
cursor: pointer;
}
.mc-checkbox__input[type=number]::-webkit-inner-spin-button, .mc-checkbox__input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.mc-checkbox__input[type=number] {
-moz-appearance: textfield;
}
.mc-checkbox__input[type=search]::-webkit-search-decoration:hover, .mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover {
cursor: pointer;
}
.mc-checkbox__input::-ms-check {
background-color: #ffffff;
border: 2px solid #666666;
border-radius: 4px;
color: #ffffff;
}
.mc-checkbox__input:hover {
border-color: #191919;
}
.mc-checkbox__input:hover::-ms-check {
border-color: #191919;
}
.mc-checkbox__input:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-checkbox__input:focus::-ms-check {
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-checkbox__input:checked, .mc-checkbox__input:indeterminate {
background-color: #00919f;
border-color: #00919f;
background-size: 1rem 1rem;
}
.mc-checkbox__input:checked {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23ffffff%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z%27/%3E%3C/svg%3E");
background-position: center center;
}
.mc-checkbox__input:checked::-ms-check {
background-color: #00919f;
border-color: #00919f;
}
.mc-checkbox__input:checked:hover:not(:disabled) {
border-color: #004e57;
}
.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check {
border-color: #004e57;
}
.mc-checkbox__input:indeterminate {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23ffffff%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12 9H4a1 1 0 010-2h8a1 1 0 010 2z%27/%3E%3C/svg%3E");
}
.mc-checkbox__input:disabled {
background-color: #e6e6e6;
border-color: #e6e6e6;
cursor: not-allowed;
}
.mc-checkbox__input:disabled::-ms-check {
background-color: #e6e6e6;
border-color: #e6e6e6;
}
.mc-checkbox__input:disabled:checked {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23999999%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z%27/%3E%3C/svg%3E");
}
.mc-checkbox__input:disabled:indeterminate {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23999999%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12 9H4a1 1 0 010-2h8a1 1 0 010 2z%27/%3E%3C/svg%3E");
}
.mc-checkbox__input:disabled + .mc-checkbox__label {
color: #808080;
}
.mc-checkbox__input.is-invalid {
border-color: #c61112;
}
.mc-checkbox__input.is-invalid::-ms-check {
border-color: #c61112;
}
.mc-checkbox__input.is-invalid:hover {
border-color: #530000;
}
.mc-checkbox__input.is-invalid:hover::-ms-check {
border-color: #530000;
}
/* stylelint-enable */
.mc-datatable {
font-family: "Roboto", sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mc-datatable *,
.mc-datatable ::after,
.mc-datatable ::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.mc-datatable__container {
border-radius: 4px;
-webkit-box-shadow: 0px 1px 5px 0px rgba(25, 25, 25, 0.2);
box-shadow: 0px 1px 5px 0px rgba(25, 25, 25, 0.2);
background-color: #e7e7f0;
overflow: hidden;
}
.mc-datatable__main {
scrollbar-color: #666666 #e6e6e6;
scrollbar-width: thin;
overflow: auto;
}
.mc-datatable__main::-webkit-scrollbar {
background-color: #e6e6e6;
height: 0.5rem;
width: 0.5rem;
}
.mc-datatable__main::-webkit-scrollbar-track {
background: #e6e6e6;
}
.mc-datatable__main::-webkit-scrollbar-thumb {
background: #666666;
}
.mc-datatable__table tr {
height: 2.9375rem;
}
.mc-datatable thead th,
.mc-datatable thead td {
height: 2.9375rem;
}
.mc-datatable__table {
border-collapse: collapse;
border-spacing: 0;
caption-side: bottom;
width: 100%;
}
.mc-datatable__table > thead, .mc-datatable__table > tbody {
background-color: #ffffff;
}
.mc-datatable__table th,
.mc-datatable__table td {
border-bottom: 1px solid #b3b3b3;
text-align: left;
vertical-align: middle;
padding-right: 1rem;
padding-left: 1rem;
}
.mc-datatable thead th,
.mc-datatable thead td {
font-weight: 700;
font-size: 0.75rem;
line-height: 1.3333333333;
color: #393879;
text-transform: uppercase;
}
.mc-datatable__head small, .mc-datatable__cell small {
font-size: 0.6815rem;
line-height: 1.2839325018;
color: #4d4d4d;
display: block;
font-weight: normal;
text-transform: none;
}
.mc-datatable tbody tr.selected {
background-color: #d9f0f3;
}
.mc-datatable tbody th,
.mc-datatable tbody td {
font-size: 0.875rem;
line-height: 1.2857142857;
color: #191919;
}
.mc-datatable__row-parent:not(.mc-datatable__row-parent--expanded) + .mc-datatable__row-expandable {
height: 0;
}
.mc-datatable__row-parent:not(.mc-datatable__row-parent--expanded) + .mc-datatable__row-expandable .mc-datatable__row-inner {
overflow: hidden;
max-height: 0;
}
.mc-datatable__row-parent.mc-datatable__row-parent--expanded + .mc-datatable__row-expandable .mc-datatable__row-inner {
max-height: 100%;
}
.mc-datatable__row-expandable > td {
padding: 0;
border-bottom: 0;
}
.mc-datatable__row-expandable--offset-1 table th:first-child,
.mc-datatable__row-expandable--offset-1 table td:first-child {
padding-left: 4.25rem;
}
.mc-datatable__row-expandable--offset-2 table th:first-child,
.mc-datatable__row-expandable--offset-2 table td:first-child {
padding-left: 7.75rem;
}
.mc-datatable__cell-checkbox {
width: 3.25rem;
}
.mc-datatable__cell-button {
width: 3.5rem;
}
.mc-datatable__cell-field {
min-width: 9.375rem;
}
td.mc-datatable__cell-number {
text-align: right;
}
.mc-datatable--s .mc-datatable__table tr {
height: 2.4375rem;
}
.mc-datatable--s .mc-datatable thead th,
.mc-datatable--s .mc-datatable thead td {
height: 2.4375rem;
}
.mc-datatable--l .mc-datatable__table tr {
height: 3.4375rem;
}
.mc-datatable--l .mc-datatable thead th,
.mc-datatable--l .mc-datatable thead td {
height: 3.4375rem;
}
.mc-datatable--sticky .mc-datatable__table > thead, .mc-datatable--sticky-header .mc-datatable__table > thead {
-webkit-box-shadow: 0px 4px 20px 0px rgba(25, 25, 25, 0.2);
box-shadow: 0px 4px 20px 0px rgba(25, 25, 25, 0.2);
top: 0;
z-index: var(--datatable-sticky-header-z-index, 3);
}
.mc-datatable--sticky .mc-datatable__table > tbody > tr:last-child th,
.mc-datatable--sticky .mc-datatable__table > tbody > tr:last-child td, .mc-datatable--sticky-header .mc-datatable__table > tbody > tr:last-child th,
.mc-datatable--sticky-header .mc-datatable__table > tbody > tr:last-child td {
border-bottom: transparent;
}
.mc-datatable--sticky .mc-datatable__footer, .mc-datatable--sticky-header .mc-datatable__footer {
border-top: 1px solid #b3b3b3;
position: relative;
z-index: var(--datatable-sticky-footer-z-index, 3);
}
.mc-datatable--sticky .mc-datatable__main {
padding-top: 2.9375rem;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.mc-datatable--sticky .mc-datatable__table {
scrollbar-color: #666666 #e6e6e6;
scrollbar-width: thin;
display: block;
overflow-y: auto;
}
.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar {
background-color: #e6e6e6;
height: 0.5rem;
width: 0.5rem;
}
.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar-track {
background: #e6e6e6;
}
.mc-datatable--sticky .mc-datatable__table::-webkit-scrollbar-thumb {
background: #666666;
}
.mc-datatable--sticky .mc-datatable__table > thead {
position: fixed;
width: 100%;
}
.mc-datatable--sticky .mc-datatable__table > thead,
.mc-datatable--sticky .mc-datatable__table > tbody,
.mc-datatable--sticky .mc-datatable__table > thead tr,
.mc-datatable--sticky .mc-datatable__table > tbody tr,
.mc-datatable--sticky .mc-datatable__table > thead th,
.mc-datatable--sticky .mc-datatable__table > thead td,
.mc-datatable--sticky .mc-datatable__table > tbody th,
.mc-datatable--sticky .mc-datatable__table > tbody td {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mc-datatable--sticky .mc-datatable__table > thead,
.mc-datatable--sticky .mc-datatable__table > tbody,
.mc-datatable--sticky .mc-datatable__table > thead tr,
.mc-datatable--sticky .mc-datatable__table > tbody tr {
width: 100%;
}
.mc-datatable--sticky .mc-datatable__table > tbody {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.mc-datatable--sticky .mc-datatable__table > thead th,
.mc-datatable--sticky .mc-datatable__table > thead td,
.mc-datatable--sticky .mc-datatable__table > tbody th,
.mc-datatable--sticky .mc-datatable__table > tbody td {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mc-datatable--sticky .mc-datatable__table > thead th:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),
.mc-datatable--sticky .mc-datatable__table > thead td:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),
.mc-datatable--sticky .mc-datatable__table > tbody th:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button),
.mc-datatable--sticky .mc-datatable__table > tbody td:not(.mc-datatable__cell-checkbox):not(.mc-datatable__cell-button) {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.mc-datatable--sticky .mc-datatable__cell-checkbox, .mc-datatable--sticky .mc-datatable__cell-button, .mc-datatable--sticky .mc-datatable__cell-field, .mc-datatable--sticky .mc-datatable__cell-number {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mc-datatable--sticky .mc-datatable__cell-number {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.mc-datatable--sticky-header .mc-datatable__main {
overflow-y: auto;
}
.mc-datatable--sticky-header .mc-datatable__table > thead {
position: sticky;
}
.mc-datatable--overflow-visible .mc-datatable__container {
overflow: visible;
}
.mc-datatable--overflow-visible .mc-datatable__main {
overflow: visible;
}
.mc-datatable__btn {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
border: none;
cursor: pointer;
padding: 0;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mc-datatable__btn::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
}
.mc-datatable__btn-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.mc-datatable__btn-icon {
fill: #007f8c;
}
.mc-datatable__btn-icon,
.mc-datatable__btn svg {
width: 1.5rem;
height: 1.5rem;
}
.mc-datatable__btn:focus::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-datatable__sort {
font-weight: 700;
font-size: 0.75rem;
line-height: 1.3333333333;
color: #393879;
text-transform: uppercase;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
font-family: inherit;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.mc-datatable__sort-arrow {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 1.5rem;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-left: 0.5rem;
width: 1.5rem;
}
.mc-datatable__sort-arrow::after, .mc-datatable__sort-arrow::before {
background-color: #cdd4d8;
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
height: 0.5rem;
width: 0.75rem;
}
.mc-datatable__sort-arrow::before {
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.asc .mc-datatable__sort-arrow::before {
background-color: #605f9d;
}
.desc .mc-datatable__sort-arrow::before {
display: none;
}
.mc-datatable__sort-arrow::after {
clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.asc .mc-datatable__sort-arrow::after {
display: none;
}
.desc .mc-datatable__sort-arrow::after {
background-color: #605f9d;
}
.mc-datatable__options {
width: 1.5rem;
height: 1.5rem;
}
.mc-datatable .visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.mc-datatable__footer {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.75rem 1rem;
gap: 1rem;
}
@media screen and (max-width: 679px) {
.mc-datatable__footer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.mc-datatable__select {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.5rem;
}
.mc-datatable__select-label {
font-size: 0.875rem;
line-height: 1.2857142857;
color: #333333;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mc-datatable__count {
font-size: 0.75rem;
line-height: 1.3333333333;
color: #666666;
}
.mc-datatable__pagination {
margin-left: auto;
}
.mc-datatable__subtable {
border-collapse: collapse;
border-spacing: 0;
caption-side: bottom;
width: 100%;
background-color: #e7e7f0;
}
.mc-datatable__subtable th,
.mc-datatable__subtable td {
border-bottom-color: #a4a3c7;
}
.mc-datatable__subtable thead th,
.mc-datatable__subtable thead td {
font-size: 0.75rem;
line-height: 1.3333333333;
color: #1a1a4b;
}
.mc-datatable__subtable tbody th,
.mc-datatable__subtable tbody td {
color: #1a1a4b;
}
.mc-datatable__main {
overflow-y: auto;
}
.mc-datatable--sticky .mc-datatable__table > thead, .mc-datatable--sticky-header .mc-datatable__table > thead {
z-index: var(--datatable-head-z-index, 11);
}
.skeleton-cell {
background-color: #cdd4d8;
border-radius: 4px;
display: inline-block;
height: var(--skeleton-height, 1.25rem);
overflow: hidden;
position: relative;
width: var(--skeleton-width, 100%);
}
.skeleton-cell::after {
position: absolute;
inset: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.2)), color-stop(60%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
-webkit-animation: skeleton-animation 2s infinite;
animation: skeleton-animation 2s infinite;
content: "";
}
@-webkit-keyframes skeleton-animation {
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes skeleton-animation {
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-datatable__topbar, .mc-datatable__filters {
padding-bottom: 1rem;
}
.mc-datatable__topbar {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mc-datatable__topbar, .mc-datatable__topbar-edition, .mc-datatable__topbar-actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
}
.mc-datatable__topbar-edition, .mc-datatable__topbar-actions {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mc-datatable__topbar-edition {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mc-datatable__topbar-actions {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto;
}
.mc-datatable__filters {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.mc-datatable__filters:not(:only-child) {
border-top: 1px solid #b0bbc0;
padding-top: 1rem;
}
.mc-datatable__topbar-actions {
margin-left: auto;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-select[data-v-1358be4e] {
font-family: "Roboto", sans-serif;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
/* for mozilla */
/* stylelint-disable-next-line */
font-size: 1rem;
line-height: 1.125;
background-position: right 1rem center, right 2.5rem center;
padding: calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23191919%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
background-color: #ffffff;
background-repeat: no-repeat;
background-size: 1rem 1rem, 1.5rem 1.5rem;
border: 1px solid #666666;
border-radius: 4px;
color: #191919;
-webkit-transition: border-color 200ms ease, -webkit-box-shadow 200ms ease;
transition: border-color 200ms ease, -webkit-box-shadow 200ms ease;
transition: border-color 200ms ease, box-shadow 200ms ease;
transition: border-color 200ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
width: 100%;
}
.mc-select[type=number][data-v-1358be4e]::-webkit-inner-spin-button, .mc-select[type=number][data-v-1358be4e]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.mc-select[type=number][data-v-1358be4e] {
-moz-appearance: textfield;
}
.mc-select[type=search][data-v-1358be4e]::-webkit-search-decoration:hover, .mc-select[type=search][data-v-1358be4e]::-webkit-search-cancel-button:hover {
cursor: pointer;
}
.mc-select[data-v-1358be4e]::-ms-expand {
display: none;
}
.mc-select[data-v-1358be4e]:hover {
border-color: #191919;
}
.mc-select[data-v-1358be4e]:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-select[data-v-1358be4e]:disabled {
background-color: #e6e6e6;
border-color: #e6e6e6;
color: #666666;
cursor: not-allowed;
opacity: 1;
}
.mc-select.is-invalid[data-v-1358be4e] {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23191919%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E"), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiNjNjExMTIiPjxwYXRoIGQ9Ik0xMiAyYTEwIDEwIDAgMTAxMCAxMEExMCAxMCAwIDAwMTIgMnptMCAxOGE4IDggMCAxMTgtOCA4IDggMCAwMS04IDh6Ii8+PHBhdGggZD0iTTEyIDdhMSAxIDAgMDAtMSAxdjQuMzhhMSAxIDAgMDAyIDBWOGExIDEgMCAwMC0xLTF6Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxNiIgcj0iMSIvPjwvc3ZnPg==);
border-color: #c61112;
}
.mc-select.is-valid[data-v-1358be4e] {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23191919%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M8 11.5a1 1 0 01-.71-.29l-5-5a1 1 0 011.42-1.42L8 9.09l4.29-4.3a1 1 0 111.42 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E"), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMS41cmVtIiB3aWR0aD0iMS41cmVtIiBmaWxsPSIjNDZhNjEwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGQ9Ik0xMiA0YTggOCAwIDExLTggOCA4IDggMCAwMTgtOG0wLTJhMTAgMTAgMCAxMDEwIDEwQTEwIDEwIDAgMDAxMiAyeiIvPjxwYXRoIGQ9Ik0xMC43MyAxNS43NWExIDEgMCAwMS0uNjgtLjI2bC0zLTIuNzRhMSAxIDAgMDExLjM2LTEuNDdsMi4yNSAyLjA4IDQuMzYtNC40MmExIDEgMCAxMTEuNDIgMS40MWwtNSA1LjFhMSAxIDAgMDEtLjcxLjN6Ii8+PC9zdmc+);
border-color: #46a610;
}
.mc-select--s[data-v-1358be4e] {
font-size: 0.875rem;
line-height: 1.1428571429;
background-position: right 0.5rem center, right 2rem center;
padding: calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px);
}
.mc-select--m[data-v-1358be4e] {
font-size: 1rem;
line-height: 1.125;
background-position: right 1rem center, right 2.5rem center;
padding: calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);
}
@media screen and (min-width: 680px) {
.mc-select--s\@from-m[data-v-1358be4e] {
font-size: 0.875rem;
line-height: 1.1428571429;
background-position: right 0.5rem center, right 2rem center;
padding: calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px);
}
.mc-select--m\@from-m[data-v-1358be4e] {
font-size: 1rem;
line-height: 1.125;
background-position: right 1rem center, right 2.5rem center;
padding: calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);
}
}
@media screen and (min-width: 1024px) {
.mc-select--s\@from-l[data-v-1358be4e] {
font-size: 0.875rem;
line-height: 1.1428571429;
background-position: right 0.5rem center, right 2rem center;
padding: calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px);
}
.mc-select--m\@from-l[data-v-1358be4e] {
font-size: 1rem;
line-height: 1.125;
background-position: right 1rem center, right 2.5rem center;
padding: calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);
}
}
@media screen and (min-width: 1280px) {
.mc-select--s\@from-xl[data-v-1358be4e] {
font-size: 0.875rem;
line-height: 1.1428571429;
background-position: right 0.5rem center, right 2rem center;
padding: calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px);
}
.mc-select--m\@from-xl[data-v-1358be4e] {
font-size: 1rem;
line-height: 1.125;
background-position: right 1rem center, right 2.5rem center;
padding: calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);
}
}
@media screen and (min-width: 1920px) {
.mc-select--s\@from-xxl[data-v-1358be4e] {
font-size: 0.875rem;
line-height: 1.1428571429;
background-position: right 0.5rem center, right 2rem center;
padding: calc(0.5rem - 1px) 2rem calc(0.5rem - 1px) calc(0.5rem - 1px);
}
.mc-select--m\@from-xxl[data-v-1358be4e] {
font-size: 1rem;
line-height: 1.125;
background-position: right 1rem center, right 2.5rem center;
padding: calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);
}
}
.mc-dropdown[data-v-1358be4e] {
-ms-flex-item-align: start;
align-self: start;
position: relative;
min-width: var(--dropdown-min-width, 6rem);
max-width: var(--dropdown-width, auto);
width: 100%;
}
.mc-dropdown__tag[data-v-1358be4e], .mc-dropdown__tools[data-v-1358be4e] {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: var(--dropdown-tag-z-index, 2);
}
.mc-dropdown__tag[data-v-1358be4e] {
left: 0.75rem;
}
.mc-dropdown__trigger[data-v-1358be4e] {
display: block;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
}
.mc-dropdown__trigger.is-open[data-v-1358be4e] {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23000000%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M2 10.5a1 1 0 01.29-.71l5-5a1 1 0 011.42 0l5 5a1 1 0 01-1.42 1.42L8 6.91l-4.29 4.3a1 1 0 01-1.42 0A1 1 0 012 10.5z%27/%3E%3C/svg%3E");
}
.mc-dropdown__tools[data-v-1358be4e] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.5rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
right: 2.5rem;
}
.is-valid + .mc-dropdown__tools[data-v-1358be4e], .is-invalid + .mc-dropdown__tools[data-v-1358be4e] {
right: 4.5rem;
}
.mc-dropdown__clear[data-v-1358be4e] {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
border: none;
cursor: pointer;
padding: 0;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
-webkit-transition: -webkit-box-shadow 150ms ease;
transition: -webkit-box-shadow 150ms ease;
transition: box-shadow 150ms ease;
transition: box-shadow 150ms ease, -webkit-box-shadow 150ms ease;
background: none;
border-radius: 50%;
}
.mc-dropdown__clear[data-v-1358be4e]:focus {
-webkit-box-shadow: 0 0 0 2px #758992;
box-shadow: 0 0 0 2px #758992;
}
.mc-dropdown__clear[data-v-1358be4e], .mc-dropdown__clear-icon[data-v-1358be4e] {
height: 1.5rem;
width: 1.5rem;
}
.mc-dropdown__clear-icon[data-v-1358be4e] {
fill: #666666;
}
.mc-dropdown__clear-text[data-v-1358be4e] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.mc-dropdown--multi .mc-dropdown__trigger[data-v-1358be4e] {
padding-left: calc(0.75rem + var(--dropdown-tag-width, 0px));
}
.mc-dropdown--above[data-v-1358be4e] {
-webkit-transform: translateY(calc(-100% - var(--trigger-height)));
-ms-transform: translateY(calc(-100% - var(--trigger-height)));
transform: translateY(calc(-100% - var(--trigger-height)));
}
@charset "UTF-8";
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-field__label, .mc-field__legend {
font-size: 0.875rem;
line-height: 1.2857142857;
font-weight: 400;
color: #333333;
}
.mc-field__legend {
padding-left: 0;
padding-right: 0;
}
.mc-field__legend + .mc-field__container, .mc-field__help + .mc-field__container {
margin-top: 1rem;
}
.mc-field__requirement, .mc-field__help {
font-size: 0.75rem;
line-height: 1.3333333333;
font-weight: 400;
color: #666666;
}
.mc-field__requirement::before {
content: " - ";
}
.mc-field__help {
display: block;
margin-top: 0.125rem;
}
.mc-field .mc-field__input,
.mc-field .mc-field__element {
margin-top: 0.5rem;
}
@media screen and (min-width: 769px) {
.mc-field__container--inline, .mc-field__element--inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 769px) {
.mc-field__container--inline .mc-field__item:not(:last-child), .mc-field__element--inline .mc-field__item:not(:last-child) {
margin-bottom: 0;
margin-right: 1rem;
}
}
@media screen and (min-width: 1024px) {
.mc-field__container--inline .mc-field__item:not(:last-child), .mc-field__element--inline .mc-field__item:not(:last-child) {
margin-right: 2rem;
}
}
.mc-field__item:not(:last-child) {
margin-bottom: 1rem;
}
.mc-field__error-message {
font-size: 0.875rem;
line-height: 1.2857142857;
color: #c61112;
display: inline-block;
margin-top: 0.25rem;
}
.mc-field--group {
border: none;
margin-left: 0;
margin-right: 0;
padding: 0;
}
.mc-field--group .mc-field__error-message {
margin-top: 0.5rem;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-fileuploader {
position: relative;
display: block;
}
.mc-fileuploader__input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
visibility: visible;
white-space: nowrap;
}
.mc-fileuploader__label {
font-family: "Roboto", sans-serif;
font-weight: 700;
cursor: pointer;
border-radius: 4px;
text-align: center;
border: 2px solid transparent;
-webkit-transition: all ease 200ms;
transition: all ease 200ms;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
color: #007f8c;
border-color: #007f8c;
background-color: #ffffff;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mc-fileuploader__label .mc-button__icon {
width: 1.5rem;
height: 1.5rem;
}
.mc-fileuploader__label .mc-button__icon:first-child, .mc-fileuploader__label .mc-button__icon:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-fileuploader__label .mc-button__icon:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-fileuploader__label:hover {
background-color: #d9f0f3;
color: #006974;
}
.mc-fileuploader__label:active {
background-color: #91d5db;
color: #004e57;
}
.mc-fileuploader__label:active {
background-color: #91d5db;
color: #004e57;
}
.mc-fileuploader__label:disabled, .mc-fileuploader__label.is-disabled, .mc-fileuploader__label[aria-disabled=true] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-fileuploader__label::before {
content: "";
width: 1.5rem;
height: 1.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%23007f8c%27 viewBox=%270 0 24 24%27%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d=%27M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z%27/%3E%3Cpath d=%27M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z%27/%3E%3C/svg%3E") no-repeat;
background-size: 1.5rem;
margin-right: 0.5rem;
margin-left: -0.5rem;
}
:focus + .mc-fileuploader__label {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
:hover + .mc-fileuploader__label {
color: #006974;
background-color: #d9f0f3;
}
:disabled + .mc-fileuploader__label {
color: #666666;
background-color: #cccccc;
border-color: transparent;
cursor: not-allowed;
}
:disabled + .mc-fileuploader__label::before {
background: transparent url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%23666666%27 viewBox=%270 0 24 24%27%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d=%27M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z%27/%3E%3Cpath d=%27M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z%27/%3E%3C/svg%3E") no-repeat;
}
.mc-fileuploader__files {
list-style: none;
padding: 0;
margin: 1rem 0 0 0;
}
.mc-fileuploader__file {
font-family: "Roboto", sans-serif;
font-weight: 400;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #e6e6e6;
-webkit-box-sizing: content-box;
box-sizing: content-box;
color: #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.mc-fileuploader__file:not(:last-child) {
margin-bottom: 0.25rem;
}
.mc-fileuploader__file-name {
font-size: 1rem;
line-height: 1.375;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
overflow: hidden;
padding-left: 0.75rem;
padding-right: 0.75rem;
text-overflow: ellipsis;
white-space: nowrap;
max-width: calc(100% - 7.5rem);
}
.mc-fileuploader__file-icon {
background-color: transparent;
background-position: center right;
background-repeat: no-repeat;
background-size: 1.5rem;
display: block;
height: 1.5rem;
margin-left: 1rem;
margin-right: 1rem;
width: 1.5rem;
}
.mc-fileuploader__file--is-valid .mc-fileuploader__file-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%2300919f%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 4a8 8 0 1 1-8 8 8 8 0 0 1 8-8m0-2a10 10 0 1 0 10 10A10 10 0 0 0 12 2z%27/%3E%3Cpath d=%27M10.59 16.12a1 1 0 0 1-.68-.26l-3.84-3.55a1 1 0 0 1 1.36-1.47l3.13 2.89L16 8.17a1 1 0 0 1 1.43 1.41l-6.13 6.25a1 1 0 0 1-.71.29z%27/%3E%3C/svg%3E");
}
.mc-fileuploader__file--is-invalid .mc-fileuploader__file-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%23c61112%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z%27/%3E%3Cpath d=%27M12 7a1 1 0 0 0-1 1v4.38a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1z%27/%3E%3Ccircle cx=%2712%27 cy=%2716%27 r=%271%27/%3E%3C/svg%3E");
}
.mc-fileuploader__file--is-invalid .mc-fileuploader__file-message {
font-size: 0.875rem;
line-height: 1.2857142857;
background: #ffffff;
color: #c61112;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-top: 0.25rem;
}
.mc-fileuploader__delete {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #cccccc;
border: none;
cursor: pointer;
padding: 0.5rem;
}
.mc-fileuploader__delete::before {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-fileuploader__delete::after {
content: "";
width: 1.5rem;
height: 1.5rem;
background: transparent url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%23000000%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M18.08 8a1 1 0 0 0-1.08.92L16.08 20H7.92L7 8.92a1 1 0 1 0-2 .16l1 12A1 1 0 0 0 7 22h10a1 1 0 0 0 1-.92l1-12A1 1 0 0 0 18.08 8z%27/%3E%3Cpath d=%27M19 5h-3.77l-.65-2.27a1 1 0 0 0-1-.73h-3.2a1 1 0 0 0-1 .73L8.77 5H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2zm-8.62-2h3.24l.57 2H9.81zM12.5 18v-8a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0zM14.25 18.5a.5.5 0 0 0 .5-.47l.5-8a.5.5 0 0 0-.47-.53.49.49 0 0 0-.53.47l-.5 8a.5.5 0 0 0 .47.53zM9.75 18.5a.5.5 0 0 0 .47-.53l-.5-8a.49.49 0 0 0-.53-.47.5.5 0 0 0-.47.53l.5 8a.5.5 0 0 0 .53.47z%27/%3E%3C/svg%3E") no-repeat;
background-size: 1.5rem;
display: block;
}
.mc-fileuploader__delete:focus {
outline: none;
}
.mc-fileuploader__delete:focus::before {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
-webkit-box-shadow: 0 0 0 0.125rem #758992;
box-shadow: 0 0 0 0.125rem #758992;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-fileuploader {
position: relative;
display: block;
}
.mc-fileuploader__input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
visibility: visible;
white-space: nowrap;
}
.mc-fileuploader__label {
font-family: "Roboto", sans-serif;
font-weight: 700;
cursor: pointer;
border-radius: 4px;
text-align: center;
border: 2px solid transparent;
-webkit-transition: all ease 200ms;
transition: all ease 200ms;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
color: #007f8c;
border-color: #007f8c;
background-color: #ffffff;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mc-fileuploader__label .mc-button__icon {
width: 1.5rem;
height: 1.5rem;
}
.mc-fileuploader__label .mc-button__icon:first-child, .mc-fileuploader__label .mc-button__icon:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-fileuploader__label .mc-button__icon:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-fileuploader__label:hover {
background-color: #d9f0f3;
color: #006974;
}
.mc-fileuploader__label:active {
background-color: #91d5db;
color: #004e57;
}
.mc-fileuploader__label:active {
background-color: #91d5db;
color: #004e57;
}
.mc-fileuploader__label:disabled, .mc-fileuploader__label.is-disabled, .mc-fileuploader__label[aria-disabled=true] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-fileuploader__label::before {
content: "";
width: 1.5rem;
height: 1.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%23007f8c%27 viewBox=%270 0 24 24%27%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d=%27M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z%27/%3E%3Cpath d=%27M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z%27/%3E%3C/svg%3E") no-repeat;
background-size: 1.5rem;
margin-right: 0.5rem;
margin-left: -0.5rem;
}
:focus + .mc-fileuploader__label {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
:hover + .mc-fileuploader__label {
color: #006974;
background-color: #d9f0f3;
}
:disabled + .mc-fileuploader__label {
color: #666666;
background-color: #cccccc;
border-color: transparent;
cursor: not-allowed;
}
:disabled + .mc-fileuploader__label::before {
background: transparent url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%23666666%27 viewBox=%270 0 24 24%27%3E%3Ctitle%3EMedia_Upload_24px%3C/title%3E%3Cpath d=%27M8.71,7.71,11,5.41V16a1,1,0,0,0,2,0V5.41l2.29,2.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42l-4-4a1,1,0,0,0-1.42,0l-4,4A1,1,0,1,0,8.71,7.71Z%27/%3E%3Cpath d=%27M16.22,12.44a1,1,0,0,0-1.2.77,1,1,0,0,0,.76,1.19C18.55,15,20,16.17,20,17c0,1.22-3.12,3-8,3s-8-1.78-8-3c0-.83,1.45-2,4.22-2.6A1,1,0,0,0,9,13.21a1,1,0,0,0-1.2-.77C4.16,13.25,2,15,2,17c0,2.85,4.3,5,10,5s10-2.15,10-5C22,15,19.84,13.25,16.22,12.44Z%27/%3E%3C/svg%3E") no-repeat;
}
.mc-fileuploader__files {
list-style: none;
padding: 0;
margin: 1rem 0 0 0;
}
.mc-fileuploader__file {
font-family: "Roboto", sans-serif;
font-weight: 400;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #e6e6e6;
-webkit-box-sizing: content-box;
box-sizing: content-box;
color: #000000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.mc-fileuploader__file:not(:last-child) {
margin-bottom: 0.25rem;
}
.mc-fileuploader__file-name {
font-size: 1rem;
line-height: 1.375;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
overflow: hidden;
padding-left: 0.75rem;
padding-right: 0.75rem;
text-overflow: ellipsis;
white-space: nowrap;
max-width: calc(100% - 7.5rem);
}
.mc-fileuploader__file-icon {
background-color: transparent;
background-position: center right;
background-repeat: no-repeat;
background-size: 1.5rem;
display: block;
height: 1.5rem;
margin-left: 1rem;
margin-right: 1rem;
width: 1.5rem;
}
.mc-fileuploader__file--is-valid .mc-fileuploader__file-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%2300919f%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 4a8 8 0 1 1-8 8 8 8 0 0 1 8-8m0-2a10 10 0 1 0 10 10A10 10 0 0 0 12 2z%27/%3E%3Cpath d=%27M10.59 16.12a1 1 0 0 1-.68-.26l-3.84-3.55a1 1 0 0 1 1.36-1.47l3.13 2.89L16 8.17a1 1 0 0 1 1.43 1.41l-6.13 6.25a1 1 0 0 1-.71.29z%27/%3E%3C/svg%3E");
}
.mc-fileuploader__file--is-invalid .mc-fileuploader__file-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%23c61112%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8z%27/%3E%3Cpath d=%27M12 7a1 1 0 0 0-1 1v4.38a1 1 0 0 0 2 0V8a1 1 0 0 0-1-1z%27/%3E%3Ccircle cx=%2712%27 cy=%2716%27 r=%271%27/%3E%3C/svg%3E");
}
.mc-fileuploader__file--is-invalid .mc-fileuploader__file-message {
font-size: 0.875rem;
line-height: 1.2857142857;
background: #ffffff;
color: #c61112;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-top: 0.25rem;
}
.mc-fileuploader__delete {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #cccccc;
border: none;
cursor: pointer;
padding: 0.5rem;
}
.mc-fileuploader__delete::before {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
top: -0.125rem;
right: -0.125rem;
bottom: -0.125rem;
left: -0.125rem;
}
.mc-fileuploader__delete::after {
content: "";
width: 1.5rem;
height: 1.5rem;
background: transparent url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%23000000%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M18.08 8a1 1 0 0 0-1.08.92L16.08 20H7.92L7 8.92a1 1 0 1 0-2 .16l1 12A1 1 0 0 0 7 22h10a1 1 0 0 0 1-.92l1-12A1 1 0 0 0 18.08 8z%27/%3E%3Cpath d=%27M19 5h-3.77l-.65-2.27a1 1 0 0 0-1-.73h-3.2a1 1 0 0 0-1 .73L8.77 5H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2zm-8.62-2h3.24l.57 2H9.81zM12.5 18v-8a.5.5 0 0 0-1 0v8a.5.5 0 0 0 1 0zM14.25 18.5a.5.5 0 0 0 .5-.47l.5-8a.5.5 0 0 0-.47-.53.49.49 0 0 0-.53.47l-.5 8a.5.5 0 0 0 .47.53zM9.75 18.5a.5.5 0 0 0 .47-.53l-.5-8a.49.49 0 0 0-.53-.47.5.5 0 0 0-.47.53l.5 8a.5.5 0 0 0 .53.47z%27/%3E%3C/svg%3E") no-repeat;
background-size: 1.5rem;
display: block;
}
.mc-fileuploader__delete:focus {
outline: none;
}
.mc-fileuploader__delete:focus::before {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
-webkit-box-shadow: 0 0 0 0.125rem #758992;
box-shadow: 0 0 0 0.125rem #758992;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-flag {
display: inline-block;
font-size: 0.875rem;
margin: 0;
vertical-align: middle;
line-height: 1.786;
font-family: "Roboto", sans-serif;
font-weight: 700;
}
.mc-flag__label {
line-height: 1.1428571429;
border: 1px solid transparent;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
padding: 0.25rem 0.5rem;
}
.mc-flag .mc-flag__label {
color: #ffffff;
border-color: #007f8c;
background-color: #007f8c;
}
.mc-flag--solid-primary-02 .mc-flag__label {
color: #ffffff;
border-color: #4b4a8c;
background-color: #4b4a8c;
}
.mc-flag--solid-dark .mc-flag__label {
color: #ffffff;
border-color: #000000;
background-color: #000000;
}
.mc-flag--solid-light .mc-flag__label {
color: #000000;
border-color: #ffffff;
background-color: #ffffff;
}
.mc-flag--solid-danger .mc-flag__label {
color: #ffffff;
border-color: #c61112;
background-color: #c61112;
}
.mc-flag--bordered .mc-flag__label {
color: #007f8c;
border-color: #007f8c;
background-color: #ffffff;
}
.mc-flag--bordered-primary-02 .mc-flag__label {
color: #4b4a8c;
border-color: #4b4a8c;
background-color: #ffffff;
}
.mc-flag--bordered-dark .mc-flag__label {
color: #000000;
border-color: #000000;
background-color: #ffffff;
}
.mc-flag--bordered-light .mc-flag__label {
color: #ffffff;
border-color: #ffffff;
background-color: #000000;
}
.mc-flag--bordered-danger .mc-flag__label {
color: #c61112;
border-color: #c61112;
background-color: #ffffff;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-tabs {
font-family: "Roboto", sans-serif;
font-weight: 400;
background-color: #ffffff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
width: 100%;
}
.mc-tabs::after {
background: #b3b3b3;
content: "";
display: block;
margin: 0 auto;
height: 1px;
width: 100%;
bottom: 0;
left: 0;
position: absolute;
}
.mc-tabs--no-shadow::after, .mc-tabs--no-divider::after {
display: none;
}
.mc-tabs__nav {
list-style: none;
margin-left: 0;
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 0;
margin-bottom: 0;
}
.mc-tabs__nav, .mc-tabs__select {
position: relative;
}
.mc-tabs__link, .mc-tabs__element {
font-size: 0.875rem;
line-height: 1.2857142857;
font-weight: 700;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: none;
border: none;
color: #666666;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 3.5rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: none;
padding-left: 0.75rem;
padding-right: 0.75rem;
position: relative;
text-decoration: none;
}
.mc-tabs__link::before, .mc-tabs__element::before {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
bottom: -0.125rem;
top: -0.125rem;
}
.mc-tabs__link::after, .mc-tabs__element::after {
background-color: transparent;
bottom: 0;
content: "";
height: 0.25rem;
left: 1.5rem;
position: absolute;
right: 1.5rem;
}
.mc-tabs__link:hover .mc-tabs__text, .mc-tabs__element:hover .mc-tabs__text {
background-color: #eeedea;
}
.mc-tabs__link:active, .mc-tabs__element:active {
color: #4d4d4d;
}
.mc-tabs__link:active .mc-tabs__text, .mc-tabs__element:active .mc-tabs__text {
background-color: #dddcd5;
}
.mc-tabs__link:focus::before, .mc-tabs__element:focus::before {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-tabs__link--selected, .mc-tabs__element--selected {
color: #007f8c;
}
.mc-tabs__link--selected::after, .mc-tabs__element--selected::after {
background-color: #007f8c;
}
.mc-tabs__link--selected:hover, .mc-tabs__element--selected:hover {
color: #006974;
}
.mc-tabs__link--selected:active, .mc-tabs__element--selected:active {
color: #006974;
}
.mc-tabs__link--disabled, .mc-tabs__element--disabled {
cursor: not-allowed;
background-color: #cccccc;
pointer-events: none;
}
.mc-tabs__link--disabled, .mc-tabs__link--disabled:hover, .mc-tabs__link--disabled:focus, .mc-tabs__link--disabled:active, .mc-tabs__element--disabled, .mc-tabs__element--disabled:hover, .mc-tabs__element--disabled:focus, .mc-tabs__element--disabled:active {
-webkit-box-shadow: none;
box-shadow: none;
}
.mc-tabs__text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.25rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
padding: 0.4375rem 0.75rem;
pointer-events: none;
}
.mc-tabs__icon {
fill: currentColor;
height: 1.5rem;
width: 1.5rem;
}
.mc-tabs--full-centered {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mc-tabs--dropdown {
padding: 1rem;
width: auto;
}
@media screen and (min-width: 680px) {
.mc-tabs {
width: auto;
}
.mc-tabs--full, .mc-tabs--full-centered {
width: 100%;
}
}
@media screen and (max-width: 679px) {
.mc-tabs:not(.mc-tabs--dropdown)::before {
bottom: 0.125rem;
}
.mc-tabs__nav {
overflow: auto hidden;
white-space: nowrap;
}
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-divider {
position: relative;
}
.mc-divider-top {
border-top: 1px solid #666666;
}
.mc-divider-top--lightest {
border-top-color: #ffffff;
}
.mc-divider-top--light {
border-top-color: #b3b3b3;
}
.mc-divider-top--dark {
border-top-color: #000000;
}
.mc-divider-top--m {
border-top-width: 0.25rem;
}
.mc-divider-top--l {
border-top-width: 0.5rem;
}
.mc-divider-right {
border-right: 1px solid #666666;
}
.mc-divider-right--lightest {
border-right-color: #ffffff;
}
.mc-divider-right--light {
border-right-color: #b3b3b3;
}
.mc-divider-right--dark {
border-right-color: #000000;
}
.mc-divider-right--m {
border-right-width: 0.25rem;
}
.mc-divider-right--l {
border-right-width: 0.5rem;
}
.mc-divider-bottom {
border-bottom: 1px solid #666666;
}
.mc-divider-bottom--lightest {
border-bottom-color: #ffffff;
}
.mc-divider-bottom--light {
border-bottom-color: #b3b3b3;
}
.mc-divider-bottom--dark {
border-bottom-color: #000000;
}
.mc-divider-bottom--m {
border-bottom-width: 0.25rem;
}
.mc-divider-bottom--l {
border-bottom-width: 0.5rem;
}
.mc-divider-left {
border-left: 1px solid #666666;
}
.mc-divider-left--lightest {
border-left-color: #ffffff;
}
.mc-divider-left--light {
border-left-color: #b3b3b3;
}
.mc-divider-left--dark {
border-left-color: #000000;
}
.mc-divider-left--m {
border-left-width: 0.25rem;
}
.mc-divider-left--l {
border-left-width: 0.5rem;
}
.mc-header {
font-family: "Roboto", sans-serif;
font-weight: 400;
background-color: #ffffff;
z-index: var(--header-z-index, 5);
}
.mc-header__container {
padding-left: 2rem;
padding-right: 2rem;
display: grid;
padding-top: 0.5rem;
padding-bottom: 1rem;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.mc-header__container {
padding-left: 3rem;
padding-right: 3rem;
}
}
.mc-header__breadcrumb {
grid-column: 1;
grid-row: auto;
}
.mc-header__content {
color: #000000;
grid-column: 1;
grid-row: auto;
padding-top: 0.5rem;
}
.mc-header__content-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
.mc-header__content-main:not(:only-child) {
margin-bottom: 0.25rem;
}
.mc-header__content-aside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.5rem;
padding-bottom: 0.5rem;
}
.mc-header__content-aside.can-navigate {
padding-left: 3rem;
}
@media screen and (min-width: 1024px) {
.mc-header__content-aside {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 1rem;
padding-bottom: 0;
}
}
.mc-header__back {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
border: none;
cursor: pointer;
padding: 0;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: currentColor;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 2rem;
width: 2rem;
}
.mc-header__back::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
}
.mc-header__back-icon {
color: #333333;
height: 1.5rem;
width: 1.5rem;
}
.mc-header__back-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.mc-header__back:focus::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-header__title {
font-size: 1.75rem;
line-height: 1.2857142857;
font-weight: 700;
margin-top: 0;
margin-bottom: 0;
}
.mc-header__title--s {
font-size: 1.4375rem;
line-height: 1.3913043478;
}
.mc-header__title--l {
font-size: 2.125rem;
line-height: 1.2941176471;
}
.mc-header__title--xl {
font-size: 2.5625rem;
line-height: 1.3658536585;
}
.mc-header__subtitle {
font-size: 1rem;
line-height: 1.375;
}
.mc-header__actions, .mc-header__icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.5rem;
}
.mc-header__actions {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
align-self: flex-start;
grid-column: 1;
grid-row: 1;
justify-self: end;
margin-bottom: 0.5rem;
min-height: 2.5rem;
}
@media screen and (min-width: 1024px) {
.mc-header__actions {
grid-column: 2;
grid-row: 1;
margin-bottom: 0;
}
}
.mc-header__selector:not(:only-child) {
padding-left: 1.5625rem;
position: relative;
}
.mc-header__selector:not(:only-child)::before {
background: #b3b3b3;
content: "";
display: block;
width: 1px;
height: 100%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
.mc-header__tabs {
padding-left: 2rem;
padding-right: 2rem;
}
@media (min-width: 1024px) and (max-width: 1279px) {
.mc-header__tabs {
padding-left: 3rem;
padding-right: 3rem;
}
}
.mc-header--shadow {
-webkit-box-shadow: 0px 1px 5px 0px rgba(25, 25, 25, 0.2);
box-shadow: 0px 1px 5px 0px rgba(25, 25, 25, 0.2);
}
.mc-header--animate {
left: 0;
position: absolute;
right: 0;
-webkit-transition: -webkit-transform ease-out 0.4s;
transition: -webkit-transform ease-out 0.4s;
transition: transform ease-out 0.4s;
transition: transform ease-out 0.4s, -webkit-transform ease-out 0.4s;
}
.mc-header--sticky {
position: sticky;
top: 0;
}
.mc-header--up {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.mc-header--down {
-webkit-transform: translateY(calc(-100% - 5px));
-ms-transform: translateY(calc(-100% - 5px));
transform: translateY(calc(-100% - 5px));
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mt-heading {
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #000000;
display: block;
margin-bottom: 2rem;
}
.mt-heading--underline::after {
content: "";
display: block;
height: 0.25rem;
background-color: #00919f;
}
.mt-heading--line-primary-01-200::after, .mt-heading--line-lightest::after {
background-color: #91d5db;
}
.mt-heading--line-primary-02-200::after {
background-color: #cfd2d8;
}
.mt-heading--line-primary-02-600::after {
background-color: #494f60;
}
.mt-heading--center {
text-align: center;
}
.mt-heading--center.mt-heading--underline::after {
margin-left: auto;
margin-right: auto;
}
.mt-heading--right {
text-align: right;
}
.mt-heading--right.mt-heading--underline::after {
margin-left: auto;
margin-right: 0;
}
.mt-heading--left {
text-align: left;
}
.mt-heading--left.mt-heading--underline::after {
margin-left: 0;
margin-right: auto;
}
.mt-heading--s {
font-size: 1.4375rem;
line-height: 1.3913043478;
}
.mt-heading--s.mt-heading--underline::after {
width: 4rem;
margin-top: 1rem;
}
.mt-heading--s.mt-heading--line-height-xs {
line-height: 1.0434782609;
}
.mt-heading--m {
font-size: 1.75rem;
line-height: 1.2857142857;
}
.mt-heading--m.mt-heading--underline::after {
width: 4.5rem;
margin-top: 1rem;
}
.mt-heading--m.mt-heading--line-height-xs {
line-height: 1;
}
.mt-heading--l {
font-size: 2.125rem;
line-height: 1.2941176471;
}
.mt-heading--l.mt-heading--underline::after {
width: 5rem;
margin-top: 1.25rem;
}
.mt-heading--l.mt-heading--line-height-xs {
line-height: 1.0588235294;
}
.mt-heading--lightest {
color: #ffffff;
}
.mt-heading--light {
font-weight: 300;
}
.mt-heading--semi-bold, .mt-heading--underline {
font-weight: 700;
}
@media screen and (min-width: 680px) {
.mt-heading--center\@from-m {
text-align: center;
}
.mt-heading--center\@from-m.mt-heading--underline::after {
margin-left: auto;
margin-right: auto;
}
.mt-heading--right\@from-m {
text-align: right;
}
.mt-heading--right\@from-m.mt-heading--underline::after {
margin-left: auto;
margin-right: 0;
}
.mt-heading--left\@from-m {
text-align: left;
}
.mt-heading--left\@from-m.mt-heading--underline::after {
margin-left: 0;
margin-right: auto;
}
.mt-heading--s {
font-size: 1.75rem;
line-height: 1.2857142857;
}
.mt-heading--s.mt-heading--underline::after {
width: 4.5rem;
margin-top: 1rem;
}
.mt-heading--s.mt-heading--line-height-xs {
line-height: 1;
}
.mt-heading--m {
font-size: 2.125rem;
line-height: 1.2941176471;
}
.mt-heading--m.mt-heading--underline::after {
width: 5rem;
margin-top: 1.25rem;
}
.mt-heading--m.mt-heading--line-height-xs {
line-height: 1.0588235294;
}
.mt-heading--l {
font-size: 2.5625rem;
line-height: 1.3658536585;
}
.mt-heading--l.mt-heading--underline::after {
width: 5.5rem;
margin-top: 1.5rem;
}
.mt-heading--l.mt-heading--line-height-xs {
line-height: 0.9756097561;
}
}
@media screen and (min-width: 1024px) {
.mt-heading--center\@from-l {
text-align: center;
}
.mt-heading--center\@from-l.mt-heading--underline::after {
margin-left: auto;
margin-right: auto;
}
.mt-heading--right\@from-l {
text-align: right;
}
.mt-heading--right\@from-l.mt-heading--underline::after {
margin-left: auto;
margin-right: 0;
}
.mt-heading--left\@from-l {
text-align: left;
}
.mt-heading--left\@from-l.mt-heading--underline::after {
margin-left: 0;
margin-right: auto;
}
.mt-heading--s {
font-size: 2.125rem;
line-height: 1.2941176471;
}
.mt-heading--s.mt-heading--underline::after {
width: 5rem;
margin-top: 1.25rem;
}
.mt-heading--s.mt-heading--line-height-xs {
line-height: 1.0588235294;
}
.mt-heading--m {
font-size: 2.5625rem;
line-height: 1.3658536585;
}
.mt-heading--m.mt-heading--underline::after {
width: 5.5rem;
margin-top: 1.5rem;
}
.mt-heading--m.mt-heading--line-height-xs {
line-height: 0.9756097561;
}
.mt-heading--l {
font-size: 3.0625rem;
line-height: 1.387755102;
margin-bottom: 3.5rem;
}
.mt-heading--l.mt-heading--underline::after {
width: 6rem;
margin-top: 2rem;
}
.mt-heading--l.mt-heading--line-height-xs {
line-height: 0.9795918367;
}
}
@media screen and (min-width: 1280px) {
.mt-heading--center\@from-xl {
text-align: center;
}
.mt-heading--center\@from-xl.mt-heading--underline::after {
margin-left: auto;
margin-right: auto;
}
.mt-heading--right\@from-xl {
text-align: right;
}
.mt-heading--right\@from-xl.mt-heading--underline::after {
margin-left: auto;
margin-right: 0;
}
.mt-heading--left\@from-xl {
text-align: left;
}
.mt-heading--left\@from-xl.mt-heading--underline::after {
margin-left: 0;
margin-right: auto;
}
}
@media screen and (min-width: 1920px) {
.mt-heading--center\@from-xxl {
text-align: center;
}
.mt-heading--center\@from-xxl.mt-heading--underline::after {
margin-left: auto;
margin-right: auto;
}
.mt-heading--right\@from-xxl {
text-align: right;
}
.mt-heading--right\@from-xxl.mt-heading--underline::after {
margin-left: auto;
margin-right: 0;
}
.mt-heading--left\@from-xxl {
text-align: left;
}
.mt-heading--left\@from-xxl.mt-heading--underline::after {
margin-left: 0;
margin-right: auto;
}
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mt-body-l {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 1.125rem;
line-height: 1.5555555556;
}
.mt-body-l--line-height-m {
line-height: 1.3333333333;
}
.mt-body-l--semi-bold {
font-family: "Roboto", sans-serif;
font-weight: 700;
}
.mt-body-m {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
}
.mt-body-m--line-height-m {
line-height: 1.375;
}
.mt-body-m--semi-bold {
font-family: "Roboto", sans-serif;
font-weight: 700;
}
.mt-body-s {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.5714285714;
}
.mt-body-s--line-height-m {
line-height: 1.2857142857;
}
.mt-body-s--semi-bold {
font-family: "Roboto", sans-serif;
font-weight: 700;
}
.mt-heading {
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #000000;
display: block;
margin-bottom: 2rem;
}
.mt-heading--underline::after {
content: "";
display: block;
height: 0.25rem;
background-color: #00919f;
}
.mt-heading--line-primary-01-200::after, .mt-heading--line-lightest::after {
background-color: #91d5db;
}
.mt-heading--line-primary-02-200::after {
background-color: #cfd2d8;
}
.mt-heading--line-primary-02-600::after {
background-color: #494f60;
}
.mt-heading--center {
text-align: center;
}
.mt-heading--center.mt-heading--underline::after {
margin-left: auto;
margin-right: auto;
}
.mt-heading--right {
text-align: right;
}
.mt-heading--right.mt-heading--underline::after {
margin-left: auto;
margin-right: 0;
}
.mt-heading--left {
text-align: left;
}
.mt-heading--left.mt-heading--underline::after {
margin-left: 0;
margin-right: auto;
}
.mt-heading--s {
font-size: 1.4375rem;
line-height: 1.3913043478;
}
.mt-heading--s.mt-heading--underline::after {
width: 4rem;
margin-top: 1rem;
}
.mt-heading--s.mt-heading--line-height-xs {
line-height: 1.0434782609;
}
.mt-heading--m {
font-size: 1.75rem;
line-height: 1.2857142857;
}
.mt-heading--m.mt-heading--underline::after {
width: 4.5rem;
margin-top: 1rem;
}
.mt-heading--m.mt-heading--line-height-xs {
line-height: 1;
}
.mt-heading--l {
font-size: 2.125rem;
line-height: 1.2941176471;
}
.mt-heading--l.mt-heading--underline::after {
width: 5rem;
margin-top: 1.25rem;
}
.mt-heading--l.mt-heading--line-height-xs {
line-height: 1.0588235294;
}
.mt-heading--lightest {
color: #ffffff;
}
.mt-heading--light {
font-weight: 300;
}
.mt-heading--semi-bold, .mt-heading--underline {
font-weight: 700;
}
@media screen and (min-width: 680px) {
.mt-heading--center\@from-m {
text-align: center;
}
.mt-heading--center\@from-m.mt-heading--underline::after {
margin-left: auto;
margin-right: auto;
}
.mt-heading--right\@from-m {
text-align: right;
}
.mt-heading--right\@from-m.mt-heading--underline::after {
margin-left: auto;
margin-right: 0;
}
.mt-heading--left\@from-m {
text-align: left;
}
.mt-heading--left\@from-m.mt-heading--underline::after {
margin-left: 0;
margin-right: auto;
}
.mt-heading--s {
font-size: 1.75rem;
line-height: 1.2857142857;
}
.mt-heading--s.mt-heading--underline::after {
width: 4.5rem;
margin-top: 1rem;
}
.mt-heading--s.mt-heading--line-height-xs {
line-height: 1;
}
.mt-heading--m {
font-size: 2.125rem;
line-height: 1.2941176471;
}
.mt-heading--m.mt-heading--underline::after {
width: 5rem;
margin-top: 1.25rem;
}
.mt-heading--m.mt-heading--line-height-xs {
line-height: 1.0588235294;
}
.mt-heading--l {
font-size: 2.5625rem;
line-height: 1.3658536585;
}
.mt-heading--l.mt-heading--underline::after {
width: 5.5rem;
margin-top: 1.5rem;
}
.mt-heading--l.mt-heading--line-height-xs {
line-height: 0.9756097561;
}
}
@media screen and (min-width: 1024px) {
.mt-heading--center\@from-l {
text-align: center;
}
.mt-heading--center\@from-l.mt-heading--underline::after {
margin-left: auto;
margin-right: auto;
}
.mt-heading--right\@from-l {
text-align: right;
}
.mt-heading--right\@from-l.mt-heading--underline::after {
margin-left: auto;
margin-right: 0;
}
.mt-heading--left\@from-l {
text-align: left;
}
.mt-heading--left\@from-l.mt-heading--underline::after {
margin-left: 0;
margin-right: auto;
}
.mt-heading--s {
font-size: 2.125rem;
line-height: 1.2941176471;
}
.mt-heading--s.mt-heading--underline::after {
width: 5rem;
margin-top: 1.25rem;
}
.mt-heading--s.mt-heading--line-height-xs {
line-height: 1.0588235294;
}
.mt-heading--m {
font-size: 2.5625rem;
line-height: 1.3658536585;
}
.mt-heading--m.mt-heading--underline::after {
width: 5.5rem;
margin-top: 1.5rem;
}
.mt-heading--m.mt-heading--line-height-xs {
line-height: 0.9756097561;
}
.mt-heading--l {
font-size: 3.0625rem;
line-height: 1.387755102;
margin-bottom: 3.5rem;
}
.mt-heading--l.mt-heading--underline::after {
width: 6rem;
margin-top: 2rem;
}
.mt-heading--l.mt-heading--line-height-xs {
line-height: 0.9795918367;
}
}
@media screen and (min-width: 1280px) {
.mt-heading--center\@from-xl {
text-align: center;
}
.mt-heading--center\@from-xl.mt-heading--underline::after {
margin-left: auto;
margin-right: auto;
}
.mt-heading--right\@from-xl {
text-align: right;
}
.mt-heading--right\@from-xl.mt-heading--underline::after {
margin-left: auto;
margin-right: 0;
}
.mt-heading--left\@from-xl {
text-align: left;
}
.mt-heading--left\@from-xl.mt-heading--underline::after {
margin-left: 0;
margin-right: auto;
}
}
@media screen and (min-width: 1920px) {
.mt-heading--center\@from-xxl {
text-align: center;
}
.mt-heading--center\@from-xxl.mt-heading--underline::after {
margin-left: auto;
margin-right: auto;
}
.mt-heading--right\@from-xxl {
text-align: right;
}
.mt-heading--right\@from-xxl.mt-heading--underline::after {
margin-left: auto;
margin-right: 0;
}
.mt-heading--left\@from-xxl {
text-align: left;
}
.mt-heading--left\@from-xxl.mt-heading--underline::after {
margin-left: 0;
margin-right: auto;
}
}
.mt-hero {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 2.125rem;
line-height: 1.5294117647;
}
.mt-hero--semi-bold {
font-family: "Roboto", sans-serif;
font-weight: 700;
}
.mt-hero--line-height-s {
line-height: 1.1764705882;
}
@media screen and (min-width: 680px) {
.mt-hero {
font-size: 2.5625rem;
line-height: 1.4634146341;
}
.mt-hero--line-height-s {
line-height: 1.1707317073;
}
}
@media screen and (min-width: 1024px) {
.mt-hero {
font-size: 3.0625rem;
line-height: 1.4693877551;
}
.mt-hero--line-height-s {
line-height: 1.1428571429;
}
}
@media screen and (min-width: 1440px) {
.mt-hero {
font-size: 3.6875rem;
line-height: 1.4915254237;
}
.mt-hero--line-height-s {
line-height: 1.1525423729;
}
}
.ml-container {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
width: 100%;
}
@media screen and (min-width: 680px) {
.ml-container {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1024px) {
.ml-container {
padding-right: 3rem;
padding-left: 3rem;
max-width: 64rem;
}
}
@media screen and (min-width: 1280px) {
.ml-container {
padding-right: 2rem;
padding-left: 2rem;
max-width: 80rem;
}
}
@media screen and (min-width: 1920px) {
.ml-container {
padding-right: 2.5rem;
padding-left: 2.5rem;
max-width: 120rem;
}
}
.ml-container--fluid {
max-width: none;
}
@media screen and (min-width: 680px) {
.ml-container--fluid\@from-m {
max-width: none;
}
}
@media screen and (min-width: 1024px) {
.ml-container--fluid\@from-l {
max-width: none;
}
}
@media screen and (min-width: 1280px) {
.ml-container--fluid\@from-xl {
max-width: none;
}
}
@media screen and (min-width: 1920px) {
.ml-container--fluid\@from-xxl {
max-width: none;
}
}
.ml-flexy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ml-flexy--gutter {
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.ml-flexy--space-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.ml-flexy--justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ml-flexy--justify-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.ml-flexy--justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ml-flexy--justify-center {
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
}
.ml-flexy--justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ml-flexy--items-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.ml-flexy--items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.ml-flexy--items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ml-flexy--items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.ml-flexy__col {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
}
.ml-flexy--gutter > .ml-flexy__col {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.ml-flexy__col--fill {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
}
.ml-flexy__col--full {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
.ml-flexy__col--1of2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ml-flexy__col--push-1of2 {
margin-left: 50%;
}
.ml-flexy__col--1of3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.ml-flexy__col--push-1of3 {
margin-left: 33.3333333333%;
}
.ml-flexy__col--2of3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.ml-flexy__col--push-2of3 {
margin-left: 66.6666666667%;
}
.ml-flexy__col--1of4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ml-flexy__col--push-1of4 {
margin-left: 25%;
}
.ml-flexy__col--3of4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ml-flexy__col--push-3of4 {
margin-left: 75%;
}
.ml-flexy__col--1of6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.ml-flexy__col--push-1of6 {
margin-left: 16.6666666667%;
}
.ml-flexy__col--5of6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.ml-flexy__col--push-5of6 {
margin-left: 83.3333333333%;
}
.ml-flexy__col--1of12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.ml-flexy__col--push-1of12 {
margin-left: 8.3333333333%;
}
.ml-flexy__col--2of12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.ml-flexy__col--push-2of12 {
margin-left: 16.6666666667%;
}
.ml-flexy__col--3of12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ml-flexy__col--push-3of12 {
margin-left: 25%;
}
.ml-flexy__col--4of12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.ml-flexy__col--push-4of12 {
margin-left: 33.3333333333%;
}
.ml-flexy__col--5of12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.ml-flexy__col--push-5of12 {
margin-left: 41.6666666667%;
}
.ml-flexy__col--6of12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ml-flexy__col--push-6of12 {
margin-left: 50%;
}
.ml-flexy__col--7of12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.ml-flexy__col--push-7of12 {
margin-left: 58.3333333333%;
}
.ml-flexy__col--8of12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.ml-flexy__col--push-8of12 {
margin-left: 66.6666666667%;
}
.ml-flexy__col--9of12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ml-flexy__col--push-9of12 {
margin-left: 75%;
}
.ml-flexy__col--10of12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.ml-flexy__col--push-10of12 {
margin-left: 83.3333333333%;
}
.ml-flexy__col--11of12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.ml-flexy__col--push-11of12 {
margin-left: 91.6666666667%;
}
.ml-flexy__col--initial {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.ml-flexy__col--grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: none;
}
/* ORDERING */
.ml-flexy__col--first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ml-flexy__col--last {
-webkit-box-ordinal-group: 1000;
-ms-flex-order: 999;
order: 999;
}
.ml-flexy__col--push--reset {
margin-left: auto;
}
@media screen and (min-width: 680px) {
.ml-flexy--gutter {
margin-right: -1rem;
margin-left: -1rem;
}
.ml-flexy--space-around\@from-m {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.ml-flexy--justify-between\@from-m {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ml-flexy--justify-evenly\@from-m {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.ml-flexy--justify-start\@from-m {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ml-flexy--justify-center\@from-m {
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
}
.ml-flexy--justify-end\@from-m {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ml-flexy--gutter > .ml-flexy__col {
padding-right: 1rem;
padding-left: 1rem;
}
.ml-flexy__col--fill\@from-m {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
}
.ml-flexy__col--full\@from-m {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
.ml-flexy__col--1of2\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ml-flexy__col--push-1of2\@from-m {
margin-left: 50%;
}
.ml-flexy__col--1of3\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.ml-flexy__col--push-1of3\@from-m {
margin-left: 33.3333333333%;
}
.ml-flexy__col--2of3\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.ml-flexy__col--push-2of3\@from-m {
margin-left: 66.6666666667%;
}
.ml-flexy__col--1of4\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ml-flexy__col--push-1of4\@from-m {
margin-left: 25%;
}
.ml-flexy__col--3of4\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ml-flexy__col--push-3of4\@from-m {
margin-left: 75%;
}
.ml-flexy__col--1of6\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.ml-flexy__col--push-1of6\@from-m {
margin-left: 16.6666666667%;
}
.ml-flexy__col--5of6\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.ml-flexy__col--push-5of6\@from-m {
margin-left: 83.3333333333%;
}
.ml-flexy__col--1of12\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.ml-flexy__col--push-1of12\@from-m {
margin-left: 8.3333333333%;
}
.ml-flexy__col--2of12\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.ml-flexy__col--push-2of12\@from-m {
margin-left: 16.6666666667%;
}
.ml-flexy__col--3of12\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ml-flexy__col--push-3of12\@from-m {
margin-left: 25%;
}
.ml-flexy__col--4of12\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.ml-flexy__col--push-4of12\@from-m {
margin-left: 33.3333333333%;
}
.ml-flexy__col--5of12\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.ml-flexy__col--push-5of12\@from-m {
margin-left: 41.6666666667%;
}
.ml-flexy__col--6of12\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ml-flexy__col--push-6of12\@from-m {
margin-left: 50%;
}
.ml-flexy__col--7of12\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.ml-flexy__col--push-7of12\@from-m {
margin-left: 58.3333333333%;
}
.ml-flexy__col--8of12\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.ml-flexy__col--push-8of12\@from-m {
margin-left: 66.6666666667%;
}
.ml-flexy__col--9of12\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ml-flexy__col--push-9of12\@from-m {
margin-left: 75%;
}
.ml-flexy__col--10of12\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.ml-flexy__col--push-10of12\@from-m {
margin-left: 83.3333333333%;
}
.ml-flexy__col--11of12\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.ml-flexy__col--push-11of12\@from-m {
margin-left: 91.6666666667%;
}
.ml-flexy__col--initial\@from-m {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.ml-flexy__col--grow\@from-m {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: none;
}
.ml-flexy__col--first\@from-m {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ml-flexy__col--last\@from-m {
-webkit-box-ordinal-group: 1000;
-ms-flex-order: 999;
order: 999;
}
.ml-flexy__col--push--reset\@from-m {
margin-left: auto;
}
}
@media screen and (min-width: 1024px) {
.ml-flexy--space-around\@from-l {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.ml-flexy--justify-between\@from-l {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ml-flexy--justify-evenly\@from-l {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.ml-flexy--justify-start\@from-l {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ml-flexy--justify-center\@from-l {
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
}
.ml-flexy--justify-end\@from-l {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ml-flexy__col--fill\@from-l {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
}
.ml-flexy__col--full\@from-l {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
.ml-flexy__col--1of2\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ml-flexy__col--push-1of2\@from-l {
margin-left: 50%;
}
.ml-flexy__col--1of3\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.ml-flexy__col--push-1of3\@from-l {
margin-left: 33.3333333333%;
}
.ml-flexy__col--2of3\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.ml-flexy__col--push-2of3\@from-l {
margin-left: 66.6666666667%;
}
.ml-flexy__col--1of4\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ml-flexy__col--push-1of4\@from-l {
margin-left: 25%;
}
.ml-flexy__col--3of4\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ml-flexy__col--push-3of4\@from-l {
margin-left: 75%;
}
.ml-flexy__col--1of6\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.ml-flexy__col--push-1of6\@from-l {
margin-left: 16.6666666667%;
}
.ml-flexy__col--5of6\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.ml-flexy__col--push-5of6\@from-l {
margin-left: 83.3333333333%;
}
.ml-flexy__col--1of12\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.ml-flexy__col--push-1of12\@from-l {
margin-left: 8.3333333333%;
}
.ml-flexy__col--2of12\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.ml-flexy__col--push-2of12\@from-l {
margin-left: 16.6666666667%;
}
.ml-flexy__col--3of12\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ml-flexy__col--push-3of12\@from-l {
margin-left: 25%;
}
.ml-flexy__col--4of12\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.ml-flexy__col--push-4of12\@from-l {
margin-left: 33.3333333333%;
}
.ml-flexy__col--5of12\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.ml-flexy__col--push-5of12\@from-l {
margin-left: 41.6666666667%;
}
.ml-flexy__col--6of12\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ml-flexy__col--push-6of12\@from-l {
margin-left: 50%;
}
.ml-flexy__col--7of12\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.ml-flexy__col--push-7of12\@from-l {
margin-left: 58.3333333333%;
}
.ml-flexy__col--8of12\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.ml-flexy__col--push-8of12\@from-l {
margin-left: 66.6666666667%;
}
.ml-flexy__col--9of12\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ml-flexy__col--push-9of12\@from-l {
margin-left: 75%;
}
.ml-flexy__col--10of12\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.ml-flexy__col--push-10of12\@from-l {
margin-left: 83.3333333333%;
}
.ml-flexy__col--11of12\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.ml-flexy__col--push-11of12\@from-l {
margin-left: 91.6666666667%;
}
.ml-flexy__col--initial\@from-l {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.ml-flexy__col--grow\@from-l {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: none;
}
.ml-flexy__col--first\@from-l {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ml-flexy__col--last\@from-l {
-webkit-box-ordinal-group: 1000;
-ms-flex-order: 999;
order: 999;
}
.ml-flexy__col--push--reset\@from-l {
margin-left: auto;
}
}
@media screen and (min-width: 1280px) {
.ml-flexy--space-around\@from-xl {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.ml-flexy--justify-between\@from-xl {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ml-flexy--justify-evenly\@from-xl {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.ml-flexy--justify-start\@from-xl {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ml-flexy--justify-center\@from-xl {
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
}
.ml-flexy--justify-end\@from-xl {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ml-flexy__col--fill\@from-xl {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
}
.ml-flexy__col--full\@from-xl {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
.ml-flexy__col--1of2\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ml-flexy__col--push-1of2\@from-xl {
margin-left: 50%;
}
.ml-flexy__col--1of3\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.ml-flexy__col--push-1of3\@from-xl {
margin-left: 33.3333333333%;
}
.ml-flexy__col--2of3\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.ml-flexy__col--push-2of3\@from-xl {
margin-left: 66.6666666667%;
}
.ml-flexy__col--1of4\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ml-flexy__col--push-1of4\@from-xl {
margin-left: 25%;
}
.ml-flexy__col--3of4\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ml-flexy__col--push-3of4\@from-xl {
margin-left: 75%;
}
.ml-flexy__col--1of6\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.ml-flexy__col--push-1of6\@from-xl {
margin-left: 16.6666666667%;
}
.ml-flexy__col--5of6\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.ml-flexy__col--push-5of6\@from-xl {
margin-left: 83.3333333333%;
}
.ml-flexy__col--1of12\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.ml-flexy__col--push-1of12\@from-xl {
margin-left: 8.3333333333%;
}
.ml-flexy__col--2of12\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.ml-flexy__col--push-2of12\@from-xl {
margin-left: 16.6666666667%;
}
.ml-flexy__col--3of12\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ml-flexy__col--push-3of12\@from-xl {
margin-left: 25%;
}
.ml-flexy__col--4of12\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.ml-flexy__col--push-4of12\@from-xl {
margin-left: 33.3333333333%;
}
.ml-flexy__col--5of12\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.ml-flexy__col--push-5of12\@from-xl {
margin-left: 41.6666666667%;
}
.ml-flexy__col--6of12\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ml-flexy__col--push-6of12\@from-xl {
margin-left: 50%;
}
.ml-flexy__col--7of12\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.ml-flexy__col--push-7of12\@from-xl {
margin-left: 58.3333333333%;
}
.ml-flexy__col--8of12\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.ml-flexy__col--push-8of12\@from-xl {
margin-left: 66.6666666667%;
}
.ml-flexy__col--9of12\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ml-flexy__col--push-9of12\@from-xl {
margin-left: 75%;
}
.ml-flexy__col--10of12\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.ml-flexy__col--push-10of12\@from-xl {
margin-left: 83.3333333333%;
}
.ml-flexy__col--11of12\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.ml-flexy__col--push-11of12\@from-xl {
margin-left: 91.6666666667%;
}
.ml-flexy__col--initial\@from-xl {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.ml-flexy__col--grow\@from-xl {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: none;
}
.ml-flexy__col--first\@from-xl {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ml-flexy__col--last\@from-xl {
-webkit-box-ordinal-group: 1000;
-ms-flex-order: 999;
order: 999;
}
.ml-flexy__col--push--reset\@from-xl {
margin-left: auto;
}
}
@media screen and (min-width: 1920px) {
.ml-flexy--space-around\@from-xxl {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.ml-flexy--justify-between\@from-xxl {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ml-flexy--justify-evenly\@from-xxl {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.ml-flexy--justify-start\@from-xxl {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ml-flexy--justify-center\@from-xxl {
-webkit-box-pack: center;
justify-content: center;
-ms-flex-pack: center;
}
.ml-flexy--justify-end\@from-xxl {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.ml-flexy__col--fill\@from-xxl {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
}
.ml-flexy__col--full\@from-xxl {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
.ml-flexy__col--1of2\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ml-flexy__col--push-1of2\@from-xxl {
margin-left: 50%;
}
.ml-flexy__col--1of3\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.ml-flexy__col--push-1of3\@from-xxl {
margin-left: 33.3333333333%;
}
.ml-flexy__col--2of3\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.ml-flexy__col--push-2of3\@from-xxl {
margin-left: 66.6666666667%;
}
.ml-flexy__col--1of4\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ml-flexy__col--push-1of4\@from-xxl {
margin-left: 25%;
}
.ml-flexy__col--3of4\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ml-flexy__col--push-3of4\@from-xxl {
margin-left: 75%;
}
.ml-flexy__col--1of6\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.ml-flexy__col--push-1of6\@from-xxl {
margin-left: 16.6666666667%;
}
.ml-flexy__col--5of6\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.ml-flexy__col--push-5of6\@from-xxl {
margin-left: 83.3333333333%;
}
.ml-flexy__col--1of12\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.ml-flexy__col--push-1of12\@from-xxl {
margin-left: 8.3333333333%;
}
.ml-flexy__col--2of12\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.ml-flexy__col--push-2of12\@from-xxl {
margin-left: 16.6666666667%;
}
.ml-flexy__col--3of12\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.ml-flexy__col--push-3of12\@from-xxl {
margin-left: 25%;
}
.ml-flexy__col--4of12\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.ml-flexy__col--push-4of12\@from-xxl {
margin-left: 33.3333333333%;
}
.ml-flexy__col--5of12\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.ml-flexy__col--push-5of12\@from-xxl {
margin-left: 41.6666666667%;
}
.ml-flexy__col--6of12\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.ml-flexy__col--push-6of12\@from-xxl {
margin-left: 50%;
}
.ml-flexy__col--7of12\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.ml-flexy__col--push-7of12\@from-xxl {
margin-left: 58.3333333333%;
}
.ml-flexy__col--8of12\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.ml-flexy__col--push-8of12\@from-xxl {
margin-left: 66.6666666667%;
}
.ml-flexy__col--9of12\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.ml-flexy__col--push-9of12\@from-xxl {
margin-left: 75%;
}
.ml-flexy__col--10of12\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.ml-flexy__col--push-10of12\@from-xxl {
margin-left: 83.3333333333%;
}
.ml-flexy__col--11of12\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.ml-flexy__col--push-11of12\@from-xxl {
margin-left: 91.6666666667%;
}
.ml-flexy__col--initial\@from-xxl {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.ml-flexy__col--grow\@from-xxl {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
max-width: none;
}
.ml-flexy__col--first\@from-xxl {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.ml-flexy__col--last\@from-xxl {
-webkit-box-ordinal-group: 1000;
-ms-flex-order: 999;
order: 999;
}
.ml-flexy__col--push--reset\@from-xxl {
margin-left: auto;
}
}
.mc-hero {
position: relative;
}
.mc-hero__main {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
padding-bottom: 4.5rem;
padding-top: 4rem;
}
@media screen and (min-width: 680px) {
.mc-hero__main {
padding-bottom: 7rem;
padding-top: 6rem;
}
}
@media screen and (min-width: 1024px) {
.mc-hero__main {
padding-bottom: 10rem;
}
}
@media screen and (min-width: 1440px) {
.mc-hero__main {
padding-bottom: 8rem;
padding-top: 8rem;
}
}
.mc-hero__cover {
z-index: -1;
}
.mc-hero__cover, .mc-hero__cover::before {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.mc-hero__cover::before {
background-color: rgba(25, 25, 25, 0.8);
content: "";
display: block;
}
.mc-hero__visual {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media screen and (min-width: 1024px) {
.mc-hero__header {
max-width: 75%;
}
}
@media screen and (min-width: 1280px) {
.mc-hero__header {
max-width: 66.6666666667%;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.mc-hero__header {
max-width: 75%;
}
}
.mc-hero__title {
margin-top: 0;
}
.mc-hero__content {
color: #ffffff;
}
@media screen and (min-width: 1024px) {
.mc-hero__content {
max-width: 83.3333333333%;
}
}
@media (min-width: 1280px) and (max-width: 1919px) {
.mc-hero__content {
max-width: 75%;
}
}
.mc-hero__boxed {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
margin-top: -6rem;
}
@media screen and (min-width: 680px) {
.mc-hero__boxed {
margin-top: -5rem;
}
}
@media screen and (min-width: 1024px) {
.mc-hero__boxed {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
margin-top: 0;
}
}
@media screen and (min-width: 1920px) {
.mc-hero__boxed {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
}
.mc-hero--with-content .mc-hero__main {
padding-bottom: 3rem;
padding-top: 2.5rem;
}
@media screen and (min-width: 680px) {
.mc-hero--with-content .mc-hero__main {
padding-bottom: 5rem;
padding-top: 3.5rem;
}
}
@media screen and (min-width: 1024px) {
.mc-hero--with-content .mc-hero__main {
padding-bottom: 6rem;
padding-top: 5rem;
}
}
@media screen and (min-width: 1920px) {
.mc-hero--with-content .mc-hero__main {
padding-bottom: 8rem;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.mc-hero--with-content .mc-hero__header {
max-width: 66.6666666667%;
}
}
@media screen and (min-width: 1920px) {
.mc-hero--with-content .mc-hero__header {
max-width: 58.3333333333%;
}
}
.mc-hero--with-boxed * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
.mc-hero--with-boxed {
padding-bottom: 3rem;
padding-top: 4rem;
}
}
@media screen and (min-width: 1440px) {
.mc-hero--with-boxed {
padding-bottom: 4rem;
}
}
@media screen and (min-width: 1920px) {
.mc-hero--with-boxed {
padding-bottom: 5rem;
}
}
.mc-hero--with-boxed .mc-hero__main {
padding-bottom: 6rem;
padding-top: 2.5rem;
position: relative;
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
}
@media screen and (min-width: 680px) {
.mc-hero--with-boxed .mc-hero__main {
padding-bottom: 5rem;
padding-top: 4rem;
}
}
@media screen and (min-width: 1024px) {
.mc-hero--with-boxed .mc-hero__main {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
padding-bottom: 0;
padding-top: 0;
position: static;
}
}
@media screen and (min-width: 1920px) {
.mc-hero--with-boxed .mc-hero__main {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
}
@media (max-width: 679px) {
.mc-hero--with-boxed .mc-hero__cover {
left: -0.5rem;
width: calc(100% + 1rem);
}
}
@media (max-width: 1023px) {
.mc-hero--with-boxed .mc-hero__cover {
left: -1rem;
width: calc(100% + 2rem);
}
}
.mc-hero--with-boxed .mc-hero__header, .mc-hero--with-boxed .mc-hero__content {
max-width: none;
}
.mc-hero--with-boxed .mc-hero__content {
margin-bottom: 2rem;
}
@media screen and (min-width: 680px) {
.mc-hero--with-boxed .mc-hero__content {
margin-bottom: 3rem;
}
}
@media screen and (min-width: 1024px) {
.mc-hero--with-boxed .mc-hero__content {
margin-bottom: 0;
}
}
@media (min-width: 1024px) and (max-width: 1279px) {
.mc-hero--boxed-l {
padding-bottom: 0;
padding-top: 0;
}
.mc-hero--boxed-l .mc-hero__main, .mc-hero--boxed-l .mc-hero__boxed {
-webkit-box-flex: 100%;
-ms-flex: 100%;
flex: 100%;
max-width: none;
}
.mc-hero--boxed-l .mc-hero__cover {
left: -2rem;
width: calc(100% + 4rem);
}
.mc-hero--boxed-l .mc-hero__main {
padding-bottom: 7rem;
padding-top: 4rem;
position: relative;
}
.mc-hero--boxed-l .mc-hero__content {
margin-bottom: 3rem;
}
.mc-hero--boxed-l .mc-hero__boxed {
margin-top: -7rem;
}
}
.mc-hero--center .mc-hero__header, .mc-hero--center .mc-hero__content {
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1024px) {
.mc-hero--center .mc-hero__header {
max-width: 66.6666666667%;
}
}
@media screen and (min-width: 1920px) {
.mc-hero--center .mc-hero__header {
max-width: 50%;
}
}
.mc-hero--center .mc-hero__content {
text-align: center;
}
@media screen and (min-width: 1024px) {
.mc-hero--center .mc-hero__content {
max-width: none;
}
}
@media screen and (min-width: 1280px) {
.mc-hero--center .mc-hero__content {
max-width: 66.6666666667%;
}
}
@media (min-width: 1440px) and (max-width: 1919px) {
.mc-hero--center .mc-hero__content {
max-width: 83.3333333333%;
}
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-kpi[data-v-2783644e] {
color: var(--color-kpi-text, #005c91);
display: inline-block;
}
.mc-kpi[data-v-2783644e],
.mc-kpi[data-v-2783644e] * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mc-kpi[data-v-2783644e]:not(.mc-kpi--small) {
min-width: 10rem;
}
.mc-kpi__label[data-v-2783644e] {
font-size: 0.875rem;
line-height: 1.2857142857;
display: block;
}
.mc-kpi__content[data-v-2783644e] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mc-kpi__main[data-v-2783644e] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mc-kpi__value[data-v-2783644e] {
font-size: 0.875rem;
line-height: 1.2857142857;
font-weight: 700;
}
.mc-kpi__aside[data-v-2783644e] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
color: #333333;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mc-kpi__detail[data-v-2783644e] {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-kpi__icon[data-v-2783644e] {
display: block;
height: 1rem;
width: 1rem;
}
.mc-kpi--small .mc-kpi__content[data-v-2783644e] {
gap: 0.5rem;
}
.mc-kpi--small .mc-kpi__main[data-v-2783644e] {
background-color: var(--color-kpi-background, #daeff7);
border: 1px solid var(--color-kpi-border, #007bb4);
border-radius: 4px;
overflow: hidden;
padding: 0.125rem 0.4375rem;
}
.mc-kpi--small .mc-kpi__aside[data-v-2783644e] {
background-color: transparent;
}
.mc-kpi--medium .mc-kpi__label[data-v-2783644e] {
color: #000000;
margin-bottom: 0.375rem;
}
.mc-kpi--medium .mc-kpi__content[data-v-2783644e] {
background-color: var(--color-kpi-background, #daeff7);
border: 1px solid var(--color-kpi-border, #007bb4);
border-radius: 4px;
overflow: hidden;
}
.mc-kpi--medium .mc-kpi__main[data-v-2783644e] {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 2.5rem;
padding: 0.5rem 0.5rem 0.5rem 0.4375rem;
}
.mc-kpi--medium .mc-kpi__value[data-v-2783644e] {
font-size: 1rem;
line-height: 1.375;
}
.mc-kpi--medium .mc-kpi__aside[data-v-2783644e] {
padding-left: 0.75rem;
padding-right: 0.6875rem;
}
.mc-kpi--large[data-v-2783644e] {
background-color: var(--color-kpi-background, #daeff7);
border: 1px solid var(--color-kpi-border, #007bb4);
border-radius: 4px;
overflow: hidden;
}
.mc-kpi--large .mc-kpi__content[data-v-2783644e] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.mc-kpi--large .mc-kpi__main[data-v-2783644e] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 1rem 0.9375rem;
}
.mc-kpi--large .mc-kpi__main[data-v-2783644e]:only-child {
height: 9.0625rem;
}
.mc-kpi--large .mc-kpi__label[data-v-2783644e] {
font-size: 1rem;
line-height: 1.375;
}
.mc-kpi--large .mc-kpi__value[data-v-2783644e] {
font-size: 2.125rem;
line-height: 1.2941176471;
}
.mc-kpi--large .mc-kpi__aside[data-v-2783644e] {
gap: 0.75rem;
min-height: 2.9375rem;
padding-right: 0.6875rem;
padding-left: 0.6875rem;
}
.mc-kpi--medium.mc-kpi--fluid[data-v-2783644e], .mc-kpi--large.mc-kpi--fluid[data-v-2783644e] {
max-width: 100%;
width: 100%;
}
.mc-kpi--warning[data-v-2783644e] {
--color-kpi-background: #fdf1e8;
--color-kpi-border: #c65200;
--color-kpi-text: #8c3500;
}
.mc-kpi--danger[data-v-2783644e] {
--color-kpi-background: #fdeaea;
--color-kpi-border: #c61112;
--color-kpi-text: #8c0003;
}
.mc-kpi--success[data-v-2783644e] {
--color-kpi-background: #ebf5de;
--color-kpi-border: #188803;
--color-kpi-text: #006902;
}
.mc-kpi--neutral[data-v-2783644e] {
--color-kpi-background: #e6e6e6;
--color-kpi-border: #666666;
--color-kpi-text: #4d4d4d;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-layer[data-v-46d74c35] {
font-family: "Roboto", sans-serif;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
bottom: 0;
left: 0;
outline: 0;
pointer-events: none;
position: fixed;
right: 0;
top: 0;
z-index: var(--modal-z-index, 1999999999);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
/* States */
}
.mc-layer[data-v-46d74c35] * {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.mc-layer--ltr[data-v-46d74c35] {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.mc-layer--ltr .mc-layer__dialog[data-v-46d74c35] {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.mc-layer[data-v-46d74c35]:not(.mc-layer--ltr) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.mc-layer:not(.mc-layer--ltr) .mc-layer__dialog[data-v-46d74c35] {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.mc-layer__dialog[data-v-46d74c35] {
background: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
max-width: calc(100% - 2rem);
-webkit-transition: visibility 0s linear 0.4s, -webkit-transform 0.4s;
transition: visibility 0s linear 0.4s, -webkit-transform 0.4s;
transition: visibility 0s linear 0.4s, transform 0.4s;
transition: visibility 0s linear 0.4s, transform 0.4s, -webkit-transform 0.4s;
visibility: hidden;
width: 100%;
}
@media screen and (min-width: 680px) {
.mc-layer__dialog[data-v-46d74c35] {
max-width: 25rem;
}
}
@media screen and (min-width: 769px) {
.mc-layer__dialog[data-v-46d74c35] {
max-width: 28.6875rem;
}
}
@media screen and (min-width: 1024px) {
.mc-layer__dialog[data-v-46d74c35] {
max-width: 28rem;
}
}
@media screen and (min-width: 680px) {
.mc-layer__dialog--extend[data-v-46d74c35] {
max-width: 31.75rem;
}
}
@media screen and (min-width: 769px) {
.mc-layer__dialog--extend[data-v-46d74c35] {
max-width: 36.3125rem;
}
}
@media screen and (min-width: 1024px) {
.mc-layer__dialog--extend[data-v-46d74c35] {
max-width: 43rem;
}
}
.mc-layer__header[data-v-46d74c35], .mc-layer__footer[data-v-46d74c35] {
padding-left: 1rem;
padding-right: 1rem;
}
@media screen and (min-width: 1024px) {
.mc-layer__header[data-v-46d74c35], .mc-layer__footer[data-v-46d74c35] {
padding-left: 2rem;
padding-right: 2rem;
}
}
.mc-layer__header[data-v-46d74c35] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 0.5rem;
padding-top: 1rem;
min-height: 3.75rem;
position: relative;
}
.mc-layer__header[data-v-46d74c35]::after {
background: #b3b3b3;
content: "";
display: block;
margin: 0 auto;
height: 1px;
width: 100%;
bottom: 0;
left: 0;
position: absolute;
}
@media screen and (min-width: 1024px) {
.mc-layer__header[data-v-46d74c35] {
padding-bottom: 0.75rem;
padding-top: 1.25rem;
min-height: 4.25rem;
}
}
.mc-layer__icon[data-v-46d74c35] {
fill: #666666;
height: 1.5rem;
margin-right: 0.75rem;
width: 1.5rem;
}
.mc-layer__title[data-v-46d74c35] {
font-size: 0.875rem;
line-height: 1.2857142857;
font-weight: 400;
color: #666666;
margin-bottom: 0;
margin-top: 0;
}
.mc-layer__close[data-v-46d74c35] {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
border: none;
cursor: pointer;
padding: 0;
position: relative;
-ms-flex-item-align: start;
align-self: flex-start;
background: transparent url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23808080%27%3E%3Cpath d=%27M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z%27/%3E%3C/svg%3E") no-repeat;
background-size: contain;
cursor: pointer;
height: 2rem;
margin-left: auto;
width: 2rem;
}
.mc-layer__close[data-v-46d74c35]::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
}
.mc-layer__close-text[data-v-46d74c35] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
visibility: visible;
white-space: nowrap;
}
.mc-layer__close[data-v-46d74c35]:focus::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-layer__body[data-v-46d74c35] {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
overflow: hidden;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
@media screen and (min-width: 1024px) {
.mc-layer__body[data-v-46d74c35] {
padding-left: 1rem;
padding-right: 1rem;
}
}
.mc-layer__body--overflowing + .mc-layer__footer[data-v-46d74c35], .mc-layer__body--overflowing-scroll-edge + .mc-layer__footer[data-v-46d74c35] {
-webkit-box-shadow: 0px 4px 20px 0px rgba(25, 25, 25, 0.2);
box-shadow: 0px 4px 20px 0px rgba(25, 25, 25, 0.2);
position: relative;
}
.mc-layer__body--overflowing-scroll-edge[data-v-46d74c35] {
padding-left: 0;
padding-right: 0;
}
.mc-layer__body--overflowing-scroll-edge .mc-layer__content[data-v-46d74c35] {
padding-left: 1rem;
padding-right: 1.125rem;
}
@media screen and (min-width: 1024px) {
.mc-layer__body--overflowing-scroll-edge .mc-layer__content[data-v-46d74c35] {
padding-left: 2rem;
padding-right: 2rem;
}
}
.mc-layer__body--scroll-end + .mc-layer__footer[data-v-46d74c35] {
-webkit-box-shadow: none;
box-shadow: none;
}
.mc-layer__content[data-v-46d74c35] {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
padding: 1.5rem 0.5rem 3rem;
scrollbar-color: #666666 #e6e6e6;
scrollbar-width: thin;
}
@media screen and (min-width: 1024px) {
.mc-layer__content[data-v-46d74c35] {
padding-left: 1rem;
padding-right: 1rem;
}
}
.mc-layer__content[data-v-46d74c35]::-webkit-scrollbar {
background-color: #e6e6e6;
width: 0.25rem;
}
.mc-layer__content[data-v-46d74c35]::-webkit-scrollbar-thumb {
background: #666666;
}
.mc-layer__footer[data-v-46d74c35] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 1rem;
padding-bottom: 1rem;
}
@media screen and (min-width: 1024px) {
.mc-layer__footer[data-v-46d74c35] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
.mc-layer__footer[data-v-46d74c35] > :first-child:not(:only-child) {
margin-bottom: 0.75rem;
}
@media screen and (min-width: 1024px) {
.mc-layer__footer[data-v-46d74c35] > :first-child:not(:only-child) {
margin-bottom: 0;
margin-right: 1rem;
}
}
.mc-layer-open[data-v-46d74c35] {
overflow: hidden;
}
.mc-layer .mc-layer__dialog.is-open[data-v-46d74c35] {
pointer-events: all;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: visibility 0s linear 0s, -webkit-transform 0.4s;
transition: visibility 0s linear 0s, -webkit-transform 0.4s;
transition: visibility 0s linear 0s, transform 0.4s;
transition: visibility 0s linear 0s, transform 0.4s, -webkit-transform 0.4s;
visibility: visible;
}
.mc-layer-overlay[data-v-46d74c35] {
background-color: rgba(25, 25, 25, 0.7);
-webkit-filter: blur(1px);
filter: blur(1px);
inset: 0;
opacity: 0;
position: fixed;
pointer-events: none;
-webkit-transition: opacity 0.4s ease, visibility 0ms 0.4s;
transition: opacity 0.4s ease, visibility 0ms 0.4s;
z-index: 1999999998;
}
.mc-layer-overlay.is-visible[data-v-46d74c35] {
opacity: 1;
pointer-events: all;
-webkit-transition: opacity 0.4s ease, visibility 0ms;
transition: opacity 0.4s ease, visibility 0ms;
visibility: visible;
}
.mc-button[data-v-46d74c35] {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
border: none;
cursor: pointer;
padding: 0;
color: #ffffff;
background-color: #007f8c;
font-family: "Roboto", sans-serif;
font-weight: 700;
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
cursor: pointer;
border-radius: 4px;
text-align: center;
border: 2px solid transparent;
-webkit-transition: all ease 200ms;
transition: all ease 200ms;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-sizing: border-box;
box-sizing: border-box;
fill: currentColor;
}
.mc-button[data-v-46d74c35]:hover {
background-color: #006974;
color: #ffffff;
}
.mc-button[data-v-46d74c35]:active {
background-color: #006974;
}
.mc-button[data-v-46d74c35]:disabled, .mc-button.is-disabled[data-v-46d74c35], .mc-button[aria-disabled=true][data-v-46d74c35] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button .mc-button__icon[data-v-46d74c35] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button .mc-button__icon[data-v-46d74c35]:first-child, .mc-button .mc-button__icon[data-v-46d74c35]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button .mc-button__icon[data-v-46d74c35]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button[data-v-46d74c35]:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-button--s[data-v-46d74c35] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s .mc-button__icon[data-v-46d74c35] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s .mc-button__icon[data-v-46d74c35]:first-child, .mc-button--s .mc-button__icon[data-v-46d74c35]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s .mc-button__icon[data-v-46d74c35]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m[data-v-46d74c35] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m .mc-button__icon[data-v-46d74c35] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m .mc-button__icon[data-v-46d74c35]:first-child, .mc-button--m .mc-button__icon[data-v-46d74c35]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m .mc-button__icon[data-v-46d74c35]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l[data-v-46d74c35] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l .mc-button__icon[data-v-46d74c35] {
width: 2rem;
height: 2rem;
}
.mc-button--l .mc-button__icon[data-v-46d74c35]:first-child, .mc-button--l .mc-button__icon[data-v-46d74c35]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l .mc-button__icon[data-v-46d74c35]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit[data-v-46d74c35] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full[data-v-46d74c35] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full[data-v-46d74c35] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
.mc-button--square[data-v-46d74c35] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 0;
padding: 0;
}
.mc-button__icon[data-v-46d74c35] {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mc-button__icon[data-v-46d74c35]:last-child {
margin-left: 0.5rem;
margin-right: -0.25rem;
}
.mc-button__icon[data-v-46d74c35]:first-child {
margin-right: 0.5rem;
margin-left: -0.25rem;
}
.mc-button__icon[data-v-46d74c35]:only-child {
margin: 0;
}
.mc-button__label[data-v-46d74c35] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
pointer-events: none;
}
a.mc-button[data-v-46d74c35]:disabled, a.mc-button.is-disabled[data-v-46d74c35] {
pointer-events: none;
}
.mc-button--solid-primary-02[data-v-46d74c35] {
background-color: #6a7081;
}
.mc-button--solid-primary-02[data-v-46d74c35]:hover {
background-color: #242938;
}
.mc-button--solid-primary-02[data-v-46d74c35]:active {
background-color: #171b26;
}
.mc-button--solid-primary-02[data-v-46d74c35]:disabled, .mc-button--solid-primary-02.is-disabled[data-v-46d74c35], .mc-button--solid-primary-02[aria-disabled=true][data-v-46d74c35] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--solid-neutral[data-v-46d74c35] {
background-color: #333333;
}
.mc-button--solid-neutral[data-v-46d74c35]:hover {
background-color: #191919;
}
.mc-button--solid-neutral[data-v-46d74c35]:active {
background-color: #333333;
}
.mc-button--solid-neutral[data-v-46d74c35]:disabled, .mc-button--solid-neutral.is-disabled[data-v-46d74c35], .mc-button--solid-neutral[aria-disabled=true][data-v-46d74c35] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--solid-danger[data-v-46d74c35] {
background-color: #c61112;
}
.mc-button--solid-danger[data-v-46d74c35]:hover {
background-color: #8c0003;
}
.mc-button--solid-danger[data-v-46d74c35]:active {
background-color: #8c0003;
}
.mc-button--solid-danger[data-v-46d74c35]:disabled, .mc-button--solid-danger.is-disabled[data-v-46d74c35], .mc-button--solid-danger[aria-disabled=true][data-v-46d74c35] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--bordered[data-v-46d74c35] {
color: #007f8c;
border-color: #007f8c;
background-color: #ffffff;
}
.mc-button--bordered[data-v-46d74c35]:hover {
background-color: #d9f0f3;
color: #006974;
}
.mc-button--bordered[data-v-46d74c35]:active {
background-color: #91d5db;
color: #004e57;
}
.mc-button--bordered[data-v-46d74c35]:active {
background-color: #91d5db;
color: #004e57;
}
.mc-button--bordered[data-v-46d74c35]:disabled, .mc-button--bordered.is-disabled[data-v-46d74c35], .mc-button--bordered[aria-disabled=true][data-v-46d74c35] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--bordered-primary-02[data-v-46d74c35] {
color: #6a7081;
border-color: #6a7081;
background-color: #ffffff;
}
.mc-button--bordered-primary-02[data-v-46d74c35]:hover {
background-color: #eeeff1;
color: #6a7081;
}
.mc-button--bordered-primary-02[data-v-46d74c35]:active {
background-color: #cfd2d8;
}
.mc-button--bordered-primary-02[data-v-46d74c35]:disabled, .mc-button--bordered-primary-02.is-disabled[data-v-46d74c35], .mc-button--bordered-primary-02[aria-disabled=true][data-v-46d74c35] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--bordered-neutral[data-v-46d74c35] {
color: #333333;
border-color: #333333;
background-color: #ffffff;
}
.mc-button--bordered-neutral[data-v-46d74c35]:hover {
background-color: #e6e6e6;
color: #333333;
}
.mc-button--bordered-neutral[data-v-46d74c35]:active {
background-color: #cccccc;
}
.mc-button--bordered-neutral[data-v-46d74c35]:disabled, .mc-button--bordered-neutral.is-disabled[data-v-46d74c35], .mc-button--bordered-neutral[aria-disabled=true][data-v-46d74c35] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--bordered-danger[data-v-46d74c35] {
color: #c61112;
border-color: #c61112;
background-color: #ffffff;
}
.mc-button--bordered-danger[data-v-46d74c35]:hover {
background-color: #fdeaea;
color: #8c0003;
}
.mc-button--bordered-danger[data-v-46d74c35]:active {
background-color: #f8bcbb;
color: #530000;
}
.mc-button--bordered-danger[data-v-46d74c35]:active {
background-color: #f8bcbb;
color: #530000;
}
.mc-button--bordered-danger[data-v-46d74c35]:disabled, .mc-button--bordered-danger.is-disabled[data-v-46d74c35], .mc-button--bordered-danger[aria-disabled=true][data-v-46d74c35] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
@media screen and (min-width: 680px) {
.mc-button--s\@from-m[data-v-46d74c35] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s\@from-m .mc-button__icon[data-v-46d74c35] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s\@from-m .mc-button__icon[data-v-46d74c35]:first-child, .mc-button--s\@from-m .mc-button__icon[data-v-46d74c35]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s\@from-m .mc-button__icon[data-v-46d74c35]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-m[data-v-46d74c35] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m\@from-m .mc-button__icon[data-v-46d74c35] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-m .mc-button__icon[data-v-46d74c35]:first-child, .mc-button--m\@from-m .mc-button__icon[data-v-46d74c35]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m\@from-m .mc-button__icon[data-v-46d74c35]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-m[data-v-46d74c35] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l\@from-m .mc-button__icon[data-v-46d74c35] {
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-m .mc-button__icon[data-v-46d74c35]:first-child, .mc-button--l\@from-m .mc-button__icon[data-v-46d74c35]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l\@from-m .mc-button__icon[data-v-46d74c35]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit\@from-m[data-v-46d74c35] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full\@from-m[data-v-46d74c35] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full\@from-m[data-v-46d74c35] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
}
@media screen and (min-width: 1024px) {
.mc-button--s\@from-l[data-v-46d74c35] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s\@from-l .mc-button__icon[data-v-46d74c35] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s\@from-l .mc-button__icon[data-v-46d74c35]:first-child, .mc-button--s\@from-l .mc-button__icon[data-v-46d74c35]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s\@from-l .mc-button__icon[data-v-46d74c35]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-l[data-v-46d74c35] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m\@from-l .mc-button__icon[data-v-46d74c35] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-l .mc-button__icon[data-v-46d74c35]:first-child, .mc-button--m\@from-l .mc-button__icon[data-v-46d74c35]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m\@from-l .mc-button__icon[data-v-46d74c35]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-l[data-v-46d74c35] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l\@from-l .mc-button__icon[data-v-46d74c35] {
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-l .mc-button__icon[data-v-46d74c35]:first-child, .mc-button--l\@from-l .mc-button__icon[data-v-46d74c35]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l\@from-l .mc-button__icon[data-v-46d74c35]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit\@from-l[data-v-46d74c35] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full\@from-l[data-v-46d74c35] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full\@from-l[data-v-46d74c35] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
.mc-button--square[data-v-46d74c35] {
padding: 0;
}
}
@media screen and (min-width: 1280px) {
.mc-button--s\@from-xl[data-v-46d74c35] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s\@from-xl .mc-button__icon[data-v-46d74c35] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s\@from-xl .mc-button__icon[data-v-46d74c35]:first-child, .mc-button--s\@from-xl .mc-button__icon[data-v-46d74c35]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s\@from-xl .mc-button__icon[data-v-46d74c35]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-xl[data-v-46d74c35] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m\@from-xl .mc-button__icon[data-v-46d74c35] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-xl .mc-button__icon[data-v-46d74c35]:first-child, .mc-button--m\@from-xl .mc-button__icon[data-v-46d74c35]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m\@from-xl .mc-button__icon[data-v-46d74c35]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-xl[data-v-46d74c35] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l\@from-xl .mc-button__icon[data-v-46d74c35] {
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-xl .mc-button__icon[data-v-46d74c35]:first-child, .mc-button--l\@from-xl .mc-button__icon[data-v-46d74c35]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l\@from-xl .mc-button__icon[data-v-46d74c35]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit\@from-xl[data-v-46d74c35] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full\@from-xl[data-v-46d74c35] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full\@from-xl[data-v-46d74c35] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
}
@media screen and (min-width: 1920px) {
.mc-button--s\@from-xxl[data-v-46d74c35] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s\@from-xxl .mc-button__icon[data-v-46d74c35] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s\@from-xxl .mc-button__icon[data-v-46d74c35]:first-child, .mc-button--s\@from-xxl .mc-button__icon[data-v-46d74c35]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s\@from-xxl .mc-button__icon[data-v-46d74c35]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-xxl[data-v-46d74c35] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m\@from-xxl .mc-button__icon[data-v-46d74c35] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-xxl .mc-button__icon[data-v-46d74c35]:first-child, .mc-button--m\@from-xxl .mc-button__icon[data-v-46d74c35]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m\@from-xxl .mc-button__icon[data-v-46d74c35]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-xxl[data-v-46d74c35] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l\@from-xxl .mc-button__icon[data-v-46d74c35] {
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-xxl .mc-button__icon[data-v-46d74c35]:first-child, .mc-button--l\@from-xxl .mc-button__icon[data-v-46d74c35]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l\@from-xxl .mc-button__icon[data-v-46d74c35]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit\@from-xxl[data-v-46d74c35] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full\@from-xxl[data-v-46d74c35] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full\@from-xxl[data-v-46d74c35] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
}
html.mu-prevent-body-scroll {
overflow: hidden;
}
body.mu-prevent-body-scroll {
overflow-y: scroll;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-listbox {
background-color: #ffffff;
border: 1px solid #666666;
border-radius: 3px;
overflow-y: auto;
max-width: var(--listbox-maxwidth, none);
width: var(--listbox-width, auto);
}
.mc-listbox::-webkit-scrollbar {
background-color: #e6e6e6;
width: 0.25rem;
}
.mc-listbox::-webkit-scrollbar-thumb {
background: #666666;
}
.mc-listbox__list {
list-style: none;
margin-left: 0;
padding-left: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
}
.mc-listbox__tile {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.5rem;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding-left: 0.75rem;
padding-right: 0.75rem;
position: relative;
}
.mc-listbox__tile:not(.mc-listbox__tile--empty):not(.is-disabled):hover, .mc-listbox__tile:has(.mc-listbox__input:focus), .mc-listbox__tile:has(.mc-listbox__label:focus) {
background-color: #e6e6e6;
-webkit-box-shadow: inset 9px 0 0 -7px #191919;
box-shadow: inset 9px 0 0 -7px #191919;
}
.mc-listbox__tile--danger, .mc-listbox__tile.is-danger {
color: #c61112;
}
.mc-listbox__tile--empty {
color: #666666;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mc-listbox__tile--empty .mc-listbox__label {
cursor: default;
}
.mc-listbox__tile.is-disabled {
-webkit-box-shadow: none;
box-shadow: none;
background-color: #cccccc;
color: #666666;
pointer-events: none;
}
.mc-listbox__flag {
font-size: 1.4375rem;
line-height: 1.3913043478;
text-align: center;
}
.mc-listbox__icon {
fill: #666666;
}
.is-danger .mc-listbox__icon {
fill: #c61112;
}
.mc-listbox__label {
font-size: 1rem;
line-height: 1.375;
color: currentColor;
cursor: pointer;
white-space: nowrap;
outline: transparent;
}
button.mc-listbox__label {
background: none;
border: none;
padding: 0;
font-size: inherit;
font-family: inherit;
}
.mc-listbox__label::after {
content: "";
position: absolute;
inset: 0;
z-index: var(--listbox-label-z-index, 2);
}
.mc-listbox__input {
margin-left: auto;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.mc-listbox--left {
right: 0;
}
.mc-listbox:not(.mc-listbox--multi) .mc-listbox__input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.mc-listbox--options {
max-height: 13.8125rem;
min-width: var(--listbox-minwidth, 6rem);
}
.mc-listbox--options .mc-listbox__flag, .mc-listbox--options .mc-listbox__icon, .mc-listbox--options .mc-listbox__logo {
height: 2rem;
width: 2rem;
}
.mc-listbox--options .mc-listbox__tile {
height: 3rem;
}
.mc-listbox--options .mc-listbox__tile:not(:last-child) {
border-bottom: 1px solid #b3b3b3;
}
.mc-listbox--options .mc-listbox__tile.is-selected .mc-listbox__label::before {
visibility: visible;
}
.mc-listbox--options .mc-listbox__tile.is-selected.is-disabled .mc-listbox__label::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23666666%27 height=%271.5rem%27 width=%271.5rem%27%3E%3Cpath d=%27M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z%27/%3E%3C/svg%3E");
}
.mc-listbox--options .mc-listbox__input:checked + .mc-listbox__label::before {
visibility: visible;
}
.mc-listbox--options .mc-listbox__input:checked:disabled + .mc-listbox__label::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23666666%27 height=%271.5rem%27 width=%271.5rem%27%3E%3Cpath d=%27M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z%27/%3E%3C/svg%3E");
}
.mc-listbox--options .mc-listbox__label::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23191919%27 height=%271.5rem%27 width=%271.5rem%27%3E%3Cpath d=%27M10 18.68a1 1 0 01-.7-.29l-5-5A1 1 0 015.73 12L10 16.27 18.31 8a1 1 0 011.42 1.42l-9 9a1 1 0 01-.73.26z%27/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 1.5rem;
content: "";
height: 1.5rem;
position: absolute;
right: 0.75rem;
top: 0;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
width: 1.5rem;
visibility: hidden;
}
.mc-listbox--actions {
min-width: 17.375rem;
}
.mc-listbox--actions.align-top {
-webkit-transform: translate(0, calc(-100% - 1.5rem));
-ms-transform: translate(0, calc(-100% - 1.5rem));
transform: translate(0, calc(-100% - 1.5rem));
}
.mc-listbox--actions.align-right {
-webkit-transform: translate(calc(-100% + 1.5rem), 0);
-ms-transform: translate(calc(-100% + 1.5rem), 0);
transform: translate(calc(-100% + 1.5rem), 0);
}
.mc-listbox--actions.align-right.align-top {
-webkit-transform: translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));
-ms-transform: translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));
transform: translate(calc(-100% + 1.5rem), calc(-100% - 1.5rem));
}
.mc-listbox--actions .mc-listbox__list:not(:last-child) {
border-bottom: 1px solid #b3b3b3;
}
.mc-listbox--actions .mc-listbox__list:first-child {
padding-top: 0.4375rem;
padding-bottom: 0.5rem;
}
.mc-listbox--actions .mc-listbox__list:last-child {
padding-top: 0.5rem;
padding-bottom: 0.4375rem;
}
.mc-listbox--actions .mc-listbox__list:not(:first-child):not(:last-child) {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.mc-listbox--actions .mc-listbox__tile {
height: 2.5rem;
}
.mc-listbox--actions .mc-listbox__flag, .mc-listbox--actions .mc-listbox__icon, .mc-listbox--actions .mc-listbox__logo {
height: 1.5rem;
width: 1.5rem;
}
.mc-listbox--overlay {
position: absolute;
z-index: var(--listbox-overlay-z-index, 10);
}
.mc-listbox-container {
display: inline-block;
position: relative;
}
.mc-listbox-options__trigger {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: none;
border: none;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 1.5rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
width: 1.5rem;
}
.mc-listbox-options__trigger-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.mc-listbox--actions.is-align-top {
-webkit-transform: translate(0, calc(-100% - var(--root-height)));
-ms-transform: translate(0, calc(-100% - var(--root-height)));
transform: translate(0, calc(-100% - var(--root-height)));
}
.mc-listbox--actions.is-align-right {
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
.mc-listbox--actions.is-align-right.is-align-top {
-webkit-transform: translate(-100%, calc(-100% - var(--root-height)));
-ms-transform: translate(-100%, calc(-100% - var(--root-height)));
transform: translate(-100%, calc(-100% - var(--root-height)));
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-menu[data-v-29941bdb],
.mc-menu[data-v-29941bdb] * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mc-menu__list[data-v-29941bdb] {
list-style: none;
padding: 0;
margin: 0;
}
.mc-menu__item[data-v-29941bdb] {
position: relative;
}
.mc-menu__item:not(:last-child) .mc-menu__link[data-v-29941bdb]::after {
background: #b3b3b3;
content: "";
display: block;
margin: 0 auto;
height: 1px;
width: 100%;
}
.mc-menu__item:not(:last-child) .mc-menu__link[data-v-29941bdb]::after {
bottom: 0;
position: absolute;
left: 0;
}
.mc-menu__item:not(:last-child) .mc-menu__link.is-active[data-v-29941bdb]::after {
display: none;
}
.mc-menu__item:first-of-type .mc-menu__link[data-v-29941bdb] {
border-radius: 0.25rem 0.25rem 0 0;
}
.mc-menu__item:last-of-type .mc-menu__link[data-v-29941bdb] {
border-radius: 0 0 0.25rem 0.25rem;
}
.mc-menu__link[data-v-29941bdb] {
font-weight: 400;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23191919%27%3E%3Cpath d=%27M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
background-position: center right 1rem;
background-repeat: no-repeat;
background-size: 1rem;
border: none;
cursor: pointer;
color: #191919;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.5rem;
height: 3.5rem;
font-family: inherit;
padding-right: 3rem;
padding-left: 1rem;
position: relative;
text-decoration: none;
outline: none;
width: 100%;
}
.mc-menu__link[data-v-29941bdb]::before {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
z-index: var(--menu-link-z-index, 1);
}
.mc-menu__link.is-active[data-v-29941bdb], .mc-menu__link.is-disabled[data-v-29941bdb] {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23ffffff%27%3E%3Cpath d=%27M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
color: #ffffff;
}
.mc-menu__link[data-v-29941bdb]:hover {
background-color: #eeedea;
}
.mc-menu__link[data-v-29941bdb]:active {
background-color: #dddcd5;
}
.mc-menu__link[data-v-29941bdb]:focus::before {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-menu__link.is-active[data-v-29941bdb] {
background-color: #007f8c;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23ffffff%27%3E%3Cpath d=%27M5.5 14a1 1 0 01-.71-.29 1 1 0 010-1.42L9.09 8l-4.3-4.29a1 1 0 011.42-1.42l5 5a1 1 0 010 1.42l-5 5a1 1 0 01-.71.29z%27/%3E%3C/svg%3E");
color: #ffffff;
}
.mc-menu__link.is-active .mc-menu__label[data-v-29941bdb] {
font-family: "Roboto", sans-serif;
font-weight: 700;
}
.mc-menu__link.is-disabled[data-v-29941bdb] {
background-color: #e6e6e6;
cursor: not-allowed;
}
.mc-menu__icon[data-v-29941bdb] {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mc-menu__label[data-v-29941bdb] {
font-size: 1rem;
line-height: 1.375;
font-family: "Roboto", sans-serif;
font-weight: 400;
display: -webkit-box;
max-height: 2.75rem;
overflow: hidden;
text-align: left;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mt-body-l[data-v-fa170346] {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 1.125rem;
line-height: 1.5555555556;
}
.mt-body-l--line-height-m[data-v-fa170346] {
line-height: 1.3333333333;
}
.mt-body-l--semi-bold[data-v-fa170346] {
font-family: "Roboto", sans-serif;
font-weight: 700;
}
.mt-body-m[data-v-fa170346] {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
}
.mt-body-m--line-height-m[data-v-fa170346] {
line-height: 1.375;
}
.mt-body-m--semi-bold[data-v-fa170346] {
font-family: "Roboto", sans-serif;
font-weight: 700;
}
.mt-body-s[data-v-fa170346] {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 0.875rem;
line-height: 1.5714285714;
}
.mt-body-s--line-height-m[data-v-fa170346] {
line-height: 1.2857142857;
}
.mt-body-s--semi-bold[data-v-fa170346] {
font-family: "Roboto", sans-serif;
font-weight: 700;
}
.mc-modal[data-v-fa170346] {
font-family: "Roboto", sans-serif;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
bottom: 0;
left: 0;
outline: 0;
pointer-events: none;
position: fixed;
right: 0;
top: 0;
z-index: var(--modal-z-index, 1999999999);
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100vh;
height: -webkit-fill-available;
height: -moz-available;
height: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow-x: hidden;
overflow-y: auto;
padding: 1rem 1.125rem;
width: 100vw;
}
.mc-modal[data-v-fa170346],
.mc-modal[data-v-fa170346] * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (min-width: 680px) {
.mc-modal[data-v-fa170346] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
}
.mc-modal__dialog[data-v-fa170346] {
background: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
opacity: 0;
max-height: 100%;
position: relative;
-webkit-transform: translateY(-25%);
-ms-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-transition: visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;
transition: visibility 0s linear 0.4s, opacity 0.4s ease, -webkit-transform 0.4s ease;
transition: visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease;
transition: visibility 0s linear 0.4s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
visibility: hidden;
width: 100%;
}
@media screen and (min-width: 680px) {
.mc-modal__dialog[data-v-fa170346] {
max-height: 50%;
max-width: 38.5rem;
}
}
@media (min-width: 1024px) and (max-width: 1919px) {
.mc-modal__dialog[data-v-fa170346] {
max-height: 66.6666666667%;
}
}
@media screen and (min-width: 1024px) {
.mc-modal__dialog[data-v-fa170346] {
max-width: 48rem;
}
}
@media screen and (min-width: 1280px) {
.mc-modal__dialog[data-v-fa170346] {
max-width: 50rem;
}
}
@media screen and (min-width: 1920px) {
.mc-modal__dialog[data-v-fa170346] {
max-width: 56.5rem;
}
}
.mc-modal__dialog.is-open[data-v-fa170346] {
opacity: 1;
pointer-events: all;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;
transition: visibility 0s linear 0s, opacity 0.4s ease, -webkit-transform 0.4s ease;
transition: visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease;
transition: visibility 0s linear 0s, transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
visibility: visible;
}
.mc-modal__form[data-v-fa170346] {
display: contents;
}
.mc-modal__header[data-v-fa170346] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.75rem;
margin-bottom: 1rem;
min-height: 3.75rem;
padding: 0.75rem 0.75rem 0.75rem 1rem;
position: relative;
}
.mc-modal__header[data-v-fa170346]::after {
background: #b3b3b3;
content: "";
display: block;
margin: 0 auto;
height: 1px;
width: 100%;
bottom: 0;
left: 0;
position: absolute;
}
@media screen and (min-width: 680px) {
.mc-modal__header[data-v-fa170346] {
padding-top: 1rem;
padding-right: 1rem;
padding-left: 1.5rem;
}
}
.mc-modal__icon[data-v-fa170346] {
fill: #666666;
height: 1.5rem;
width: 1.5rem;
}
.mc-modal__title[data-v-fa170346] {
font-size: 0.875rem;
line-height: 1.2857142857;
font-weight: 400;
color: #666666;
margin-bottom: 0;
margin-top: 0;
}
.mc-modal__close[data-v-fa170346] {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
border: none;
cursor: pointer;
padding: 0;
position: relative;
-ms-flex-item-align: start;
align-self: flex-start;
background: transparent url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23808080%27%3E%3Cpath d=%27M17.41 16l8.8-8.79a1 1 0 10-1.42-1.42L16 14.59l-8.79-8.8a1 1 0 00-1.42 1.42l8.8 8.79-8.8 8.79a1 1 0 000 1.42 1 1 0 001.42 0l8.79-8.8 8.79 8.8a1 1 0 001.42 0 1 1 0 000-1.42z%27/%3E%3C/svg%3E") no-repeat;
background-size: contain;
cursor: pointer;
height: 2rem;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: auto;
width: 2rem;
}
.mc-modal__close[data-v-fa170346]::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
}
.mc-modal__close-text[data-v-fa170346] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
visibility: visible;
white-space: nowrap;
}
.mc-modal__close[data-v-fa170346]:focus::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-modal__body[data-v-fa170346] {
font-size: 1rem;
line-height: 1.375;
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
color: #191919;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
@media screen and (min-width: 680px) {
.mc-modal__body[data-v-fa170346] {
padding-left: 0.75rem;
padding-right: 1rem;
}
}
.mc-modal__content[data-v-fa170346] {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-height: 100%;
overflow-y: auto;
overflow-x: hidden;
scrollbar-color: #666666 #e6e6e6;
scrollbar-width: thin;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
@media screen and (min-width: 680px) {
.mc-modal__content[data-v-fa170346] {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
}
.mc-modal__content[data-v-fa170346]::-webkit-scrollbar {
background-color: #e6e6e6;
width: 0.25rem;
}
.mc-modal__content[data-v-fa170346]::-webkit-scrollbar-thumb {
background: #666666;
}
.mc-modal__heading[data-v-fa170346] {
font-size: 1.125rem;
line-height: 1.3333333333;
font-weight: 700;
color: #000000;
margin-bottom: 0;
margin-top: 0;
}
.mc-modal__inner[data-v-fa170346] {
padding-top: 1.5rem;
padding-bottom: 3rem;
}
.mc-modal__footer[data-v-fa170346] {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 1rem;
}
@media screen and (min-width: 680px) {
.mc-modal__footer[data-v-fa170346] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 1.5rem;
}
}
.mc-modal__footer[data-v-fa170346] > :first-child:not(:only-child) {
margin-bottom: 0.75rem;
}
@media screen and (min-width: 680px) {
.mc-modal__footer[data-v-fa170346] > :first-child:not(:only-child) {
margin-bottom: 0;
margin-right: 1rem;
}
}
.mc-modal-open[data-v-fa170346] {
overflow: hidden;
}
.mc-modal-overlay[data-v-fa170346] {
background-color: rgba(25, 25, 25, 0.7);
-webkit-filter: blur(1px);
filter: blur(1px);
inset: 0;
opacity: 0;
position: fixed;
pointer-events: none;
-webkit-transition: opacity 0.4s ease, visibility 0ms 0.4s;
transition: opacity 0.4s ease, visibility 0ms 0.4s;
z-index: 1999999998;
}
.mc-modal-overlay.is-visible[data-v-fa170346] {
opacity: 1;
pointer-events: all;
-webkit-transition: opacity 0.4s ease, visibility 0ms;
transition: opacity 0.4s ease, visibility 0ms;
visibility: visible;
}
.mc-button[data-v-fa170346] {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
border: none;
cursor: pointer;
padding: 0;
color: #ffffff;
background-color: #007f8c;
font-family: "Roboto", sans-serif;
font-weight: 700;
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
cursor: pointer;
border-radius: 4px;
text-align: center;
border: 2px solid transparent;
-webkit-transition: all ease 200ms;
transition: all ease 200ms;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
vertical-align: middle;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-sizing: border-box;
box-sizing: border-box;
fill: currentColor;
}
.mc-button[data-v-fa170346]:hover {
background-color: #006974;
color: #ffffff;
}
.mc-button[data-v-fa170346]:active {
background-color: #006974;
}
.mc-button[data-v-fa170346]:disabled, .mc-button.is-disabled[data-v-fa170346], .mc-button[aria-disabled=true][data-v-fa170346] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button .mc-button__icon[data-v-fa170346] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button .mc-button__icon[data-v-fa170346]:first-child, .mc-button .mc-button__icon[data-v-fa170346]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button .mc-button__icon[data-v-fa170346]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button[data-v-fa170346]:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-button--s[data-v-fa170346] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s .mc-button__icon[data-v-fa170346] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s .mc-button__icon[data-v-fa170346]:first-child, .mc-button--s .mc-button__icon[data-v-fa170346]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s .mc-button__icon[data-v-fa170346]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m[data-v-fa170346] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m .mc-button__icon[data-v-fa170346] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m .mc-button__icon[data-v-fa170346]:first-child, .mc-button--m .mc-button__icon[data-v-fa170346]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m .mc-button__icon[data-v-fa170346]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l[data-v-fa170346] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l .mc-button__icon[data-v-fa170346] {
width: 2rem;
height: 2rem;
}
.mc-button--l .mc-button__icon[data-v-fa170346]:first-child, .mc-button--l .mc-button__icon[data-v-fa170346]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l .mc-button__icon[data-v-fa170346]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit[data-v-fa170346] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full[data-v-fa170346] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full[data-v-fa170346] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
.mc-button--square[data-v-fa170346] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 0;
padding: 0;
}
.mc-button__icon[data-v-fa170346] {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mc-button__icon[data-v-fa170346]:last-child {
margin-left: 0.5rem;
margin-right: -0.25rem;
}
.mc-button__icon[data-v-fa170346]:first-child {
margin-right: 0.5rem;
margin-left: -0.25rem;
}
.mc-button__icon[data-v-fa170346]:only-child {
margin: 0;
}
.mc-button__label[data-v-fa170346] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
pointer-events: none;
}
a.mc-button[data-v-fa170346]:disabled, a.mc-button.is-disabled[data-v-fa170346] {
pointer-events: none;
}
.mc-button--solid-primary-02[data-v-fa170346] {
background-color: #6a7081;
}
.mc-button--solid-primary-02[data-v-fa170346]:hover {
background-color: #242938;
}
.mc-button--solid-primary-02[data-v-fa170346]:active {
background-color: #171b26;
}
.mc-button--solid-primary-02[data-v-fa170346]:disabled, .mc-button--solid-primary-02.is-disabled[data-v-fa170346], .mc-button--solid-primary-02[aria-disabled=true][data-v-fa170346] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--solid-neutral[data-v-fa170346] {
background-color: #333333;
}
.mc-button--solid-neutral[data-v-fa170346]:hover {
background-color: #191919;
}
.mc-button--solid-neutral[data-v-fa170346]:active {
background-color: #333333;
}
.mc-button--solid-neutral[data-v-fa170346]:disabled, .mc-button--solid-neutral.is-disabled[data-v-fa170346], .mc-button--solid-neutral[aria-disabled=true][data-v-fa170346] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--solid-danger[data-v-fa170346] {
background-color: #c61112;
}
.mc-button--solid-danger[data-v-fa170346]:hover {
background-color: #8c0003;
}
.mc-button--solid-danger[data-v-fa170346]:active {
background-color: #8c0003;
}
.mc-button--solid-danger[data-v-fa170346]:disabled, .mc-button--solid-danger.is-disabled[data-v-fa170346], .mc-button--solid-danger[aria-disabled=true][data-v-fa170346] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--bordered[data-v-fa170346] {
color: #007f8c;
border-color: #007f8c;
background-color: #ffffff;
}
.mc-button--bordered[data-v-fa170346]:hover {
background-color: #d9f0f3;
color: #006974;
}
.mc-button--bordered[data-v-fa170346]:active {
background-color: #91d5db;
color: #004e57;
}
.mc-button--bordered[data-v-fa170346]:active {
background-color: #91d5db;
color: #004e57;
}
.mc-button--bordered[data-v-fa170346]:disabled, .mc-button--bordered.is-disabled[data-v-fa170346], .mc-button--bordered[aria-disabled=true][data-v-fa170346] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--bordered-primary-02[data-v-fa170346] {
color: #6a7081;
border-color: #6a7081;
background-color: #ffffff;
}
.mc-button--bordered-primary-02[data-v-fa170346]:hover {
background-color: #eeeff1;
color: #6a7081;
}
.mc-button--bordered-primary-02[data-v-fa170346]:active {
background-color: #cfd2d8;
}
.mc-button--bordered-primary-02[data-v-fa170346]:disabled, .mc-button--bordered-primary-02.is-disabled[data-v-fa170346], .mc-button--bordered-primary-02[aria-disabled=true][data-v-fa170346] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--bordered-neutral[data-v-fa170346] {
color: #333333;
border-color: #333333;
background-color: #ffffff;
}
.mc-button--bordered-neutral[data-v-fa170346]:hover {
background-color: #e6e6e6;
color: #333333;
}
.mc-button--bordered-neutral[data-v-fa170346]:active {
background-color: #cccccc;
}
.mc-button--bordered-neutral[data-v-fa170346]:disabled, .mc-button--bordered-neutral.is-disabled[data-v-fa170346], .mc-button--bordered-neutral[aria-disabled=true][data-v-fa170346] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
.mc-button--bordered-danger[data-v-fa170346] {
color: #c61112;
border-color: #c61112;
background-color: #ffffff;
}
.mc-button--bordered-danger[data-v-fa170346]:hover {
background-color: #fdeaea;
color: #8c0003;
}
.mc-button--bordered-danger[data-v-fa170346]:active {
background-color: #f8bcbb;
color: #530000;
}
.mc-button--bordered-danger[data-v-fa170346]:active {
background-color: #f8bcbb;
color: #530000;
}
.mc-button--bordered-danger[data-v-fa170346]:disabled, .mc-button--bordered-danger.is-disabled[data-v-fa170346], .mc-button--bordered-danger[aria-disabled=true][data-v-fa170346] {
background-color: #cccccc;
border-color: transparent;
color: #666666;
cursor: not-allowed;
}
@media screen and (min-width: 680px) {
.mc-button--s\@from-m[data-v-fa170346] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s\@from-m .mc-button__icon[data-v-fa170346] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s\@from-m .mc-button__icon[data-v-fa170346]:first-child, .mc-button--s\@from-m .mc-button__icon[data-v-fa170346]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s\@from-m .mc-button__icon[data-v-fa170346]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-m[data-v-fa170346] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m\@from-m .mc-button__icon[data-v-fa170346] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-m .mc-button__icon[data-v-fa170346]:first-child, .mc-button--m\@from-m .mc-button__icon[data-v-fa170346]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m\@from-m .mc-button__icon[data-v-fa170346]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-m[data-v-fa170346] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l\@from-m .mc-button__icon[data-v-fa170346] {
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-m .mc-button__icon[data-v-fa170346]:first-child, .mc-button--l\@from-m .mc-button__icon[data-v-fa170346]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l\@from-m .mc-button__icon[data-v-fa170346]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit\@from-m[data-v-fa170346] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full\@from-m[data-v-fa170346] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full\@from-m[data-v-fa170346] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
}
@media screen and (min-width: 1024px) {
.mc-button--s\@from-l[data-v-fa170346] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s\@from-l .mc-button__icon[data-v-fa170346] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s\@from-l .mc-button__icon[data-v-fa170346]:first-child, .mc-button--s\@from-l .mc-button__icon[data-v-fa170346]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s\@from-l .mc-button__icon[data-v-fa170346]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-l[data-v-fa170346] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m\@from-l .mc-button__icon[data-v-fa170346] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-l .mc-button__icon[data-v-fa170346]:first-child, .mc-button--m\@from-l .mc-button__icon[data-v-fa170346]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m\@from-l .mc-button__icon[data-v-fa170346]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-l[data-v-fa170346] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l\@from-l .mc-button__icon[data-v-fa170346] {
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-l .mc-button__icon[data-v-fa170346]:first-child, .mc-button--l\@from-l .mc-button__icon[data-v-fa170346]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l\@from-l .mc-button__icon[data-v-fa170346]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit\@from-l[data-v-fa170346] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full\@from-l[data-v-fa170346] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full\@from-l[data-v-fa170346] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
.mc-button--square[data-v-fa170346] {
padding: 0;
}
}
@media screen and (min-width: 1280px) {
.mc-button--s\@from-xl[data-v-fa170346] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s\@from-xl .mc-button__icon[data-v-fa170346] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s\@from-xl .mc-button__icon[data-v-fa170346]:first-child, .mc-button--s\@from-xl .mc-button__icon[data-v-fa170346]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s\@from-xl .mc-button__icon[data-v-fa170346]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-xl[data-v-fa170346] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m\@from-xl .mc-button__icon[data-v-fa170346] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-xl .mc-button__icon[data-v-fa170346]:first-child, .mc-button--m\@from-xl .mc-button__icon[data-v-fa170346]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m\@from-xl .mc-button__icon[data-v-fa170346]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-xl[data-v-fa170346] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l\@from-xl .mc-button__icon[data-v-fa170346] {
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-xl .mc-button__icon[data-v-fa170346]:first-child, .mc-button--l\@from-xl .mc-button__icon[data-v-fa170346]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l\@from-xl .mc-button__icon[data-v-fa170346]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit\@from-xl[data-v-fa170346] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full\@from-xl[data-v-fa170346] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full\@from-xl[data-v-fa170346] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
}
@media screen and (min-width: 1920px) {
.mc-button--s\@from-xxl[data-v-fa170346] {
font-size: 0.875rem;
line-height: 1.2857142857;
padding: 0.3125rem 1rem;
min-height: 2rem;
min-width: 2rem;
}
.mc-button--s\@from-xxl .mc-button__icon[data-v-fa170346] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--s\@from-xxl .mc-button__icon[data-v-fa170346]:first-child, .mc-button--s\@from-xxl .mc-button__icon[data-v-fa170346]:last-child {
margin-bottom: -0.1875rem;
margin-top: -0.1875rem;
}
.mc-button--s\@from-xxl .mc-button__icon[data-v-fa170346]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-xxl[data-v-fa170346] {
font-size: 1rem;
line-height: 1.375;
padding: 0.6875rem 1.5rem;
min-height: 3rem;
min-width: 3rem;
}
.mc-button--m\@from-xxl .mc-button__icon[data-v-fa170346] {
width: 1.5rem;
height: 1.5rem;
}
.mc-button--m\@from-xxl .mc-button__icon[data-v-fa170346]:first-child, .mc-button--m\@from-xxl .mc-button__icon[data-v-fa170346]:last-child {
margin-bottom: -1px;
margin-top: -1px;
}
.mc-button--m\@from-xxl .mc-button__icon[data-v-fa170346]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-xxl[data-v-fa170346] {
font-size: 1.125rem;
line-height: 1.3333333333;
padding: 0.875rem 1.5rem;
min-height: 3.5rem;
min-width: 3.5rem;
}
.mc-button--l\@from-xxl .mc-button__icon[data-v-fa170346] {
width: 2rem;
height: 2rem;
}
.mc-button--l\@from-xxl .mc-button__icon[data-v-fa170346]:first-child, .mc-button--l\@from-xxl .mc-button__icon[data-v-fa170346]:last-child {
margin-bottom: -0.25rem;
margin-top: -0.25rem;
}
.mc-button--l\@from-xxl .mc-button__icon[data-v-fa170346]:only-child {
margin-bottom: 0;
margin-top: 0;
width: 2rem;
height: 2rem;
}
.mc-button--fit\@from-xxl[data-v-fa170346] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: auto;
}
.mc-button--full\@from-xxl[data-v-fa170346] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
@supports ((width: -webkit-fill-available) or (width: -moz-available) or (width: stretch)) {
.mc-button--full\@from-xxl[data-v-fa170346] {
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
}
}
}
html.mu-prevent-body-scroll {
overflow: hidden;
}
body.mu-prevent-body-scroll {
overflow-y: scroll;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-notification {
font-family: "Roboto", sans-serif;
font-weight: 400;
border-radius: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 1rem 1.5rem 1.5rem 1rem;
background: #daeff7;
-webkit-box-shadow: inset 0 0 0 1px #0b96cc;
box-shadow: inset 0 0 0 1px #0b96cc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #000000;
}
.mc-notification::before {
background-size: 2rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 2rem;
flex: 0 0 2rem;
height: 2rem;
margin-right: 1rem;
width: 2rem;
}
.mc-notification .mc-notification__content {
padding-top: 0.25rem;
}
.mc-notification .mc-notification__title + .mc-notification__message {
margin-top: 0.5rem;
}
.mc-notification::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23007bb4%27%3E%3Cpath d=%27M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z%27/%3E%3Cpath d=%27M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z%27/%3E%3Ccircle cx=%2716%27 cy=%2711.3%27 r=%271%27/%3E%3C/svg%3E");
}
.mc-notification::before {
background-color: transparent;
background-repeat: no-repeat;
content: "";
display: block;
}
.mc-notification__content {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
}
.mc-notification__title, .mc-notification__message {
margin-bottom: 0;
margin-top: 0;
}
.mc-notification__title {
font-family: "Roboto", sans-serif;
font-weight: 700;
font-size: 1rem;
line-height: 1.5;
}
.mc-notification__message {
font-size: 0.875rem;
line-height: 1.5714285714;
}
.mc-notification__footer {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 1rem;
}
.mc-notification__link {
font-size: 0.875rem;
line-height: 1.2857142857;
margin-top: 0.5rem;
}
.mc-notification .mc-button:not(:first-child) {
margin-top: 1rem;
}
.mc-notification--information {
background: #daeff7;
-webkit-box-shadow: inset 0 0 0 1px #0b96cc;
box-shadow: inset 0 0 0 1px #0b96cc;
}
.mc-notification--information::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23007bb4%27%3E%3Cpath d=%27M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z%27/%3E%3Cpath d=%27M16,21.7a1,1,0,0,1-1-1V14.87a1,1,0,1,1,2,0V20.7A1,1,0,0,1,16,21.7Z%27/%3E%3Ccircle cx=%2716%27 cy=%2711.3%27 r=%271%27/%3E%3C/svg%3E");
}
.mc-notification--success {
background: #ebf5de;
-webkit-box-shadow: inset 0 0 0 1px #46a610;
box-shadow: inset 0 0 0 1px #46a610;
}
.mc-notification--success::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 fill=%27%23188803%27 viewBox=%270 0 32 32%27%3E%3Cpath d=%27M16,5A11,11,0,1,1,5,16,11,11,0,0,1,16,5m0-2A13,13,0,1,0,29,16,13,13,0,0,0,16,3Z%27/%3E%3Cpath d=%27M14.2,21.45,8.5,16.18a1,1,0,1,1,1.35-1.47l4.28,4,8-8.09a1,1,0,0,1,1.42,0,1,1,0,0,1,0,1.41Z%27/%3E%3C/svg%3E");
}
.mc-notification--warning {
background: #fdf1e8;
-webkit-box-shadow: inset 0 0 0 1px #ea7315;
box-shadow: inset 0 0 0 1px #ea7315;
}
.mc-notification--warning::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23c65200%27%3E%3Cpath d=%27M16,29A13,13,0,1,1,29,16,13,13,0,0,1,16,29ZM16,5A11,11,0,1,0,27,16,11,11,0,0,0,16,5Z%27/%3E%3Cpath d=%27M16,18.13a1,1,0,0,1-1-1V11.3a1,1,0,0,1,2,0v5.83A1,1,0,0,1,16,18.13Z%27/%3E%3Ccircle cx=%2716%27 cy=%2720.7%27 r=%271%27/%3E%3C/svg%3E");
}
.mc-notification--danger {
background: #fdeaea;
-webkit-box-shadow: inset 0 0 0 1px #ea302d;
box-shadow: inset 0 0 0 1px #ea302d;
}
.mc-notification--danger::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23c61112%27%3E%3Cpath d=%27M16,3A13,13,0,1,0,29,16,13,13,0,0,0,16,3Zm0,24A11,11,0,1,1,27,16,11,11,0,0,1,16,27Z%27/%3E%3Cpath d=%27M20.71,11.29a1,1,0,0,0-1.42,0L16,14.59l-3.29-3.3a1,1,0,0,0-1.42,1.42L14.59,16l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L16,17.41l3.29,3.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L17.41,16l3.3-3.29A1,1,0,0,0,20.71,11.29Z%27/%3E%3C/svg%3E");
}
.mc-notification--s {
padding: 0.75rem 0.75rem 1.5rem;
}
.mc-notification--s::before {
background-size: 1.5rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 1.5rem;
flex: 0 0 1.5rem;
height: 1.5rem;
margin-right: 0.5rem;
width: 1.5rem;
}
.mc-notification--s .mc-notification__content {
padding-top: 0;
}
.mc-notification--s .mc-notification__title + .mc-notification__message {
margin-top: 0.25rem;
}
.mc-notification--s::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 viewBox=%270 0 24 24%27 fill=%27%23007bb4%27%3E%3Cpath d=%27M12 22a10 10 0 1110-10 10 10 0 01-10 10zm0-18a8 8 0 108 8 8 8 0 00-8-8z%27/%3E%3Cpath d=%27M12 17a1 1 0 01-1-1v-4.39a1 1 0 012 0V16a1 1 0 01-1 1z%27/%3E%3Ccircle cx=%2712%27 cy=%278%27 r=%271%27/%3E%3C/svg%3E");
}
.mc-notification--s.mc-notification--success::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 viewBox=%270 0 24 24%27 fill=%27%23188803%27%3E%3Cpath d=%27M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z%27/%3E%3Cpath d=%27M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z%27/%3E%3C/svg%3E");
}
.mc-notification--s.mc-notification--warning::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 viewBox=%270 0 24 24%27 fill=%27%23c65200%27%3E%3Cpath d=%27M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z%27/%3E%3Cpath d=%27M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z%27/%3E%3Ccircle cx=%2712%27 cy=%2716%27 r=%271%27/%3E%3C/svg%3E");
}
.mc-notification--s.mc-notification--danger::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 viewBox=%270 0 24 24%27 fill=%27%23c61112%27%3E%3Cpath d=%27M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z%27/%3E%3Cpath d=%27M16.21 7.88a1 1 0 00-1.42 0l-2.74 2.74-2.84-2.83a1 1 0 10-1.42 1.42L10.63 12l-2.77 2.79a1 1 0 001.41 1.42l2.78-2.77 2.68 2.68a1 1 0 001.41-1.42L13.46 12l2.75-2.7a1 1 0 000-1.42z%27/%3E%3C/svg%3E");
}
.mc-notification-closable {
position: relative;
}
.mc-notification-closable__close {
position: relative;
background: transparent url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23000000%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z%27/%3E%3C/svg%3E") no-repeat;
background-size: 1rem;
border: 0;
cursor: pointer;
display: block;
height: 1rem;
padding: 0;
position: absolute;
outline: 0;
right: 1rem;
top: 1rem;
width: 1rem;
}
.mc-notification-closable__close::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
}
.mc-notification-closable__close:focus::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
-webkit-box-shadow: 0 0 0 0.125rem #758992;
box-shadow: 0 0 0 0.125rem #758992;
}
@media screen and (min-width: 1024px) {
.mc-notification__footer {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.mc-notification .mc-button:not(:first-child) {
margin-top: 0;
margin-left: 1rem;
}
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-option-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
}
.mc-option-button__input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
visibility: visible;
white-space: nowrap;
}
.mc-option-button__input:hover + .mc-option-button__label {
-webkit-box-shadow: 0 0 0 2px #333333;
box-shadow: 0 0 0 2px #333333;
}
.mc-option-button__input:checked + .mc-option-button__label {
border-color: #00919f;
-webkit-box-shadow: 0 0 0 0.25rem #d9f0f3;
box-shadow: 0 0 0 0.25rem #d9f0f3;
}
.mc-option-button__input:focus + .mc-option-button__label::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-option-button__input:disabled + .mc-option-button__label {
cursor: not-allowed;
background-color: #cccccc;
color: #666666;
-webkit-box-shadow: none;
box-shadow: none;
}
.mc-option-button__label {
font-family: "Roboto", sans-serif;
font-weight: 700;
position: relative;
padding: 1.5625rem 2rem;
border-radius: 4px;
-webkit-box-shadow: 0 0 0 1px #b3b3b3;
box-shadow: 0 0 0 1px #b3b3b3;
border: 2px solid transparent;
cursor: pointer;
position: relative;
}
.mc-option-button__label::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 6px;
top: -0.25rem;
right: -0.25rem;
bottom: -0.25rem;
left: -0.25rem;
}
.mc-option-button--full .mc-option-button__label {
width: 100%;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
/* stylelint-disable no-descending-specificity */
.mc-checkbox {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mc-checkbox__label {
font-size: 1rem;
line-height: 1.125;
cursor: pointer;
margin-left: 0.5rem;
color: #000000;
}
.mc-checkbox__input {
font-family: "Roboto", sans-serif;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
/* for mozilla */
/* stylelint-disable-next-line */
min-width: 20px;
min-height: 20px;
width: 1.25rem;
height: 1.25rem;
border-radius: 4px;
border: 2px solid #666666;
background-color: #ffffff;
position: relative;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
cursor: pointer;
}
.mc-checkbox__input[type=number]::-webkit-inner-spin-button, .mc-checkbox__input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.mc-checkbox__input[type=number] {
-moz-appearance: textfield;
}
.mc-checkbox__input[type=search]::-webkit-search-decoration:hover, .mc-checkbox__input[type=search]::-webkit-search-cancel-button:hover {
cursor: pointer;
}
.mc-checkbox__input::-ms-check {
background-color: #ffffff;
border: 2px solid #666666;
border-radius: 4px;
color: #ffffff;
}
.mc-checkbox__input:hover {
border-color: #191919;
}
.mc-checkbox__input:hover::-ms-check {
border-color: #191919;
}
.mc-checkbox__input:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-checkbox__input:focus::-ms-check {
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-checkbox__input:checked, .mc-checkbox__input:indeterminate {
background-color: #00919f;
border-color: #00919f;
background-size: 1rem 1rem;
}
.mc-checkbox__input:checked {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23ffffff%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z%27/%3E%3C/svg%3E");
background-position: center center;
}
.mc-checkbox__input:checked::-ms-check {
background-color: #00919f;
border-color: #00919f;
}
.mc-checkbox__input:checked:hover:not(:disabled) {
border-color: #004e57;
}
.mc-checkbox__input:checked:hover:not(:disabled)::-ms-check {
border-color: #004e57;
}
.mc-checkbox__input:indeterminate {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23ffffff%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12 9H4a1 1 0 010-2h8a1 1 0 010 2z%27/%3E%3C/svg%3E");
}
.mc-checkbox__input:disabled {
background-color: #e6e6e6;
border-color: #e6e6e6;
cursor: not-allowed;
}
.mc-checkbox__input:disabled::-ms-check {
background-color: #e6e6e6;
border-color: #e6e6e6;
}
.mc-checkbox__input:disabled:checked {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23999999%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M7.63 11.21a1 1 0 0 1-1.38 0l-2.92-2.6a1 1 0 1 1 1.34-1.48l2.22 2 4.41-4.34a1 1 0 1 1 1.4 1.42z%27/%3E%3C/svg%3E");
}
.mc-checkbox__input:disabled:indeterminate {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23999999%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M12 9H4a1 1 0 010-2h8a1 1 0 010 2z%27/%3E%3C/svg%3E");
}
.mc-checkbox__input:disabled + .mc-checkbox__label {
color: #808080;
}
.mc-checkbox__input.is-invalid {
border-color: #c61112;
}
.mc-checkbox__input.is-invalid::-ms-check {
border-color: #c61112;
}
.mc-checkbox__input.is-invalid:hover {
border-color: #530000;
}
.mc-checkbox__input.is-invalid:hover::-ms-check {
border-color: #530000;
}
/* stylelint-enable */
/* stylelint-disable no-descending-specificity */
.mc-radio {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mc-radio__label {
font-size: 1rem;
line-height: 1.125;
cursor: pointer;
margin-left: 0.5rem;
color: #000000;
}
.mc-radio__input {
font-family: "Roboto", sans-serif;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
/* for mozilla */
/* stylelint-disable-next-line */
border: 2px solid #666666;
min-width: 20px;
width: 1.25rem;
min-height: 20px;
height: 1.25rem;
border-radius: 50%;
background-color: #ffffff;
position: relative;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
cursor: pointer;
}
.mc-radio__input[type=number]::-webkit-inner-spin-button, .mc-radio__input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.mc-radio__input[type=number] {
-moz-appearance: textfield;
}
.mc-radio__input[type=search]::-webkit-search-decoration:hover, .mc-radio__input[type=search]::-webkit-search-cancel-button:hover {
cursor: pointer;
}
.mc-radio__input::before {
border-radius: 50%;
content: "";
display: block;
height: 0.375rem;
left: 50%;
min-height: 6px;
min-width: 6px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 0.375rem;
}
.mc-radio__input::-ms-check {
background-color: #ffffff;
border: 2px solid #666666;
color: #ffffff;
}
.mc-radio__input:hover {
border-color: #191919;
}
.mc-radio__input:hover::-ms-check {
border-color: #191919;
}
.mc-radio__input:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-radio__input:focus::-ms-check {
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-radio__input:checked {
background-color: #00919f;
border-color: #00919f;
}
.mc-radio__input:checked::-ms-check {
border-color: #00919f;
background-color: #00919f;
}
.mc-radio__input:checked::before {
background-color: #ffffff;
}
.mc-radio__input:checked:hover {
border-color: #004e57;
}
.mc-radio__input:checked:hover::-ms-check {
border-color: #004e57;
}
.mc-radio__input:disabled {
background-color: #e6e6e6;
border-color: #e6e6e6;
cursor: not-allowed;
}
.mc-radio__input:disabled::-ms-check {
background-color: #e6e6e6;
border-color: #e6e6e6;
cursor: not-allowed;
}
.mc-radio__input:disabled + .mc-radio__label {
color: #808080;
}
.mc-radio__input:disabled:checked::before {
background-color: #999999;
}
.mc-radio__input.is-invalid {
border-color: #c61112;
}
.mc-radio__input.is-invalid::-ms-check {
border-color: #c61112;
}
.mc-radio__input.is-invalid:hover {
border-color: #530000;
}
.mc-radio__input.is-invalid:hover::-ms-check {
border-color: #530000;
}
/* stylelint-enable */
.mc-option-card {
border-radius: 4px;
position: relative;
}
.mc-option-card,
.mc-option-card * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
input.mc-option-card__input {
position: absolute;
right: 1rem;
top: 1rem;
z-index: var(--option-card-input-z-index, 4);
}
input.mc-option-card__input:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
input.mc-option-card__input:not(:disabled):hover + .mc-option-card__label {
-webkit-box-shadow: 0 0 0 2px #333333;
box-shadow: 0 0 0 2px #333333;
}
input.mc-option-card__input:not(:disabled):checked + .mc-option-card__label {
border-color: #00919f;
-webkit-box-shadow: 0 0 0 0.25rem #d9f0f3;
box-shadow: 0 0 0 0.25rem #d9f0f3;
}
input.mc-option-card__input:not(:disabled):focus + .mc-option-card__label::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
input.mc-option-card__input:checked ~ .mc-option-card__content label,
input.mc-option-card__input:checked ~ .mc-option-card__content button,
input.mc-option-card__input:checked ~ .mc-option-card__content [href],
input.mc-option-card__input:checked ~ .mc-option-card__content input,
input.mc-option-card__input:checked ~ .mc-option-card__content select,
input.mc-option-card__input:checked ~ .mc-option-card__content textarea,
input.mc-option-card__input:checked ~ .mc-option-card__content .mc-option-card__focusable,
input.mc-option-card__input:checked ~ .mc-option-card__content [tabindex]:not([tabindex="-1"]) {
position: relative;
z-index: var(--option-card-checked-z-index, 3);
}
input.mc-option-card__input:disabled ~ * {
cursor: not-allowed;
pointer-events: none;
}
input.mc-option-card__input:disabled ~ .mc-option-card__label {
border-color: #cccccc;
-webkit-box-shadow: 0 0 0 1px #cccccc;
box-shadow: 0 0 0 1px #cccccc;
}
input.mc-option-card__input:disabled ~ .mc-option-card__content {
background-color: #cccccc;
border-radius: 0;
color: #666666;
}
.mc-option-card__label {
border: 2px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 0 0 1px #b3b3b3;
box-shadow: 0 0 0 1px #b3b3b3;
cursor: pointer;
height: 100%;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
z-index: var(--option-card-label-z-index, 2);
}
.mc-option-card__label-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.mc-option-card__label::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
border-radius: 6px;
top: -0.25rem;
right: -0.25rem;
bottom: -0.25rem;
left: -0.25rem;
}
.mc-option-card__content {
border-radius: 4px;
min-height: 100%;
padding: 1rem;
}
.mc-option-card--small input.mc-option-card__input {
right: 0.5rem;
top: 0.5rem;
}
.mc-option-card--small .mc-option-card__content {
padding: 0.5rem;
}
.mc-option-card--centered input.mc-option-card__input {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.mc-option-card--no-padding .mc-option-card__content {
padding: 0;
}
/* stylelint-disable */
input.mc-option-card__input:checked ~ .mc-option-card__content label,
input.mc-option-card__input:checked ~ .mc-option-card__content button,
input.mc-option-card__input:checked ~ .mc-option-card__content [href],
input.mc-option-card__input:checked ~ .mc-option-card__content input,
input.mc-option-card__input:checked ~ .mc-option-card__content select,
input.mc-option-card__input:checked ~ .mc-option-card__content textarea,
input.mc-option-card__input:checked ~ .mc-option-card__content .mc-option-card__focusable,
input.mc-option-card__input:checked ~ .mc-option-card__content [tabindex]:not([tabindex="-1"]) {
position: relative;
}
/* stylelint-enable */
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-overlay {
background-color: rgba(25, 25, 25, 0.7);
-webkit-filter: blur(1px);
filter: blur(1px);
inset: 0;
opacity: 0;
position: fixed;
pointer-events: none;
-webkit-transition: opacity 0.4s ease, visibility 0ms 0.4s;
transition: opacity 0.4s ease, visibility 0ms 0.4s;
z-index: 1999999998;
}
.mc-overlay.is-visible {
opacity: 1;
pointer-events: all;
-webkit-transition: opacity 0.4s ease, visibility 0ms;
transition: opacity 0.4s ease, visibility 0ms;
visibility: visible;
}
.mc-overlay-loader {
background-color: rgba(8, 36, 53, 0.7);
inset: 0;
opacity: 0;
position: fixed;
pointer-events: none;
-webkit-transition: opacity 0.4s ease, visibility 0ms 0.4s;
transition: opacity 0.4s ease, visibility 0ms 0.4s;
z-index: 1999999998;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mc-overlay-loader.is-visible {
opacity: 1;
pointer-events: all;
-webkit-transition: opacity 0.4s ease, visibility 0ms;
transition: opacity 0.4s ease, visibility 0ms;
visibility: visible;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-overlay {
background-color: rgba(25, 25, 25, 0.7);
-webkit-filter: blur(1px);
filter: blur(1px);
inset: 0;
opacity: 0;
position: fixed;
pointer-events: none;
-webkit-transition: opacity 0.4s ease, visibility 0ms 0.4s;
transition: opacity 0.4s ease, visibility 0ms 0.4s;
z-index: 1999999998;
}
.mc-overlay.is-visible {
opacity: 1;
pointer-events: all;
-webkit-transition: opacity 0.4s ease, visibility 0ms;
transition: opacity 0.4s ease, visibility 0ms;
visibility: visible;
}
.mc-overlay-loader {
background-color: rgba(8, 36, 53, 0.7);
inset: 0;
opacity: 0;
position: fixed;
pointer-events: none;
-webkit-transition: opacity 0.4s ease, visibility 0ms 0.4s;
transition: opacity 0.4s ease, visibility 0ms 0.4s;
z-index: 1999999998;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mc-overlay-loader.is-visible {
opacity: 1;
pointer-events: all;
-webkit-transition: opacity 0.4s ease, visibility 0ms;
transition: opacity 0.4s ease, visibility 0ms;
visibility: visible;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-text-input {
font-family: "Roboto", sans-serif;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
/* for mozilla */
/* stylelint-disable-next-line */
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
display: block;
width: 100%;
position: relative;
border: 1px solid #666666;
color: #191919;
background-color: #ffffff;
border-radius: 4px;
}
.mc-text-input[type=number]::-webkit-inner-spin-button, .mc-text-input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.mc-text-input[type=number] {
-moz-appearance: textfield;
}
.mc-text-input[type=search]::-webkit-search-decoration:hover, .mc-text-input[type=search]::-webkit-search-cancel-button:hover {
cursor: pointer;
}
.mc-text-input::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input::placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input::-webkit-input-placeholder {
margin: 0;
color: #666666;
opacity: 1;
}
.mc-text-input::-moz-placeholder {
margin: 0;
color: #666666;
opacity: 1;
}
.mc-text-input:-ms-input-placeholder {
margin: 0;
color: #666666;
opacity: 1;
}
.mc-text-input::-ms-input-placeholder {
margin: 0;
color: #666666;
opacity: 1;
}
.mc-text-input::placeholder {
margin: 0;
color: #666666;
opacity: 1;
}
.mc-text-input.is-valid, .mc-text-input.is-invalid {
background-repeat: no-repeat;
background-size: 1.5rem 1.5rem;
background-position: right 0.4375rem center;
padding-right: 2.5rem;
}
.mc-text-input.is-valid {
border-color: #46a610;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%2346a610%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z%27/%3E%3Cpath d=%27M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z%27/%3E%3C/svg%3E");
}
.mc-text-input.is-valid:hover, .mc-text-input.is-valid.is-hover {
border-color: #035010;
}
.mc-text-input.is-invalid {
border-color: #c61112;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 viewBox=%270 0 24 24%27 fill=%27%23c61112%27%3E%3Cpath d=%27M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z%27/%3E%3Cpath d=%27M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z%27/%3E%3Ccircle cx=%2712%27 cy=%2716%27 r=%271%27/%3E%3C/svg%3E");
}
.mc-text-input.is-invalid:hover, .mc-text-input.is-invalid.is-hover {
border-color: #530000;
}
.mc-text-input:hover {
border-color: #191919;
}
.mc-text-input:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-text-input:disabled {
background: #e6e6e6;
border-color: #e6e6e6;
color: #666666;
cursor: not-allowed;
}
.mc-text-input--s {
font-size: 0.875rem;
line-height: 1.2857142857;
min-height: 2rem;
padding: 0.375rem 0.4375rem;
}
.mc-text-input--s::-webkit-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s::-moz-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s:-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s::-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s::placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--m {
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
}
.mc-text-input--m::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m::placeholder {
font-size: 1rem;
line-height: 1.375;
}
@media screen and (min-width: 680px) {
.mc-text-input--s\@from-m {
font-size: 0.875rem;
line-height: 1.2857142857;
min-height: 2rem;
padding: 0.375rem 0.4375rem;
}
.mc-text-input--s\@from-m::-webkit-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-m::-moz-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-m:-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-m::-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-m::placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--m\@from-m {
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
}
.mc-text-input--m\@from-m::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-m::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-m:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-m::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-m::placeholder {
font-size: 1rem;
line-height: 1.375;
}
}
@media screen and (min-width: 1024px) {
.mc-text-input--s\@from-l {
font-size: 0.875rem;
line-height: 1.2857142857;
min-height: 2rem;
padding: 0.375rem 0.4375rem;
}
.mc-text-input--s\@from-l::-webkit-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-l::-moz-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-l:-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-l::-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-l::placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--m\@from-l {
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
}
.mc-text-input--m\@from-l::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-l::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-l:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-l::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-l::placeholder {
font-size: 1rem;
line-height: 1.375;
}
}
@media screen and (min-width: 1280px) {
.mc-text-input--s\@from-xl {
font-size: 0.875rem;
line-height: 1.2857142857;
min-height: 2rem;
padding: 0.375rem 0.4375rem;
}
.mc-text-input--s\@from-xl::-webkit-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xl::-moz-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xl:-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xl::-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xl::placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--m\@from-xl {
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
}
.mc-text-input--m\@from-xl::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xl::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xl:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xl::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xl::placeholder {
font-size: 1rem;
line-height: 1.375;
}
}
@media screen and (min-width: 1920px) {
.mc-text-input--s\@from-xxl {
font-size: 0.875rem;
line-height: 1.2857142857;
min-height: 2rem;
padding: 0.375rem 0.4375rem;
}
.mc-text-input--s\@from-xxl::-webkit-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xxl::-moz-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xxl:-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xxl::-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xxl::placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--m\@from-xxl {
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
}
.mc-text-input--m\@from-xxl::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xxl::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xxl:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xxl::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xxl::placeholder {
font-size: 1rem;
line-height: 1.375;
}
}
.mc-password-input {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mc-password-input__control.mc-text-input {
border-right: none;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.mc-password-input__button {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
border: none;
cursor: pointer;
padding: 0;
font-family: "Roboto", sans-serif;
font-weight: 700;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
background-color: #ffffff;
border: 1px solid #666666;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
color: #191919;
display: block;
position: relative;
height: 0;
padding: 0.875rem 0.9375rem;
min-height: 3rem;
}
.mc-password-input__button:active, .mc-password-input__button:focus, .mc-password-input__button:hover {
background-color: #e6e6e6;
}
.mc-password-input__button:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-text-input {
font-family: "Roboto", sans-serif;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
/* for mozilla */
/* stylelint-disable-next-line */
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
display: block;
width: 100%;
position: relative;
border: 1px solid #666666;
color: #191919;
background-color: #ffffff;
border-radius: 4px;
}
.mc-text-input[type=number]::-webkit-inner-spin-button, .mc-text-input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.mc-text-input[type=number] {
-moz-appearance: textfield;
}
.mc-text-input[type=search]::-webkit-search-decoration:hover, .mc-text-input[type=search]::-webkit-search-cancel-button:hover {
cursor: pointer;
}
.mc-text-input::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input::placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input::-webkit-input-placeholder {
margin: 0;
color: #666666;
opacity: 1;
}
.mc-text-input::-moz-placeholder {
margin: 0;
color: #666666;
opacity: 1;
}
.mc-text-input:-ms-input-placeholder {
margin: 0;
color: #666666;
opacity: 1;
}
.mc-text-input::-ms-input-placeholder {
margin: 0;
color: #666666;
opacity: 1;
}
.mc-text-input::placeholder {
margin: 0;
color: #666666;
opacity: 1;
}
.mc-text-input.is-valid, .mc-text-input.is-invalid {
background-repeat: no-repeat;
background-size: 1.5rem 1.5rem;
background-position: right 0.4375rem center;
padding-right: 2.5rem;
}
.mc-text-input.is-valid {
border-color: #46a610;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 fill=%27%2346a610%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M12 4a8 8 0 11-8 8 8 8 0 018-8m0-2a10 10 0 1010 10A10 10 0 0012 2z%27/%3E%3Cpath d=%27M10.73 15.75a1 1 0 01-.68-.26l-3-2.74a1 1 0 011.36-1.47l2.25 2.08 4.36-4.42a1 1 0 111.42 1.41l-5 5.1a1 1 0 01-.71.3z%27/%3E%3C/svg%3E");
}
.mc-text-input.is-valid:hover, .mc-text-input.is-valid.is-hover {
border-color: #035010;
}
.mc-text-input.is-invalid {
border-color: #c61112;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 viewBox=%270 0 24 24%27 fill=%27%23c61112%27%3E%3Cpath d=%27M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 18a8 8 0 118-8 8 8 0 01-8 8z%27/%3E%3Cpath d=%27M12 7a1 1 0 00-1 1v4.38a1 1 0 002 0V8a1 1 0 00-1-1z%27/%3E%3Ccircle cx=%2712%27 cy=%2716%27 r=%271%27/%3E%3C/svg%3E");
}
.mc-text-input.is-invalid:hover, .mc-text-input.is-invalid.is-hover {
border-color: #530000;
}
.mc-text-input:hover {
border-color: #191919;
}
.mc-text-input:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-text-input:disabled {
background: #e6e6e6;
border-color: #e6e6e6;
color: #666666;
cursor: not-allowed;
}
.mc-text-input--s {
font-size: 0.875rem;
line-height: 1.2857142857;
min-height: 2rem;
padding: 0.375rem 0.4375rem;
}
.mc-text-input--s::-webkit-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s::-moz-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s:-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s::-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s::placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--m {
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
}
.mc-text-input--m::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m::placeholder {
font-size: 1rem;
line-height: 1.375;
}
@media screen and (min-width: 680px) {
.mc-text-input--s\@from-m {
font-size: 0.875rem;
line-height: 1.2857142857;
min-height: 2rem;
padding: 0.375rem 0.4375rem;
}
.mc-text-input--s\@from-m::-webkit-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-m::-moz-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-m:-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-m::-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-m::placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--m\@from-m {
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
}
.mc-text-input--m\@from-m::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-m::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-m:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-m::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-m::placeholder {
font-size: 1rem;
line-height: 1.375;
}
}
@media screen and (min-width: 1024px) {
.mc-text-input--s\@from-l {
font-size: 0.875rem;
line-height: 1.2857142857;
min-height: 2rem;
padding: 0.375rem 0.4375rem;
}
.mc-text-input--s\@from-l::-webkit-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-l::-moz-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-l:-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-l::-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-l::placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--m\@from-l {
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
}
.mc-text-input--m\@from-l::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-l::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-l:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-l::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-l::placeholder {
font-size: 1rem;
line-height: 1.375;
}
}
@media screen and (min-width: 1280px) {
.mc-text-input--s\@from-xl {
font-size: 0.875rem;
line-height: 1.2857142857;
min-height: 2rem;
padding: 0.375rem 0.4375rem;
}
.mc-text-input--s\@from-xl::-webkit-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xl::-moz-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xl:-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xl::-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xl::placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--m\@from-xl {
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
}
.mc-text-input--m\@from-xl::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xl::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xl:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xl::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xl::placeholder {
font-size: 1rem;
line-height: 1.375;
}
}
@media screen and (min-width: 1920px) {
.mc-text-input--s\@from-xxl {
font-size: 0.875rem;
line-height: 1.2857142857;
min-height: 2rem;
padding: 0.375rem 0.4375rem;
}
.mc-text-input--s\@from-xxl::-webkit-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xxl::-moz-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xxl:-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xxl::-ms-input-placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--s\@from-xxl::placeholder {
font-size: 0.875rem;
line-height: 1.2857142857;
}
.mc-text-input--m\@from-xxl {
font-size: 1rem;
line-height: 1.375;
min-height: 3rem;
padding: 0.75rem 0.6875rem;
}
.mc-text-input--m\@from-xxl::-webkit-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xxl::-moz-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xxl:-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xxl::-ms-input-placeholder {
font-size: 1rem;
line-height: 1.375;
}
.mc-text-input--m\@from-xxl::placeholder {
font-size: 1rem;
line-height: 1.375;
}
}
.mc-phone-number {
font-family: "Roboto", sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 21rem;
position: relative;
}
.mc-phone-number__button {
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
outline: none;
border: none;
cursor: pointer;
padding: 0;
font-size: 1rem;
line-height: 1.125;
background-position: right 1rem center, right 2.5rem center;
padding: calc(0.9375rem - 1px) 3rem calc(0.9375rem - 1px) calc(0.75rem - 1px);
font-weight: 700;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #191919;
border: 1px solid #666666;
border-radius: 0.25rem 0 0 0.25rem;
border-right: none;
padding-left: 1rem;
}
.mc-phone-number__button .mc-phone-number__country {
display: none;
}
.mc-phone-number__flag {
margin-right: 0.5rem;
width: 1rem;
height: 1rem;
text-align: center;
}
.mc-phone-number__list {
list-style: none;
margin-left: 0;
padding-left: 0;
-webkit-box-shadow: 0px 4px 20px 0px rgba(25, 25, 25, 0.2);
box-shadow: 0px 4px 20px 0px rgba(25, 25, 25, 0.2);
margin: 0;
position: absolute;
width: 100%;
max-height: 12rem;
border-radius: 0.25rem 0 0 0.25rem;
overflow-y: auto;
overflow-x: hidden;
scrollbar-color: #666666 #e6e6e6;
scrollbar-width: thin;
background-color: #ffffff;
z-index: var(--phone-number-list-z-index, 10);
}
.mc-phone-number__list::-webkit-scrollbar {
background-color: #e6e6e6;
width: 0.25rem;
}
.mc-phone-number__list::-webkit-scrollbar-thumb {
background: #666666;
}
.mc-phone-number__list:focus {
outline: none;
}
.mc-phone-number__list--hidden {
display: none;
}
.mc-phone-number__item {
font-size: 1rem;
line-height: 1.125;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 3rem;
padding-left: 0.75rem;
border-bottom: 1px solid #b3b3b3;
}
.mc-phone-number__item--focused {
background: #e6e6e6;
}
.mc-phone-number__input {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.mc-phone-number__indicator, .mc-phone-number__country {
padding-left: 1rem;
}
.mc-phone-number__overlay {
background: transparent;
inset: 0;
position: fixed;
z-index: var(--phone-number-overlay-z-index, 10);
}
.mc-phone-number--focused .mc-phone-number__button {
border-color: #0b96cc;
}
.mc-phone-number--focused .mc-phone-number__input {
border-top-color: #0b96cc;
border-right-color: #0b96cc;
border-bottom-color: #0b96cc;
}
.mc-phone-number span.flag {
/* stylelint-disable */
background-repeat: no-repeat;
-webkit-transform: scale(0.4615384615);
-ms-transform: scale(0.4615384615);
transform: scale(0.4615384615);
/* stylelint-enable */
}
.mc-phone-number button.is-invalid {
border-color: #c61112;
}
.mc-phone-number button.is-invalid:hover, .mc-phone-number button.is-invalid.is-hover {
border-color: #530000;
}
.mc-phone-number button.is-valid {
border-color: #46a610;
}
.mc-phone-number button.is-valid:hover, .mc-phone-number button.is-valid.is-hover {
border-color: #035010;
}
.mc-phone-number__dropdown {
z-index: var(--phone-number-dropdown-z-index, 20);
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-progressbar[data-v-3bea5072] {
font-family: "Roboto", sans-serif;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #cdd4d8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 0.5rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.mc-progressbar[data-v-3bea5072],
.mc-progressbar[data-v-3bea5072] * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mc-progressbar[data-v-3bea5072], .mc-progressbar__indicator[data-v-3bea5072] {
border-radius: 4px;
overflow: hidden;
}
.mc-progressbar__indicator[data-v-3bea5072] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #007f8c;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
left: 0;
min-width: 2.3125rem;
padding: 0.125rem;
position: absolute;
-webkit-transition: width 0.4s ease;
transition: width 0.4s ease;
top: 0;
}
.mc-progressbar--static .mc-progressbar__indicator[data-v-3bea5072] {
-webkit-transition: none;
transition: none;
}
.mc-progressbar__percentage[data-v-3bea5072] {
font-size: 0.75rem;
line-height: 1.3333333333;
font-weight: 700;
background-color: #ffffff;
border-radius: 1rem;
color: #191919;
padding: 0.125rem 0.5rem;
}
.mc-progressbar:not(.mc-progressbar--percent) .mc-progressbar__percentage[data-v-3bea5072] {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
visibility: visible;
white-space: nowrap;
}
.mc-progressbar--xs[data-v-3bea5072] {
height: 0.125rem;
}
.mc-progressbar--xs[data-v-3bea5072],
.mc-progressbar--xs .mc-progressbar__indicator[data-v-3bea5072] {
border-radius: 1px;
}
.mc-progressbar--s[data-v-3bea5072] {
height: 0.25rem;
}
.mc-progressbar--s[data-v-3bea5072],
.mc-progressbar--s .mc-progressbar__indicator[data-v-3bea5072] {
border-radius: 2px;
}
.mc-progressbar--percent[data-v-3bea5072] {
height: 1.5rem;
}
.mc-progressbar--percent[data-v-3bea5072],
.mc-progressbar--percent .mc-progressbar__indicator[data-v-3bea5072] {
border-radius: 12px;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-quantity-selector[data-v-0b479fec] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.mc-quantity-selector__button-right[data-v-0b479fec], .mc-quantity-selector__button-left[data-v-0b479fec] {
z-index: var(--qty-selector-button-z-index, 1);
}
.mc-quantity-selector__button-right[data-v-0b479fec] {
border-radius: 0 0.25rem 0.25rem 0;
}
.mc-quantity-selector__button-left[data-v-0b479fec] {
border-radius: 0.25rem 0 0 0.25rem;
}
.mc-quantity-selector__input[data-v-0b479fec] {
border-radius: 0;
}
.mc-quantity-selector__input[data-v-0b479fec]::-webkit-input-placeholder {
text-align: center;
}
.mc-quantity-selector__input[data-v-0b479fec]::-moz-placeholder {
text-align: center;
}
.mc-quantity-selector__input[data-v-0b479fec]:-ms-input-placeholder {
text-align: center;
}
.mc-quantity-selector__input[data-v-0b479fec]::-ms-input-placeholder {
text-align: center;
}
.mc-quantity-selector__input[data-v-0b479fec], .mc-quantity-selector__input[data-v-0b479fec]::placeholder {
text-align: center;
}
.mc-quantity-selector__input[data-v-0b479fec]:not(:focus) {
border-left: none;
border-right: none;
}
.mc-quantity-selector__input[data-v-0b479fec]:focus {
z-index: var(--qty-selector-focus-z-index, 2);
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
/* stylelint-disable no-descending-specificity */
.mc-radio {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mc-radio__label {
font-size: 1rem;
line-height: 1.125;
cursor: pointer;
margin-left: 0.5rem;
color: #000000;
}
.mc-radio__input {
font-family: "Roboto", sans-serif;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
/* for mozilla */
/* stylelint-disable-next-line */
border: 2px solid #666666;
min-width: 20px;
width: 1.25rem;
min-height: 20px;
height: 1.25rem;
border-radius: 50%;
background-color: #ffffff;
position: relative;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
cursor: pointer;
}
.mc-radio__input[type=number]::-webkit-inner-spin-button, .mc-radio__input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.mc-radio__input[type=number] {
-moz-appearance: textfield;
}
.mc-radio__input[type=search]::-webkit-search-decoration:hover, .mc-radio__input[type=search]::-webkit-search-cancel-button:hover {
cursor: pointer;
}
.mc-radio__input::before {
border-radius: 50%;
content: "";
display: block;
height: 0.375rem;
left: 50%;
min-height: 6px;
min-width: 6px;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 0.375rem;
}
.mc-radio__input::-ms-check {
background-color: #ffffff;
border: 2px solid #666666;
color: #ffffff;
}
.mc-radio__input:hover {
border-color: #191919;
}
.mc-radio__input:hover::-ms-check {
border-color: #191919;
}
.mc-radio__input:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-radio__input:focus::-ms-check {
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-radio__input:checked {
background-color: #00919f;
border-color: #00919f;
}
.mc-radio__input:checked::-ms-check {
border-color: #00919f;
background-color: #00919f;
}
.mc-radio__input:checked::before {
background-color: #ffffff;
}
.mc-radio__input:checked:hover {
border-color: #004e57;
}
.mc-radio__input:checked:hover::-ms-check {
border-color: #004e57;
}
.mc-radio__input:disabled {
background-color: #e6e6e6;
border-color: #e6e6e6;
cursor: not-allowed;
}
.mc-radio__input:disabled::-ms-check {
background-color: #e6e6e6;
border-color: #e6e6e6;
cursor: not-allowed;
}
.mc-radio__input:disabled + .mc-radio__label {
color: #808080;
}
.mc-radio__input:disabled:checked::before {
background-color: #999999;
}
.mc-radio__input.is-invalid {
border-color: #c61112;
}
.mc-radio__input.is-invalid::-ms-check {
border-color: #c61112;
}
.mc-radio__input.is-invalid:hover {
border-color: #530000;
}
.mc-radio__input.is-invalid:hover::-ms-check {
border-color: #530000;
}
/* stylelint-enable */
@charset "UTF-8";
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-field__label, .mc-field__legend {
font-size: 0.875rem;
line-height: 1.2857142857;
font-weight: 400;
color: #333333;
}
.mc-field__legend {
padding-left: 0;
padding-right: 0;
}
.mc-field__legend + .mc-field__container, .mc-field__help + .mc-field__container {
margin-top: 1rem;
}
.mc-field__requirement, .mc-field__help {
font-size: 0.75rem;
line-height: 1.3333333333;
font-weight: 400;
color: #666666;
}
.mc-field__requirement::before {
content: " - ";
}
.mc-field__help {
display: block;
margin-top: 0.125rem;
}
.mc-field .mc-field__input,
.mc-field .mc-field__element {
margin-top: 0.5rem;
}
@media screen and (min-width: 769px) {
.mc-field__container--inline, .mc-field__element--inline {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 769px) {
.mc-field__container--inline .mc-field__item:not(:last-child), .mc-field__element--inline .mc-field__item:not(:last-child) {
margin-bottom: 0;
margin-right: 1rem;
}
}
@media screen and (min-width: 1024px) {
.mc-field__container--inline .mc-field__item:not(:last-child), .mc-field__element--inline .mc-field__item:not(:last-child) {
margin-right: 2rem;
}
}
.mc-field__item:not(:last-child) {
margin-bottom: 1rem;
}
.mc-field__error-message {
font-size: 0.875rem;
line-height: 1.2857142857;
color: #c61112;
display: inline-block;
margin-top: 0.25rem;
}
.mc-field--group {
border: none;
margin-left: 0;
margin-right: 0;
padding: 0;
}
.mc-field--group .mc-field__error-message {
margin-top: 0.5rem;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-stars-input {
height: 1.5rem;
width: 7.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.mc-stars-input__text, .mc-stars-input__radio {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
visibility: visible;
white-space: nowrap;
}
.mc-stars-input__radio::-ms-check {
display: none;
}
.mc-stars-input__label {
height: 1.5rem;
width: 1.5rem;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z%27/%3E%3C/svg%3E");
background-position: center center;
background-repeat: repeat-x;
background-size: 1.5rem 1.5rem;
border-radius: 4px;
cursor: pointer;
}
.mc-stars-input__label::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z%27/%3E%3C/svg%3E");
background-position: left center;
background-repeat: repeat-x;
background-size: 1.5rem 1.5rem;
content: "";
left: 0;
top: 0;
bottom: 0;
display: block;
position: absolute;
opacity: 0;
pointer-events: none;
}
.mc-stars-input__label:nth-of-type(5)::before {
width: 80%;
}
.mc-stars-input__label:nth-of-type(4)::before {
width: 60%;
}
.mc-stars-input__label:nth-of-type(3)::before {
width: 40%;
}
.mc-stars-input__label:nth-of-type(2)::before {
width: 20%;
}
.mc-stars-input__label:nth-of-type(1)::before {
width: 0%;
}
:checked ~ .mc-stars-input__label, :focus ~ .mc-stars-input__label {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M16 2.333a1 1 0 01.908.581l3.772 8.173 8.795 1.256a1 1 0 01.492 1.764l-6.825 5.584 2.487 8.7a1 1 0 01-1.486 1.127L16 24.508l-8.142 5.01a1 1 0 01-1.486-1.126l2.486-8.701-6.824-5.584a1 1 0 01.492-1.764l8.794-1.256 3.772-8.173a1 1 0 01.908-.58zm0 3.387l-3.092 6.699-.228.494-.538.077L5.062 14l5.572 4.558.508.417-.18.632-1.96 6.857 6.474-3.983.524-.323.524.323 6.474 3.983-1.96-6.857-.18-.632.51-.417L26.938 14l-7.08-1.011-.538-.077-.228-.494L16 5.719z%27/%3E%3C/svg%3E");
}
:checked + .mc-stars-input__label, :focus + .mc-stars-input__label {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z%27/%3E%3C/svg%3E");
}
:focus + .mc-stars-input__label {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-stars-input__radio:hover ~ .mc-stars-input__label {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M16 2.333a1 1 0 01.908.581l3.772 8.173 8.795 1.256a1 1 0 01.492 1.764l-6.825 5.584 2.487 8.7a1 1 0 01-1.486 1.127L16 24.508l-8.142 5.01a1 1 0 01-1.486-1.126l2.486-8.701-6.824-5.584a1 1 0 01.492-1.764l8.794-1.256 3.772-8.173a1 1 0 01.908-.58zm0 3.387l-3.092 6.699-.228.494-.538.077L5.062 14l5.572 4.558.508.417-.18.632-1.96 6.857 6.474-3.983.524-.323.524.323 6.474 3.983-1.96-6.857-.18-.632.51-.417L26.938 14l-7.08-1.011-.538-.077-.228-.494L16 5.719z%27/%3E%3C/svg%3E");
}
.mc-stars-input__radio:hover + .mc-stars-input__label {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z%27/%3E%3C/svg%3E");
}
.mc-stars-input__radio:hover + .mc-stars-input__label::before {
opacity: 1;
}
.mc-stars-input--s {
height: 1rem;
width: 5rem;
}
.mc-stars-input--s .mc-stars-input__label {
height: 1rem;
width: 1rem;
background-size: 1rem 1rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M8.906 2.077a1 1 0 00-1.812 0L5.558 5.37l-3.254.65a1 1 0 00-.437 1.755l2.296 1.879-.648 3.673a1 1 0 001.566.988L8 12.229l2.919 2.085a1 1 0 001.566-.988l-.648-3.673 2.296-1.879a1 1 0 00-.437-1.755l-3.254-.65-1.536-3.292z%27/%3E%3C/svg%3E");
}
.mc-stars-input--s .mc-stars-input__label::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M8.906 2.077a1 1 0 00-1.812 0L5.558 5.37l-3.254.65a1 1 0 00-.437 1.755l2.296 1.879-.648 3.673a1 1 0 001.566.988L8 12.229l2.919 2.085a1 1 0 001.566-.988l-.648-3.673 2.296-1.879a1 1 0 00-.437-1.755l-3.254-.65-1.536-3.292z%27/%3E%3C/svg%3E");
background-size: 1rem 1rem;
}
.mc-stars-input--s .mc-stars-input__radio:checked ~ .mc-stars-input__label, .mc-stars-input--s .mc-stars-input__radio:focus ~ .mc-stars-input__label {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M8 1.5a1 1 0 01.906.577l1.536 3.292 3.254.65a1 1 0 01.437 1.755l-2.296 1.879.648 3.673a1 1 0 01-1.566.988L8 12.229l-2.919 2.085a1 1 0 01-1.566-.988l.648-3.673-2.296-1.879a1 1 0 01.437-1.755l3.254-.65 1.536-3.292A1 1 0 018 1.5zm0 3.365l-.844 1.808-.214.458-.496.1-1.675.335 1.112.91.454.371-.102.577-.325 1.84 1.509-1.078L8 9.771l.581.415 1.509 1.078-.325-1.84-.102-.577.454-.371 1.112-.91-1.675-.335-.496-.1-.214-.458L8 4.865z%27/%3E%3C/svg%3E");
}
.mc-stars-input--s .mc-stars-input__radio:checked + .mc-stars-input__label, .mc-stars-input--s .mc-stars-input__radio:focus + .mc-stars-input__label {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M8.906 2.077a1 1 0 00-1.812 0L5.558 5.37l-3.254.65a1 1 0 00-.437 1.755l2.296 1.879-.648 3.673a1 1 0 001.566.988L8 12.229l2.919 2.085a1 1 0 001.566-.988l-.648-3.673 2.296-1.879a1 1 0 00-.437-1.755l-3.254-.65-1.536-3.292z%27/%3E%3C/svg%3E");
}
.mc-stars-input--s .mc-stars-input__radio:hover ~ .mc-stars-input__label {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M8 1.5a1 1 0 01.906.577l1.536 3.292 3.254.65a1 1 0 01.437 1.755l-2.296 1.879.648 3.673a1 1 0 01-1.566.988L8 12.229l-2.919 2.085a1 1 0 01-1.566-.988l.648-3.673-2.296-1.879a1 1 0 01.437-1.755l3.254-.65 1.536-3.292A1 1 0 018 1.5zm0 3.365l-.844 1.808-.214.458-.496.1-1.675.335 1.112.91.454.371-.102.577-.325 1.84 1.509-1.078L8 9.771l.581.415 1.509 1.078-.325-1.84-.102-.577.454-.371 1.112-.91-1.675-.335-.496-.1-.214-.458L8 4.865z%27/%3E%3C/svg%3E");
}
.mc-stars-input--s .mc-stars-input__radio:hover + .mc-stars-input__label {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M8.906 2.077a1 1 0 00-1.812 0L5.558 5.37l-3.254.65a1 1 0 00-.437 1.755l2.296 1.879-.648 3.673a1 1 0 001.566.988L8 12.229l2.919 2.085a1 1 0 001.566-.988l-.648-3.673 2.296-1.879a1 1 0 00-.437-1.755l-3.254-.65-1.536-3.292z%27/%3E%3C/svg%3E");
}
.mc-stars-input--l {
height: 2rem;
width: 10rem;
}
.mc-stars-input--l .mc-stars-input__label {
height: 2rem;
width: 2rem;
background-size: 2rem 2rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z%27/%3E%3C/svg%3E");
}
.mc-stars-input--l .mc-stars-input__label::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z%27/%3E%3C/svg%3E");
background-size: 2rem 2rem;
}
.mc-stars-input--l .mc-stars-input__radio:checked ~ .mc-stars-input__label, .mc-stars-input--l .mc-stars-input__radio:focus ~ .mc-stars-input__label {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M16 2.333a1 1 0 01.908.581l3.772 8.173 8.795 1.256a1 1 0 01.492 1.764l-6.825 5.584 2.487 8.7a1 1 0 01-1.486 1.127L16 24.508l-8.142 5.01a1 1 0 01-1.486-1.126l2.486-8.701-6.824-5.584a1 1 0 01.492-1.764l8.794-1.256 3.772-8.173a1 1 0 01.908-.58zm0 3.387l-3.092 6.699-.228.494-.538.077L5.062 14l5.572 4.558.508.417-.18.632-1.96 6.857 6.474-3.983.524-.323.524.323 6.474 3.983-1.96-6.857-.18-.632.51-.417L26.938 14l-7.08-1.011-.538-.077-.228-.494L16 5.719z%27/%3E%3C/svg%3E");
}
.mc-stars-input--l .mc-stars-input__radio:checked + .mc-stars-input__label, .mc-stars-input--l .mc-stars-input__radio:focus + .mc-stars-input__label {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z%27/%3E%3C/svg%3E");
}
.mc-stars-input--l .mc-stars-input__radio:hover ~ .mc-stars-input__label {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M16 2.333a1 1 0 01.908.581l3.772 8.173 8.795 1.256a1 1 0 01.492 1.764l-6.825 5.584 2.487 8.7a1 1 0 01-1.486 1.127L16 24.508l-8.142 5.01a1 1 0 01-1.486-1.126l2.486-8.701-6.824-5.584a1 1 0 01.492-1.764l8.794-1.256 3.772-8.173a1 1 0 01.908-.58zm0 3.387l-3.092 6.699-.228.494-.538.077L5.062 14l5.572 4.558.508.417-.18.632-1.96 6.857 6.474-3.983.524-.323.524.323 6.474 3.983-1.96-6.857-.18-.632.51-.417L26.938 14l-7.08-1.011-.538-.077-.228-.494L16 5.719z%27/%3E%3C/svg%3E");
}
.mc-stars-input--l .mc-stars-input__radio:hover + .mc-stars-input__label {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z%27/%3E%3C/svg%3E");
}
.mc-stars-input--xl {
height: 3rem;
width: 15rem;
}
.mc-stars-input--xl .mc-stars-input__label {
height: 3rem;
width: 3rem;
background-size: 3rem 3rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%273rem%27 width=%273rem%27 viewBox=%270 0 48 48%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M24.908 4.58a1 1 0 00-1.816 0L17.32 17.088 3.86 19.01a1 1 0 00-.492 1.764l10.49 8.584-3.818 13.367a1 1 0 001.485 1.127L24 36.174l12.476 7.678a1 1 0 001.486-1.127l-3.82-13.367 10.491-8.584a1 1 0 00-.492-1.764L30.68 17.087 24.908 4.581z%27/%3E%3C/svg%3E");
}
.mc-stars-input--xl .mc-stars-input__label::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%273rem%27 width=%273rem%27 viewBox=%270 0 48 48%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M24.908 4.58a1 1 0 00-1.816 0L17.32 17.088 3.86 19.01a1 1 0 00-.492 1.764l10.49 8.584-3.818 13.367a1 1 0 001.485 1.127L24 36.174l12.476 7.678a1 1 0 001.486-1.127l-3.82-13.367 10.491-8.584a1 1 0 00-.492-1.764L30.68 17.087 24.908 4.581z%27/%3E%3C/svg%3E");
background-size: 3rem 3rem;
}
.mc-stars-input--xl .mc-stars-input__radio:checked ~ .mc-stars-input__label, .mc-stars-input--xl .mc-stars-input__radio:focus ~ .mc-stars-input__label {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%273rem%27 width=%273rem%27 viewBox=%270 0 48 48%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M24 3.5a1.5 1.5 0 011.362.871l5.658 12.26 13.192 1.884a1.5 1.5 0 01.738 2.646l-10.237 8.375 3.73 13.052a1.5 1.5 0 01-2.23 1.69L24 36.76l-12.214 7.517a1.5 1.5 0 01-2.228-1.69l3.729-13.052L3.05 21.161a1.5 1.5 0 01.738-2.646l13.192-1.884 5.658-12.26A1.5 1.5 0 0124 3.5zm0 5.08l-4.638 10.049-.342.74-.808.116-10.619 1.517 8.357 6.837.763.625-.27.948-2.94 10.286 9.71-5.976.787-.483.786.483 9.71 5.976-2.938-10.286-.271-.948.763-.625 8.357-6.837-10.62-1.517-.807-.116-.342-.74L24 8.579z%27/%3E%3C/svg%3E");
}
.mc-stars-input--xl .mc-stars-input__radio:checked + .mc-stars-input__label, .mc-stars-input--xl .mc-stars-input__radio:focus + .mc-stars-input__label {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%273rem%27 width=%273rem%27 viewBox=%270 0 48 48%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M24.908 4.58a1 1 0 00-1.816 0L17.32 17.088 3.86 19.01a1 1 0 00-.492 1.764l10.49 8.584-3.818 13.367a1 1 0 001.485 1.127L24 36.174l12.476 7.678a1 1 0 001.486-1.127l-3.82-13.367 10.491-8.584a1 1 0 00-.492-1.764L30.68 17.087 24.908 4.581z%27/%3E%3C/svg%3E");
}
.mc-stars-input--xl .mc-stars-input__radio:hover ~ .mc-stars-input__label {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%273rem%27 width=%273rem%27 viewBox=%270 0 48 48%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M24 3.5a1.5 1.5 0 011.362.871l5.658 12.26 13.192 1.884a1.5 1.5 0 01.738 2.646l-10.237 8.375 3.73 13.052a1.5 1.5 0 01-2.23 1.69L24 36.76l-12.214 7.517a1.5 1.5 0 01-2.228-1.69l3.729-13.052L3.05 21.161a1.5 1.5 0 01.738-2.646l13.192-1.884 5.658-12.26A1.5 1.5 0 0124 3.5zm0 5.08l-4.638 10.049-.342.74-.808.116-10.619 1.517 8.357 6.837.763.625-.27.948-2.94 10.286 9.71-5.976.787-.483.786.483 9.71 5.976-2.938-10.286-.271-.948.763-.625 8.357-6.837-10.62-1.517-.807-.116-.342-.74L24 8.579z%27/%3E%3C/svg%3E");
}
.mc-stars-input--xl .mc-stars-input__radio:hover + .mc-stars-input__label {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%273rem%27 width=%273rem%27 viewBox=%270 0 48 48%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M24.908 4.58a1 1 0 00-1.816 0L17.32 17.088 3.86 19.01a1 1 0 00-.492 1.764l10.49 8.584-3.818 13.367a1 1 0 001.485 1.127L24 36.174l12.476 7.678a1 1 0 001.486-1.127l-3.82-13.367 10.491-8.584a1 1 0 00-.492-1.764L30.68 17.087 24.908 4.581z%27/%3E%3C/svg%3E");
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-stars-result {
font-family: "Roboto", sans-serif;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mc-stars-result__text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
visibility: visible;
white-space: nowrap;
}
.mc-stars-result__visual {
height: 1.5rem;
width: 7.5rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 viewBox=%270 0 24 24%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M12 1.5a1 1 0 01.908.58l2.772 6.007 6.462.923a1 1 0 01.491 1.764l-4.99 4.084 1.819 6.367a1 1 0 01-1.486 1.127L12 18.674l-5.976 3.678a1 1 0 01-1.485-1.127l1.819-6.367-4.991-4.084a1 1 0 01.492-1.764l6.461-.923 2.772-6.006A1 1 0 0112 1.5zm0 3.386L9.908 9.42l-.228.494-.539.077-4.745.678 3.737 3.058.51.416-.181.633L7.169 19.3l4.307-2.65.524-.323.524.322 4.307 2.65-1.292-4.523-.181-.633.509-.416 3.738-3.058-4.746-.678-.539-.077-.228-.494L12 4.886z%27/%3E%3C/svg%3E");
position: relative;
}
.mc-stars-result__visual::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271.5rem%27 width=%271.5rem%27 viewBox=%270 0 24 24%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M12.908 2.08a1 1 0 00-1.816 0L8.32 8.088l-6.46.922a1 1 0 00-.492 1.764l4.99 4.084-1.818 6.367a1 1 0 001.485 1.127L12 18.674l5.976 3.678a1 1 0 001.486-1.127l-1.82-6.367 4.991-4.084a1 1 0 00-.491-1.764l-6.462-.923-2.772-6.006z%27/%3E%3C/svg%3E");
}
.mc-stars-result__visual, .mc-stars-result__visual::before {
background-position: left top;
background-repeat: repeat-x;
background-size: 1.5rem 1.5rem;
display: block;
}
.mc-stars-result__visual::before {
bottom: 0;
content: "";
left: 0;
position: absolute;
top: 0;
}
.mc-stars-result__label {
font-size: 1.125rem;
line-height: 1;
color: #000000;
margin-left: 0.5rem;
}
.mc-stars-result__label--score {
font-weight: 700;
}
.mc-stars-result--s .mc-stars-result__visual {
height: 1rem;
width: 5rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M8 1.5a1 1 0 01.906.577l1.536 3.292 3.254.65a1 1 0 01.437 1.755l-2.296 1.879.648 3.673a1 1 0 01-1.566.988L8 12.229l-2.919 2.085a1 1 0 01-1.566-.988l.648-3.673-2.296-1.879a1 1 0 01.437-1.755l3.254-.65 1.536-3.292A1 1 0 018 1.5zm0 3.365l-.844 1.808-.214.458-.496.1-1.675.335 1.112.91.454.371-.102.577-.325 1.84 1.509-1.078L8 9.771l.581.415 1.509 1.078-.325-1.84-.102-.577.454-.371 1.112-.91-1.675-.335-.496-.1-.214-.458L8 4.865z%27/%3E%3C/svg%3E");
/* fix for ie11 */
}
.mc-stars-result--s .mc-stars-result__visual::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 viewBox=%270 0 16 16%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M8.906 2.077a1 1 0 00-1.812 0L5.558 5.37l-3.254.65a1 1 0 00-.437 1.755l2.296 1.879-.648 3.673a1 1 0 001.566.988L8 12.229l2.919 2.085a1 1 0 001.566-.988l-.648-3.673 2.296-1.879a1 1 0 00-.437-1.755l-3.254-.65-1.536-3.292z%27/%3E%3C/svg%3E");
}
.mc-stars-result--s .mc-stars-result__visual, .mc-stars-result--s .mc-stars-result__visual::before {
background-size: 1rem 1rem;
}
.mc-stars-result--s .mc-stars-result__label {
font-size: 0.875rem;
line-height: 1;
}
.mc-stars-result--l .mc-stars-result__visual {
height: 2rem;
width: 10rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M16 2.333a1 1 0 01.908.581l3.772 8.173 8.795 1.256a1 1 0 01.492 1.764l-6.825 5.584 2.487 8.7a1 1 0 01-1.486 1.127L16 24.508l-8.142 5.01a1 1 0 01-1.486-1.126l2.486-8.701-6.824-5.584a1 1 0 01.492-1.764l8.794-1.256 3.772-8.173a1 1 0 01.908-.58zm0 3.387l-3.092 6.699-.228.494-.538.077L5.062 14l5.572 4.558.508.417-.18.632-1.96 6.857 6.474-3.983.524-.323.524.323 6.474 3.983-1.96-6.857-.18-.632.51-.417L26.938 14l-7.08-1.011-.538-.077-.228-.494L16 5.719z%27/%3E%3C/svg%3E");
/* fix for ie11 */
}
.mc-stars-result--l .mc-stars-result__visual::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%272rem%27 width=%272rem%27 viewBox=%270 0 32 32%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M16.908 2.914a1 1 0 00-1.816 0l-3.772 8.173-8.794 1.256a1 1 0 00-.492 1.764l6.824 5.584-2.486 8.7a1 1 0 001.486 1.127L16 24.508l8.143 5.01a1 1 0 001.486-1.126l-2.487-8.701 6.825-5.584a1 1 0 00-.492-1.764l-8.795-1.256-3.772-8.173z%27/%3E%3C/svg%3E");
}
.mc-stars-result--l .mc-stars-result__visual, .mc-stars-result--l .mc-stars-result__visual::before {
background-size: 2rem 2rem;
}
.mc-stars-result--l .mc-stars-result__label {
font-size: 1.4375rem;
line-height: 1.0434782609;
}
.mc-stars-result--xl .mc-stars-result__visual {
height: 3rem;
width: 15rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%273rem%27 width=%273rem%27 viewBox=%270 0 48 48%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M24 3.5a1.5 1.5 0 011.362.871l5.658 12.26 13.192 1.884a1.5 1.5 0 01.738 2.646l-10.237 8.375 3.73 13.052a1.5 1.5 0 01-2.23 1.69L24 36.76l-12.214 7.517a1.5 1.5 0 01-2.228-1.69l3.729-13.052L3.05 21.161a1.5 1.5 0 01.738-2.646l13.192-1.884 5.658-12.26A1.5 1.5 0 0124 3.5zm0 5.08l-4.638 10.049-.342.74-.808.116-10.619 1.517 8.357 6.837.763.625-.27.948-2.94 10.286 9.71-5.976.787-.483.786.483 9.71 5.976-2.938-10.286-.271-.948.763-.625 8.357-6.837-10.62-1.517-.807-.116-.342-.74L24 8.579z%27/%3E%3C/svg%3E");
/* fix for ie11 */
}
.mc-stars-result--xl .mc-stars-result__visual::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%273rem%27 width=%273rem%27 viewBox=%270 0 48 48%27 fill=%27%23ea7315%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M24.908 4.58a1 1 0 00-1.816 0L17.32 17.088 3.86 19.01a1 1 0 00-.492 1.764l10.49 8.584-3.818 13.367a1 1 0 001.485 1.127L24 36.174l12.476 7.678a1 1 0 001.486-1.127l-3.82-13.367 10.491-8.584a1 1 0 00-.492-1.764L30.68 17.087 24.908 4.581z%27/%3E%3C/svg%3E");
}
.mc-stars-result--xl .mc-stars-result__visual, .mc-stars-result--xl .mc-stars-result__visual::before {
background-size: 3rem 3rem;
}
.mc-stars-result--xl .mc-stars-result__label {
font-size: 1.75rem;
line-height: 1;
}
.mc-stars-result--score-10 .mc-stars-result__visual::before {
width: 10%;
}
.mc-stars-result--score-20 .mc-stars-result__visual::before {
width: 20%;
}
.mc-stars-result--score-30 .mc-stars-result__visual::before {
width: 30%;
}
.mc-stars-result--score-40 .mc-stars-result__visual::before {
width: 40%;
}
.mc-stars-result--score-50 .mc-stars-result__visual::before {
width: 50%;
}
.mc-stars-result--score-60 .mc-stars-result__visual::before {
width: 60%;
}
.mc-stars-result--score-70 .mc-stars-result__visual::before {
width: 70%;
}
.mc-stars-result--score-80 .mc-stars-result__visual::before {
width: 80%;
}
.mc-stars-result--score-90 .mc-stars-result__visual::before {
width: 90%;
}
.mc-stars-result--score-100 .mc-stars-result__visual::before {
width: 100%;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-segmented-control[data-v-02cc8f71] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #ffffff;
border-radius: 4px;
border: 1px solid #b3b3b3;
width: 19.6875rem;
}
.mc-segmented-control__segment[data-v-02cc8f71] {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #ffffff;
border: none;
border-radius: 4px;
color: #000000;
cursor: pointer;
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
font-family: inherit;
padding: 0.1875rem;
text-align: left;
position: relative;
outline: none;
text-align: center;
}
.mc-segmented-control__segment[data-v-02cc8f71]::before {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
bottom: -0.125rem;
top: -0.125rem;
}
.mc-segmented-control__segment[data-v-02cc8f71]:not(:last-child)::after {
background: #b3b3b3;
content: "";
display: block;
width: 1px;
height: 16px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
}
.mc-segmented-control__segment:not(:last-child).is-active[data-v-02cc8f71]::after {
display: none;
}
.mc-segmented-control__segment:hover .mc-segmented-control__content[data-v-02cc8f71] {
background-color: #eeedea;
}
.mc-segmented-control__segment[data-v-02cc8f71]:focus {
z-index: var(--segmented-control-focus-z-index, 2);
}
.mc-segmented-control__segment[data-v-02cc8f71]:focus::before {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
-webkit-box-shadow: 0 0 0 0.125rem #758992;
box-shadow: 0 0 0 0.125rem #758992;
}
.mc-segmented-control__segment:active .mc-segmented-control__content[data-v-02cc8f71] {
background-color: #dddcd5;
color: #ffffff;
}
.mc-segmented-control__segment.is-active[data-v-02cc8f71] {
color: #ffffff;
}
.mc-segmented-control__segment.is-active .mc-segmented-control__content[data-v-02cc8f71] {
background-color: #007f8c;
color: #ffffff;
}
.mc-segmented-control__segment.is-active .mc-segmented-control__label[data-v-02cc8f71] {
font-family: "Roboto", sans-serif;
font-weight: 700;
}
.mc-segmented-control__segment.is-active .mc-segmented-control__icon[data-v-02cc8f71]::before {
width: 1rem;
height: 1rem;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23ffffff%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z%27/%3E%3C/svg%3E");
}
.mc-segmented-control__segment.is-disabled[data-v-02cc8f71] {
cursor: not-allowed;
background-color: #cccccc;
}
.mc-segmented-control__content[data-v-02cc8f71] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 0.25rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0.1875rem 1rem;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
}
.mc-segmented-control__icon[data-v-02cc8f71] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mc-segmented-control__icon[data-v-02cc8f71]::before {
content: "";
}
.mc-segmented-control__label[data-v-02cc8f71] {
font-size: 0.875rem;
line-height: 1.2857142857;
font-family: "Roboto", sans-serif;
font-weight: 400;
}
.mc-segmented-control--m .mc-segmented-control__segment[data-v-02cc8f71]:not(:last-child)::after {
background: #b3b3b3;
content: "";
display: block;
width: 1px;
height: 24px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
}
.mc-segmented-control--m .mc-segmented-control__segment:not(:last-child).is-active[data-v-02cc8f71]::after {
display: none;
}
.mc-segmented-control--m .mc-segmented-control__content[data-v-02cc8f71] {
padding: 0.6875rem 1.5rem;
}
.mc-segmented-control--full[data-v-02cc8f71] {
width: 100%;
}
.mc-segmented-control--nowrap__label[data-v-02cc8f71] {
white-space: nowrap;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-tooltip-container {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
}
.mc-tooltip-container:not(.is-empty):focus, .mc-tooltip-container:not(.is-empty):hover {
cursor: help;
}
.mc-tooltip {
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 6.625rem;
max-width: 13.75rem;
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 1999999999;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@supports ((width: -moz-max-content) or (width: max-content)) {
.mc-tooltip {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
}
.mc-tooltip__arrow {
font-size: 0;
line-height: 0;
position: absolute;
z-index: 2;
}
.mc-tooltip__arrow::before {
background: transparent url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%270.5rem%27 width=%270.5rem%27 viewBox=%270 0 8 8%27%3E%3Cpath fill=%27%23ffffff%27 d=%27M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z%27/%3E%3C/svg%3E") no-repeat;
background-size: 0.625rem;
content: "";
display: block;
height: 0.625rem;
width: 0.625rem;
}
.mc-tooltip__arrow::after {
background: transparent url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%270.5rem%27 width=%270.5rem%27 viewBox=%270 0 8 8%27%3E%3Cpath fill=%27%235b737d%27 d=%27M1.79 3.11l6.21-3.11v8l-6.21-3.11a1 1 0 0 1-.45-1.34 1 1 0 0 1 .45-.44z%27/%3E%3C/svg%3E") no-repeat;
background-size: 0.5rem;
content: "";
height: 0.5rem;
position: absolute;
width: 0.5rem;
left: 2px;
top: 1px;
}
.mc-tooltip__label {
font-size: 0.875rem;
line-height: 1.2857142857;
background-color: #5b737d;
border: 1px solid #ffffff;
border-radius: 4px;
color: #ffffff;
display: inline-block;
padding: 0.4375rem 1rem;
position: relative;
text-align: center;
white-space: normal;
z-index: 1;
}
.mc-tooltip.is-visible {
opacity: 1;
visibility: visible;
}
.mc-tooltip--top {
-webkit-transform: translate(-50%, calc(-100% - 0.75rem));
-ms-transform: translate(-50%, calc(-100% - 0.75rem));
transform: translate(-50%, calc(-100% - 0.75rem));
}
.mc-tooltip--top .mc-tooltip__arrow {
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 90%) rotate(-90deg);
-ms-transform: translate(-50%, 90%) rotate(-90deg);
transform: translate(-50%, 90%) rotate(-90deg);
}
.mc-tooltip--right {
-webkit-transform: translate(0.75rem, -50%);
-ms-transform: translate(0.75rem, -50%);
transform: translate(0.75rem, -50%);
}
.mc-tooltip--right .mc-tooltip__arrow {
top: 50%;
left: 0;
-webkit-transform: translate(-90%, -50%);
-ms-transform: translate(-90%, -50%);
transform: translate(-90%, -50%);
}
.mc-tooltip--bottom {
-webkit-transform: translate(-50%, 0.75rem);
-ms-transform: translate(-50%, 0.75rem);
transform: translate(-50%, 0.75rem);
}
.mc-tooltip--bottom .mc-tooltip__arrow {
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -90%) rotate(90deg);
-ms-transform: translate(-50%, -90%) rotate(90deg);
transform: translate(-50%, -90%) rotate(90deg);
}
.mc-tooltip--left {
-webkit-transform: translate(calc(-100% - 0.75rem), -50%);
-ms-transform: translate(calc(-100% - 0.75rem), -50%);
transform: translate(calc(-100% - 0.75rem), -50%);
}
.mc-tooltip--left .mc-tooltip__arrow {
top: 50%;
right: 0;
-webkit-transform: translate(90%, -50%) rotate(180deg);
-ms-transform: translate(90%, -50%) rotate(180deg);
transform: translate(90%, -50%) rotate(180deg);
}
.mc-tooltip--no-pointer .mc-tooltip__arrow {
display: none;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-sidebar-segment[data-v-257c97d2] {
font-size: 0.875rem;
line-height: 1.5714285714;
background: none;
border: none;
cursor: pointer;
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
font-family: inherit;
text-decoration: none;
color: white;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
min-height: 40px;
padding: 0;
width: 100%;
outline: none;
}
.mc-sidebar-segment__container[data-v-257c97d2] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 8px 0px;
}
.mc-sidebar-segment__icon[data-v-257c97d2] {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.mc-sidebar-segment__label[data-v-257c97d2] {
margin-left: 10px;
}
.mc-sidebar-segment.is-selected[data-v-257c97d2] {
background: #007f8c;
}
.mc-sidebar-segment[data-v-257c97d2]:focus-visible, .mc-sidebar-segment[data-v-257c97d2]:hover {
background: #405d68;
}
.mc-sidebar-segment.is-close .mc-sidebar-segment__container[data-v-257c97d2] {
-webkit-transition: margin 300ms ease-in-out;
transition: margin 300ms ease-in-out;
margin: 0 20px;
width: 24px;
}
.mc-sidebar-segment.is-close .mc-sidebar-segment__label[data-v-257c97d2] {
opacity: 0;
}
.mc-sidebar-segment.is-open .mc-sidebar-segment__container[data-v-257c97d2] {
-webkit-transition: margin 300ms ease-in-out;
transition: margin 300ms ease-in-out;
margin: 0 32px;
}
.mc-sidebar-segment.is-open__label[data-v-257c97d2] {
opacity: 1;
}
[data-v-257c97d2] .mc-tooltip-container {
cursor: pointer !important;
}
.mc-sidebar-separator[data-v-f5e157ec] {
border-bottom: 1px solid #5b737d;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mc-sidebar-separator.is-close[data-v-f5e157ec] {
-webkit-transition: margin 300ms ease-in-out;
transition: margin 300ms ease-in-out;
margin: 24px 0;
}
.mc-sidebar-separator.is-open[data-v-f5e157ec] {
-webkit-transition: margin 300ms ease-in-out;
transition: margin 300ms ease-in-out;
margin: 24px 32px;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-sidebar-feature[data-v-2e8ed524] {
font-size: 16px;
min-width: 200px;
cursor: pointer;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-decoration: none;
color: white;
line-height: 22px;
overflow: hidden;
background: none;
border: none;
padding: 0;
text-align: left;
font-family: inherit;
text-decoration: none;
}
.mc-sidebar-feature__container[data-v-2e8ed524] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding-top: 8px;
padding-bottom: 8px;
}
.mc-sidebar-feature__container span[data-v-2e8ed524] {
max-width: 200px;
min-width: 200px;
}
.mc-sidebar-feature__label[data-v-2e8ed524] {
font-size: 0.875rem;
line-height: 1.2857142857;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 8px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.mc-sidebar-feature__label__tooltip[data-v-2e8ed524] {
opacity: 0;
-webkit-transition: 0s opacity;
transition: 0s opacity;
background-color: #5b737d;
border: 1px solid white;
border-radius: 4px;
position: absolute;
pointer-events: none;
left: calc(100% - 16px);
padding: 8px 16px;
width: 188px;
}
.mc-sidebar-feature__label__tooltip__pointer[data-v-2e8ed524] {
position: absolute;
top: 50%;
left: -8px;
top: calc(50% - 6px);
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 8px solid white;
}
.mc-sidebar-feature__label__tooltip__pointer div[data-v-2e8ed524] {
position: relative;
top: -6px;
left: 2px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 8px solid #5b737d;
}
.mc-sidebar-feature__label:hover + .mc-sidebar-feature__label__tooltip[data-v-2e8ed524] {
opacity: 1;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.mc-sidebar-feature__icon[data-v-2e8ed524] {
margin-right: 8px;
}
.mc-sidebar-feature.is-selected[data-v-2e8ed524] {
background: #007f8c;
}
.mc-sidebar-feature.is-close[data-v-2e8ed524] {
-webkit-transition: padding 300ms ease-in-out;
transition: padding 300ms ease-in-out;
padding: 0px 0px;
}
.mc-sidebar-feature.is-close .mc-sidebar-feature__container[data-v-2e8ed524] {
-webkit-transition: padding-left 300ms ease-in-out;
transition: padding-left 300ms ease-in-out;
padding-left: 20px;
width: 24px;
}
.mc-sidebar-feature.is-open[data-v-2e8ed524] {
-webkit-transition: padding 300ms ease-in-out;
transition: padding 300ms ease-in-out;
padding: 0px 32px;
}
.mc-sidebar-feature.is-open .mc-sidebar-feature__container[data-v-2e8ed524] {
-webkit-transition: padding-left 300ms ease-in-out;
transition: padding-left 300ms ease-in-out;
padding-left: 32px;
}
.mc-sidebar-feature.is-disabled[data-v-2e8ed524] {
color: #92a2a9;
fill: #92a2a9;
}
.mc-sidebar-feature[data-v-2e8ed524]:hover {
background: #405d68;
}
.mc-sidebar-feature[data-v-2e8ed524]:focus-visible {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
outline: none;
}
.mc-sidebar-feature:focus-visible .mc-sidebar-feature__container[data-v-2e8ed524] {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
border-radius: 6px;
outline: 1px solid #0b96cc;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-feature-group[data-v-5b6dcab1] {
background: none;
border: none;
color: white;
cursor: pointer;
display: inline-block;
font-size: inherit;
font-family: inherit;
text-align: initial;
margin: 0;
padding: 0;
min-height: 40px;
overflow: hidden;
text-decoration: none;
outline: none;
}
.mc-feature-group__container[data-v-5b6dcab1] {
-webkit-transition: margin 300ms ease-in-out;
transition: margin 300ms ease-in-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 5px 0;
padding: 8px 0px;
}
.mc-feature-group__label[data-v-5b6dcab1] {
font-size: 0.875rem;
line-height: 1.2857142857;
margin: 0 8px;
width: 200px;
min-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.mc-feature-group__label__tooltip[data-v-5b6dcab1] {
opacity: 0;
-webkit-transition: 0s opacity;
transition: 0s opacity;
background-color: #5b737d;
border: 1px solid white;
border-radius: 4px;
position: absolute;
pointer-events: none;
left: calc(100% - 16px);
padding: 8px 16px;
width: 188px;
}
.mc-feature-group__label__tooltip__pointer[data-v-5b6dcab1] {
position: absolute;
top: 50%;
left: -8px;
top: calc(50% - 6px);
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 8px solid white;
}
.mc-feature-group__label__tooltip__pointer div[data-v-5b6dcab1] {
position: relative;
top: -6px;
left: 2px;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 8px solid #5b737d;
}
.mc-feature-group__label:hover + .mc-feature-group__label__tooltip[data-v-5b6dcab1] {
opacity: 1;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.mc-feature-group__content[data-v-5b6dcab1] {
overflow: hidden;
-webkit-transition: height 300ms ease-in-out;
transition: height 300ms ease-in-out;
}
.mc-feature-group__content.is-close[data-v-5b6dcab1] {
height: 0;
}
.mc-feature-group__content.is-open[data-v-5b6dcab1] {
height: auto;
}
.mc-feature-group[data-v-5b6dcab1]:focus-visible, .mc-feature-group[data-v-5b6dcab1]:hover {
background: #405d68;
}
.mc-feature-group.is-selected[data-v-5b6dcab1] {
background: #007f8c;
}
.mc-feature-group.is-close .mc-feature-group__container[data-v-5b6dcab1] {
margin: 0 20px;
width: 24px;
}
.mc-feature-group.is-open .mc-feature-group__container[data-v-5b6dcab1] {
margin: 0 32px;
}
ul[data-v-5b6dcab1],
li[data-v-5b6dcab1] {
list-style-type: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
ul[data-v-5b6dcab1] {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
ul li[data-v-5b6dcab1] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
[data-v-5b6dcab1] .mc-tooltip-container {
cursor: pointer !important;
}
.mc-sidebar-sub-feature[data-v-8a741206] {
width: 320px;
}
.mc-sidebar-sub-feature__trigger[data-v-8a741206] {
background: none;
border: none;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
margin: 0;
font-size: inherit;
font-family: inherit;
width: 100%;
padding: 0px 32px;
text-align: left;
}
.mc-sidebar-sub-feature__trigger__label[data-v-8a741206] {
font-size: 16px;
font-weight: 700;
margin-left: 8px;
color: white;
}
.mc-sidebar-sub-feature__trigger[data-v-8a741206]:focus-visible {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
outline: none;
}
.mc-sidebar-sub-feature__trigger:focus-visible .mc-sidebar-sub-feature__container[data-v-8a741206] {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
border-radius: 6px;
outline: 1px solid #0b96cc;
}
.mc-sidebar-sub-feature__container[data-v-8a741206] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 24px;
padding: 8px 0px;
}
.mc-sidebar-sub-feature ul[data-v-8a741206] {
list-style: none;
margin: 0;
padding: 0;
}
.mc-sidebar-section[data-v-15109b94] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
min-height: 38px;
overflow-x: hidden;
overflow-y: auto;
overflow-y: overlay;
padding: 1px 0px;
scrollbar-color: #009eac #082435;
scrollbar-width: thin;
}
.mc-sidebar-section ul[data-v-15109b94],
.mc-sidebar-section li[data-v-15109b94] {
list-style-type: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.mc-sidebar-section ul[data-v-15109b94] {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mc-sidebar-section ul li[data-v-15109b94] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 4px 0px;
}
.mc-sidebar-section ul li[data-v-15109b94]:first-child {
margin-top: 0;
}
.mc-sidebar-section ul li[data-v-15109b94]:last-child {
margin-bottom: 0;
}
.mc-sidebar-section ul.is-hidden[data-v-15109b94] {
-webkit-transition: margin-left 300ms ease-in-out;
transition: margin-left 300ms ease-in-out;
margin-left: -320px;
opacity: 0;
}
.mc-sidebar-section ul.is-visible[data-v-15109b94] {
-webkit-transition: margin-left 300ms ease-in-out;
transition: margin-left 300ms ease-in-out;
margin-left: 0;
}
.mc-sidebar-section[data-v-15109b94]::-webkit-scrollbar {
width: 5px;
height: 10px;
background: #082435;
}
.mc-sidebar-section[data-v-15109b94]::-webkit-scrollbar-thumb {
background: #009eac;
}
.mc-sidebar-user[data-v-61f51e36] {
left: 0;
right: 0;
bottom: 0;
position: absolute;
background: #264653;
}
.mc-sidebar-user__header[data-v-61f51e36] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: none;
border: none;
color: white;
font-size: inherit;
font-family: inherit;
text-align: initial;
margin: 0;
width: 100%;
overflow: hidden;
outline: none;
}
.mc-sidebar-user__header[data-v-61f51e36]:focus-visible, .mc-sidebar-user__header[data-v-61f51e36]:hover {
cursor: pointer;
}
.mc-sidebar-user__header:focus-visible .mc-sidebar-user__header__information__icon[data-v-61f51e36], .mc-sidebar-user__header:hover .mc-sidebar-user__header__information__icon[data-v-61f51e36] {
background: #082435;
}
.mc-sidebar-user__header__picture[data-v-61f51e36] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #5b737d;
border-radius: 24px;
width: 48px;
min-width: 48px;
height: 48px;
overflow: hidden;
}
.mc-sidebar-user__header__picture img[data-v-61f51e36] {
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top center;
object-position: top center;
width: 100%;
}
.mc-sidebar-user__header__information[data-v-61f51e36] {
-ms-flex-pack: distribute;
justify-content: space-around;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
margin-left: 8px;
height: 40px;
}
.mc-sidebar-user__header__information__icon[data-v-61f51e36] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 4px;
}
.mc-sidebar-user__header__information__identity[data-v-61f51e36] {
font-size: 16px;
font-weight: bold;
}
.mc-sidebar-user__header__information__title[data-v-61f51e36], .mc-sidebar-user__header__information__identity[data-v-61f51e36] {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 176px;
}
.mc-sidebar-user__content[data-v-61f51e36] {
list-style-type: none;
padding: 0;
overflow: hidden;
margin: -8px 0px 24px 0px;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.mc-sidebar-user__content.is-close[data-v-61f51e36] {
height: 0;
margin: 0;
}
.mc-sidebar-user__content .is-open[data-v-61f51e36] {
height: auto;
}
.mc-sidebar-user.is-close .mc-sidebar-user__header[data-v-61f51e36] {
-webkit-transition: padding 300ms ease-in-out;
transition: padding 300ms ease-in-out;
padding: 12px 8px;
margin: 8px 0;
}
.mc-sidebar-user.is-open .mc-sidebar-user__header[data-v-61f51e36] {
-webkit-transition: padding 300ms ease-in-out;
transition: padding 300ms ease-in-out;
padding: 12px 24px 12px 32px;
margin: 8px 0;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-sidebar[data-v-148243ae] {
position: absolute;
top: 0;
left: 0;
z-index: var(--sidebar-z-index, 10);
font-size: 14px;
color: white;
-webkit-box-sizing: border-box;
box-sizing: border-box;
fill: white;
width: 320px;
background: #082435;
display: block;
height: 100vh;
}
.mc-sidebar__container[data-v-148243ae] {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.mc-sidebar__container.has-bottom-panel[data-v-148243ae] {
height: calc(100% - 88px);
}
.mc-sidebar__utilities[data-v-148243ae] {
margin-bottom: 24px;
}
.mc-sidebar__utilities__item[data-v-148243ae] {
margin: 4px 0px;
}
.mc-sidebar__utilities__item[data-v-148243ae]:first-child {
margin-top: 0;
}
.mc-sidebar__utilities__item[data-v-148243ae]:last-child {
margin-bottom: 0;
}
.mc-sidebar__trigger[data-v-148243ae] {
cursor: pointer;
background: none;
border: none;
padding: 0;
min-height: 92px;
width: 100%;
font-size: inherit;
font-family: inherit;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
outline: none;
}
.mc-sidebar__trigger__container[data-v-148243ae] {
position: relative;
position: relative;
margin: 28px 20px 28px 20px;
height: 32px;
width: 100%;
}
.mc-sidebar__trigger__container[data-v-148243ae]::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
}
.mc-sidebar__trigger__container[data-v-148243ae] > * {
position: absolute;
top: 0px;
right: 0px;
width: 24px;
height: 24px;
}
.mc-sidebar__trigger:focus-visible .mc-sidebar__trigger__container[data-v-148243ae]::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-sidebar.is-open[data-v-148243ae] {
-webkit-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out;
}
.mc-sidebar.is-close[data-v-148243ae] {
-webkit-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out;
width: 64px;
padding: 0;
}
.mc-sidebar ul[data-v-148243ae] {
list-style-type: none;
margin: 0;
padding: 0;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-stepper[data-v-2cdf5b13] {
width: 100%;
}
.mc-stepper__list[data-v-2cdf5b13] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
margin-bottom: 0;
margin-top: 0;
}
.mc-stepper__item[data-v-2cdf5b13], .mc-stepper__link[data-v-2cdf5b13] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.mc-stepper__item[data-v-2cdf5b13] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.mc-stepper__item[data-v-2cdf5b13]::before, .mc-stepper__item[data-v-2cdf5b13]::after {
background-color: #999999;
content: "";
height: 0.125rem;
position: absolute;
top: 11px;
width: calc(50% - 1.25rem);
z-index: var(--stepper-item-z-index, 1);
}
.mc-stepper__item[data-v-2cdf5b13]::before {
border-top-right-radius: 1px;
border-bottom-right-radius: 1px;
left: 0;
}
.mc-stepper__item[data-v-2cdf5b13]::after {
border-top-left-radius: 1px;
border-bottom-left-radius: 1px;
right: 0;
}
.mc-stepper__item--current .mc-stepper__indicator[data-v-2cdf5b13], .mc-stepper__item--validated .mc-stepper__indicator[data-v-2cdf5b13] {
border-color: #007f8c;
}
.mc-stepper__item--current .mc-stepper__detail[data-v-2cdf5b13], .mc-stepper__item--validated .mc-stepper__detail[data-v-2cdf5b13] {
font-weight: 700;
}
.mc-stepper__item--current[data-v-2cdf5b13]::before {
background-color: #007f8c;
}
.mc-stepper__item--current .mc-stepper__indicator[data-v-2cdf5b13] {
background-color: #007f8c;
color: #ffffff;
}
.mc-stepper__item--current .mc-stepper__label[data-v-2cdf5b13] {
color: #000000;
}
.mc-stepper__item--validated[data-v-2cdf5b13]::before, .mc-stepper__item--validated[data-v-2cdf5b13]:not(.mc-stepper__item--current)::after {
background-color: #007f8c;
}
.mc-stepper__link[data-v-2cdf5b13] {
cursor: pointer;
height: 100%;
outline: none;
text-decoration: none;
width: 100%;
}
.mc-stepper__link .mc-stepper__label[data-v-2cdf5b13] {
position: relative;
}
.mc-stepper__link .mc-stepper__label[data-v-2cdf5b13]::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
}
.mc-stepper__link:hover .mc-stepper__label[data-v-2cdf5b13], .mc-stepper__link:focus .mc-stepper__label[data-v-2cdf5b13] {
color: #000000;
}
.mc-stepper__link:hover .mc-stepper__label[data-v-2cdf5b13]::after, .mc-stepper__link:focus .mc-stepper__label[data-v-2cdf5b13]::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-stepper__indicator[data-v-2cdf5b13] {
font-size: 0.875rem;
line-height: 1.1428571429;
font-weight: 700;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #999999;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 1.5rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0.5rem;
position: relative;
width: 1.5rem;
z-index: var(--stepper-indicator-z-index, 2);
}
.mc-stepper__icon[data-v-2cdf5b13] {
fill: #007f8c;
max-width: 100%;
}
.mc-stepper__detail[data-v-2cdf5b13] {
font-size: 0.875rem;
line-height: 1.2857142857;
color: #666666;
text-align: center;
width: auto;
}
.mc-stepper__title[data-v-2cdf5b13] {
display: none;
color: #007f8c;
}
.mc-stepper:not(.mc-stepper--compact) .mc-stepper__item[data-v-2cdf5b13]:first-child::before, .mc-stepper:not(.mc-stepper--compact) .mc-stepper__item[data-v-2cdf5b13]:last-child::after {
content: none;
}
.mc-stepper--compact .mc-stepper__item[data-v-2cdf5b13] {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding-bottom: 1.25rem;
}
.mc-stepper--compact .mc-stepper__item[data-v-2cdf5b13]::before, .mc-stepper--compact .mc-stepper__item[data-v-2cdf5b13]::after {
bottom: 0;
border-radius: 6px;
height: 0.25rem;
top: auto;
}
.mc-stepper--compact .mc-stepper__item[data-v-2cdf5b13]::after {
width: 100%;
}
.mc-stepper--compact .mc-stepper__item[data-v-2cdf5b13]::before {
z-index: var(--stepper-compact-z-index, 2);
width: calc(var(--current) * 100% / var(--steps));
}
.mc-stepper--compact .mc-stepper__item[data-v-2cdf5b13]:not(.mc-stepper__item--current) {
display: none;
}
.mc-stepper--compact .mc-stepper__indicator[data-v-2cdf5b13] {
display: none;
}
.mc-stepper--compact .mc-stepper__detail[data-v-2cdf5b13] {
text-align: left;
}
.mc-stepper--compact .mc-stepper__title[data-v-2cdf5b13] {
display: block;
margin-bottom: 0.25rem;
}
@media screen and (max-width: 679px) {
.mc-stepper--shrinked .mc-stepper__item[data-v-2cdf5b13] {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding-bottom: 1.25rem;
}
.mc-stepper--shrinked .mc-stepper__item[data-v-2cdf5b13]::before, .mc-stepper--shrinked .mc-stepper__item[data-v-2cdf5b13]::after {
bottom: 0;
border-radius: 6px;
height: 0.25rem;
top: auto;
}
.mc-stepper--shrinked .mc-stepper__item[data-v-2cdf5b13]::after {
width: 100%;
}
.mc-stepper--shrinked .mc-stepper__item[data-v-2cdf5b13]::before {
z-index: var(--stepper-compact-z-index, 2);
width: calc(var(--current) * 100% / var(--steps));
}
.mc-stepper--shrinked .mc-stepper__item[data-v-2cdf5b13]:not(.mc-stepper__item--current) {
display: none;
}
.mc-stepper--shrinked .mc-stepper__indicator[data-v-2cdf5b13] {
display: none;
}
.mc-stepper--shrinked .mc-stepper__detail[data-v-2cdf5b13] {
text-align: left;
}
.mc-stepper--shrinked .mc-stepper__title[data-v-2cdf5b13] {
display: block;
margin-bottom: 0.25rem;
}
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-stepper[data-v-12f71f5c] {
width: 100%;
}
.mc-stepper__list[data-v-12f71f5c] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0;
margin-bottom: 0;
margin-top: 0;
}
.mc-stepper__item[data-v-12f71f5c], .mc-stepper__link[data-v-12f71f5c] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.mc-stepper__item[data-v-12f71f5c] {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.mc-stepper__item[data-v-12f71f5c]::before, .mc-stepper__item[data-v-12f71f5c]::after {
background-color: #999999;
content: "";
height: 0.125rem;
position: absolute;
top: 11px;
width: calc(50% - 1.25rem);
z-index: var(--stepper-item-z-index, 1);
}
.mc-stepper__item[data-v-12f71f5c]::before {
border-top-right-radius: 1px;
border-bottom-right-radius: 1px;
left: 0;
}
.mc-stepper__item[data-v-12f71f5c]::after {
border-top-left-radius: 1px;
border-bottom-left-radius: 1px;
right: 0;
}
.mc-stepper__item--current .mc-stepper__indicator[data-v-12f71f5c], .mc-stepper__item--validated .mc-stepper__indicator[data-v-12f71f5c] {
border-color: #007f8c;
}
.mc-stepper__item--current .mc-stepper__detail[data-v-12f71f5c], .mc-stepper__item--validated .mc-stepper__detail[data-v-12f71f5c] {
font-weight: 700;
}
.mc-stepper__item--current[data-v-12f71f5c]::before {
background-color: #007f8c;
}
.mc-stepper__item--current .mc-stepper__indicator[data-v-12f71f5c] {
background-color: #007f8c;
color: #ffffff;
}
.mc-stepper__item--current .mc-stepper__label[data-v-12f71f5c] {
color: #000000;
}
.mc-stepper__item--validated[data-v-12f71f5c]::before, .mc-stepper__item--validated[data-v-12f71f5c]:not(.mc-stepper__item--current)::after {
background-color: #007f8c;
}
.mc-stepper__link[data-v-12f71f5c] {
cursor: pointer;
height: 100%;
outline: none;
text-decoration: none;
width: 100%;
}
.mc-stepper__link .mc-stepper__label[data-v-12f71f5c] {
position: relative;
}
.mc-stepper__link .mc-stepper__label[data-v-12f71f5c]::after {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
}
.mc-stepper__link:hover .mc-stepper__label[data-v-12f71f5c], .mc-stepper__link:focus .mc-stepper__label[data-v-12f71f5c] {
color: #000000;
}
.mc-stepper__link:hover .mc-stepper__label[data-v-12f71f5c]::after, .mc-stepper__link:focus .mc-stepper__label[data-v-12f71f5c]::after {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-stepper__indicator[data-v-12f71f5c] {
font-size: 0.875rem;
line-height: 1.1428571429;
font-weight: 700;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #999999;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 1.5rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0.5rem;
position: relative;
width: 1.5rem;
z-index: var(--stepper-indicator-z-index, 2);
}
.mc-stepper__icon[data-v-12f71f5c] {
fill: #007f8c;
max-width: 100%;
}
.mc-stepper__detail[data-v-12f71f5c] {
font-size: 0.875rem;
line-height: 1.2857142857;
color: #666666;
text-align: center;
width: auto;
}
.mc-stepper__title[data-v-12f71f5c] {
display: none;
color: #007f8c;
}
.mc-stepper:not(.mc-stepper--compact) .mc-stepper__item[data-v-12f71f5c]:first-child::before, .mc-stepper:not(.mc-stepper--compact) .mc-stepper__item[data-v-12f71f5c]:last-child::after {
content: none;
}
.mc-stepper--compact .mc-stepper__item[data-v-12f71f5c] {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding-bottom: 1.25rem;
}
.mc-stepper--compact .mc-stepper__item[data-v-12f71f5c]::before, .mc-stepper--compact .mc-stepper__item[data-v-12f71f5c]::after {
bottom: 0;
border-radius: 6px;
height: 0.25rem;
top: auto;
}
.mc-stepper--compact .mc-stepper__item[data-v-12f71f5c]::after {
width: 100%;
}
.mc-stepper--compact .mc-stepper__item[data-v-12f71f5c]::before {
z-index: var(--stepper-compact-z-index, 2);
width: calc(var(--current) * 100% / var(--steps));
}
.mc-stepper--compact .mc-stepper__item[data-v-12f71f5c]:not(.mc-stepper__item--current) {
display: none;
}
.mc-stepper--compact .mc-stepper__indicator[data-v-12f71f5c] {
display: none;
}
.mc-stepper--compact .mc-stepper__detail[data-v-12f71f5c] {
text-align: left;
}
.mc-stepper--compact .mc-stepper__title[data-v-12f71f5c] {
display: block;
margin-bottom: 0.25rem;
}
@media screen and (max-width: 679px) {
.mc-stepper--shrinked .mc-stepper__item[data-v-12f71f5c] {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding-bottom: 1.25rem;
}
.mc-stepper--shrinked .mc-stepper__item[data-v-12f71f5c]::before, .mc-stepper--shrinked .mc-stepper__item[data-v-12f71f5c]::after {
bottom: 0;
border-radius: 6px;
height: 0.25rem;
top: auto;
}
.mc-stepper--shrinked .mc-stepper__item[data-v-12f71f5c]::after {
width: 100%;
}
.mc-stepper--shrinked .mc-stepper__item[data-v-12f71f5c]::before {
z-index: var(--stepper-compact-z-index, 2);
width: calc(var(--current) * 100% / var(--steps));
}
.mc-stepper--shrinked .mc-stepper__item[data-v-12f71f5c]:not(.mc-stepper__item--current) {
display: none;
}
.mc-stepper--shrinked .mc-stepper__indicator[data-v-12f71f5c] {
display: none;
}
.mc-stepper--shrinked .mc-stepper__detail[data-v-12f71f5c] {
text-align: left;
}
.mc-stepper--shrinked .mc-stepper__title[data-v-12f71f5c] {
display: block;
margin-bottom: 0.25rem;
}
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-stepper-bar[data-v-0d685b79] {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mc-stepper-bar__actions[data-v-0d685b79] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-tabs {
font-family: "Roboto", sans-serif;
font-weight: 400;
background-color: #ffffff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
width: 100%;
}
.mc-tabs::after {
background: #b3b3b3;
content: "";
display: block;
margin: 0 auto;
height: 1px;
width: 100%;
bottom: 0;
left: 0;
position: absolute;
}
.mc-tabs--no-shadow::after, .mc-tabs--no-divider::after {
display: none;
}
.mc-tabs__nav {
list-style: none;
margin-left: 0;
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 0;
margin-bottom: 0;
}
.mc-tabs__nav, .mc-tabs__select {
position: relative;
}
.mc-tabs__link, .mc-tabs__element {
font-size: 0.875rem;
line-height: 1.2857142857;
font-weight: 700;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: none;
border: none;
color: #666666;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 3.5rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
outline: none;
padding-left: 0.75rem;
padding-right: 0.75rem;
position: relative;
text-decoration: none;
}
.mc-tabs__link::before, .mc-tabs__element::before {
border-radius: 2px;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: -webkit-box-shadow 200ms ease;
transition: -webkit-box-shadow 200ms ease;
transition: box-shadow 200ms ease;
transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
bottom: -0.125rem;
top: -0.125rem;
}
.mc-tabs__link::after, .mc-tabs__element::after {
background-color: transparent;
bottom: 0;
content: "";
height: 0.25rem;
left: 1.5rem;
position: absolute;
right: 1.5rem;
}
.mc-tabs__link:hover .mc-tabs__text, .mc-tabs__element:hover .mc-tabs__text {
background-color: #eeedea;
}
.mc-tabs__link:active, .mc-tabs__element:active {
color: #4d4d4d;
}
.mc-tabs__link:active .mc-tabs__text, .mc-tabs__element:active .mc-tabs__text {
background-color: #dddcd5;
}
.mc-tabs__link:focus::before, .mc-tabs__element:focus::before {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-tabs__link--selected, .mc-tabs__element--selected {
color: #007f8c;
}
.mc-tabs__link--selected::after, .mc-tabs__element--selected::after {
background-color: #007f8c;
}
.mc-tabs__link--selected:hover, .mc-tabs__element--selected:hover {
color: #006974;
}
.mc-tabs__link--selected:active, .mc-tabs__element--selected:active {
color: #006974;
}
.mc-tabs__link--disabled, .mc-tabs__element--disabled {
cursor: not-allowed;
background-color: #cccccc;
pointer-events: none;
}
.mc-tabs__link--disabled, .mc-tabs__link--disabled:hover, .mc-tabs__link--disabled:focus, .mc-tabs__link--disabled:active, .mc-tabs__element--disabled, .mc-tabs__element--disabled:hover, .mc-tabs__element--disabled:focus, .mc-tabs__element--disabled:active {
-webkit-box-shadow: none;
box-shadow: none;
}
.mc-tabs__text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.25rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
padding: 0.4375rem 0.75rem;
pointer-events: none;
}
.mc-tabs__icon {
fill: currentColor;
height: 1.5rem;
width: 1.5rem;
}
.mc-tabs--full-centered {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mc-tabs--dropdown {
padding: 1rem;
width: auto;
}
@media screen and (min-width: 680px) {
.mc-tabs {
width: auto;
}
.mc-tabs--full, .mc-tabs--full-centered {
width: 100%;
}
}
@media screen and (max-width: 679px) {
.mc-tabs:not(.mc-tabs--dropdown)::before {
bottom: 0.125rem;
}
.mc-tabs__nav {
overflow: auto hidden;
white-space: nowrap;
}
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-textarea {
font-family: "Roboto", sans-serif;
font-weight: 400;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
/* for mozilla */
/* stylelint-disable-next-line */
font-size: 1rem;
line-height: 1.375;
border-radius: 4px;
display: block;
width: 100%;
position: relative;
color: #191919;
border: 1px solid #666666;
background: #ffffff;
-webkit-transition: all ease 200ms;
transition: all ease 200ms;
max-width: 100%;
padding: calc(0.75rem - 0.125em - 1px) 0.75rem calc(0.75rem + 0.125em - 1px);
}
.mc-textarea[type=number]::-webkit-inner-spin-button, .mc-textarea[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.mc-textarea[type=number] {
-moz-appearance: textfield;
}
.mc-textarea[type=search]::-webkit-search-decoration:hover, .mc-textarea[type=search]::-webkit-search-cancel-button:hover {
cursor: pointer;
}
.mc-textarea:hover {
border-color: #191919;
}
.mc-textarea.is-valid {
border-color: #46a610;
}
.mc-textarea.is-invalid {
border-color: #c61112;
}
.mc-textarea:focus {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-textarea:disabled {
border-color: #e6e6e6;
background: #e6e6e6;
color: #666666;
cursor: not-allowed;
}
.mc-textarea::-webkit-input-placeholder {
color: #666666;
}
.mc-textarea::-moz-placeholder {
color: #666666;
}
.mc-textarea:-ms-input-placeholder {
color: #666666;
}
.mc-textarea::-ms-input-placeholder {
color: #666666;
}
.mc-textarea::placeholder {
color: #666666;
}
/* stylelint-disable max-line-length */
/* create columns */
/* create columns */
/* create custom named columns with custom content */
.mc-toggle {
display: block;
position: relative;
}
.mc-toggle__input {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.mc-toggle__input:focus + .mc-toggle__label::before {
-webkit-box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
box-shadow: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #758992;
}
.mc-toggle__input:checked + .mc-toggle__label::before {
background-color: #00919f;
}
.mc-toggle__input:checked + .mc-toggle__label::after {
border-color: #00919f;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%2300919f%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z%27/%3E%3C/svg%3E");
-webkit-transform: translate(100%, -50%);
-ms-transform: translate(100%, -50%);
transform: translate(100%, -50%);
}
.mc-toggle__input:checked + .mc-toggle__label .mc-toggle__off {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
visibility: visible;
white-space: nowrap;
}
.mc-toggle__input:not(:checked) + .mc-toggle__label .mc-toggle__on {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
visibility: visible;
white-space: nowrap;
}
.mc-toggle__input:disabled + .mc-toggle__label {
color: #808080;
cursor: not-allowed;
}
.mc-toggle__input:disabled + .mc-toggle__label::before {
background-color: #e6e6e6;
}
.mc-toggle__input:disabled + .mc-toggle__label::after {
border-color: #e6e6e6;
background-color: #b3b3b3;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23e6e6e6%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z%27/%3E%3C/svg%3E");
}
.mc-toggle__input:disabled:checked + .mc-toggle__label::before {
background-color: #91d5db;
}
.mc-toggle__input:disabled:checked + .mc-toggle__label::after {
border-color: #91d5db;
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%2391d5db%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z%27/%3E%3C/svg%3E");
background-size: 1rem;
}
.mc-toggle__input:not(:disabled) + .mc-toggle__label:hover::after {
background-color: #e6e6e6;
}
.mc-toggle__content {
display: inline-block;
padding-left: 0.75rem;
}
.mc-toggle__label {
font-size: 1rem;
line-height: 1.125;
height: 2rem;
padding-left: 4rem;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
color: #000000;
display: table-cell;
position: relative;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mc-toggle__label::before, .mc-toggle__label::after {
border-radius: 2rem;
height: 2rem;
}
.mc-toggle__label::before {
width: 4rem;
}
.mc-toggle__label::after {
width: 2rem;
}
.mc-toggle__label::after, .mc-toggle__label::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
content: "";
display: block;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.mc-toggle__label::before {
background-color: #666666;
will-change: background-color, border-color, box-shadow;
-webkit-transition: background-color 100ms ease, border-color 100ms ease, -webkit-box-shadow 200ms ease;
transition: background-color 100ms ease, border-color 100ms ease, -webkit-box-shadow 200ms ease;
transition: background-color 100ms ease, border-color 100ms ease, box-shadow 200ms ease;
transition: background-color 100ms ease, border-color 100ms ease, box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
}
.mc-toggle__label::after {
background: #ffffff url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 height=%271rem%27 width=%271rem%27 fill=%27%23666666%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z%27/%3E%3C/svg%3E") no-repeat center;
background-size: 1rem;
border: solid 3px #666666;
will-change: transform;
-webkit-transition: border-color 100ms ease, -webkit-transform 100ms ease;
transition: border-color 100ms ease, -webkit-transform 100ms ease;
transition: transform 100ms ease, border-color 100ms ease;
transition: transform 100ms ease, border-color 100ms ease, -webkit-transform 100ms ease;
}
.mc-toggle--s .mc-toggle__label {
height: 1.5rem;
padding-left: 3rem;
}
.mc-toggle--s .mc-toggle__label::before, .mc-toggle--s .mc-toggle__label::after {
border-radius: 1.5rem;
height: 1.5rem;
}
.mc-toggle--s .mc-toggle__label::before {
width: 3rem;
}
.mc-toggle--s .mc-toggle__label::after {
width: 1.5rem;
}
.mc-toggle--m .mc-toggle__label {
height: 2rem;
padding-left: 4rem;
}
.mc-toggle--m .mc-toggle__label::before, .mc-toggle--m .mc-toggle__label::after {
border-radius: 2rem;
height: 2rem;
}
.mc-toggle--m .mc-toggle__label::before {
width: 4rem;
}
.mc-toggle--m .mc-toggle__label::after {
width: 2rem;
}
.mc-toggle--hide-label .mc-toggle__content {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
visibility: visible;
white-space: nowrap;
}
@media screen and (min-width: 680px) {
.mc-toggle--s\@from-m .mc-toggle__label {
height: 1.5rem;
padding-left: 3rem;
}
.mc-toggle--s\@from-m .mc-toggle__label::before, .mc-toggle--s\@from-m .mc-toggle__label::after {
border-radius: 1.5rem;
height: 1.5rem;
}
.mc-toggle--s\@from-m .mc-toggle__label::before {
width: 3rem;
}
.mc-toggle--s\@from-m .mc-toggle__label::after {
width: 1.5rem;
}
.mc-toggle--m\@from-m .mc-toggle__label {
height: 2rem;
padding-left: 4rem;
}
.mc-toggle--m\@from-m .mc-toggle__label::before, .mc-toggle--m\@from-m .mc-toggle__label::after {
border-radius: 2rem;
height: 2rem;
}
.mc-toggle--m\@from-m .mc-toggle__label::before {
width: 4rem;
}
.mc-toggle--m\@from-m .mc-toggle__label::after {
width: 2rem;
}
}
@media screen and (min-width: 1024px) {
.mc-toggle--s\@from-l .mc-toggle__label {
height: 1.5rem;
padding-left: 3rem;
}
.mc-toggle--s\@from-l .mc-toggle__label::before, .mc-toggle--s\@from-l .mc-toggle__label::after {
border-radius: 1.5rem;
height: 1.5rem;
}
.mc-toggle--s\@from-l .mc-toggle__label::before {
width: 3rem;
}
.mc-toggle--s\@from-l .mc-toggle__label::after {
width: 1.5rem;
}
.mc-toggle--m\@from-l .mc-toggle__label {
height: 2rem;
padding-left: 4rem;
}
.mc-toggle--m\@from-l .mc-toggle__label::before, .mc-toggle--m\@from-l .mc-toggle__label::after {
border-radius: 2rem;
height: 2rem;
}
.mc-toggle--m\@from-l .mc-toggle__label::before {
width: 4rem;
}
.mc-toggle--m\@from-l .mc-toggle__label::after {
width: 2rem;
}
}
@media screen and (min-width: 1280px) {
.mc-toggle--s\@from-xl .mc-toggle__label {
height: 1.5rem;
padding-left: 3rem;
}
.mc-toggle--s\@from-xl .mc-toggle__label::before, .mc-toggle--s\@from-xl .mc-toggle__label::after {
border-radius: 1.5rem;
height: 1.5rem;
}
.mc-toggle--s\@from-xl .mc-toggle__label::before {
width: 3rem;
}
.mc-toggle--s\@from-xl .mc-toggle__label::after {
width: 1.5rem;
}
.mc-toggle--m\@from-xl .mc-toggle__label {
height: 2rem;
padding-left: 4rem;
}
.mc-toggle--m\@from-xl .mc-toggle__label::before, .mc-toggle--m\@from-xl .mc-toggle__label::after {
border-radius: 2rem;
height: 2rem;
}
.mc-toggle--m\@from-xl .mc-toggle__label::before {
width: 4rem;
}
.mc-toggle--m\@from-xl .mc-toggle__label::after {
width: 2rem;
}
}
@media screen and (min-width: 1920px) {
.mc-toggle--s\@from-xxl .mc-toggle__label {
height: 1.5rem;
padding-left: 3rem;
}
.mc-toggle--s\@from-xxl .mc-toggle__label::before, .mc-toggle--s\@from-xxl .mc-toggle__label::after {
border-radius: 1.5rem;
height: 1.5rem;
}
.mc-toggle--s\@from-xxl .mc-toggle__label::before {
width: 3rem;
}
.mc-toggle--s\@from-xxl .mc-toggle__label::after {
width: 1.5rem;
}
.mc-toggle--m\@from-xxl .mc-toggle__label {
height: 2rem;
padding-left: 4rem;
}
.mc-toggle--m\@from-xxl .mc-toggle__label::before, .mc-toggle--m\@from-xxl .mc-toggle__label::after {
border-radius: 2rem;
height: 2rem;
}
.mc-toggle--m\@from-xxl .mc-toggle__label::before {
width: 4rem;
}
.mc-toggle--m\@from-xxl .mc-toggle__label::after {
width: 2rem;
}
}