@mozaic-ds/vue-3
Version:
Vue.js implementation of Mozaic Design System
1,862 lines • 529 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[data-v-f3ce177a] {
-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[data-v-f3ce177a] {
padding-right: 2rem;
padding-left: 2rem;
}
}
@media screen and (min-width: 1024px) {
.ml-container[data-v-f3ce177a] {
padding-right: 3rem;
padding-left: 3rem;
max-width: 64rem;
}
}
@media screen and (min-width: 1280px) {
.ml-container[data-v-f3ce177a] {
padding-right: 2rem;
padding-left: 2rem;
max-width: 80rem;
}
}
@media screen and (min-width: 1920px) {
.ml-container[data-v-f3ce177a] {
padding-right: 2.5rem;
padding-left: 2.5rem;
max-width: 120rem;
}
}
.ml-container--fluid[data-v-f3ce177a] {
max-width: none;
}
@media screen and (min-width: 680px) {
.ml-container--fluid\@from-m[data-v-f3ce177a] {
max-width: none;
}
}
@media screen and (min-width: 1024px) {
.ml-container--fluid\@from-l[data-v-f3ce177a] {
max-width: none;
}
}
@media screen and (min-width: 1280px) {
.ml-container--fluid\@from-xl[data-v-f3ce177a] {
max-width: none;
}
}
@media screen and (min-width: 1920px) {
.ml-container--fluid\@from-xxl[data-v-f3ce177a] {
max-width: none;
}
}
.mu-mt-025[data-v-f3ce177a] {
margin-top: 0.25rem !important;
}
.mu-mt-050[data-v-f3ce177a] {
margin-top: 0.5rem !important;
}
.mu-mt-075[data-v-f3ce177a] {
margin-top: 0.75rem !important;
}
.mu-mt-100[data-v-f3ce177a] {
margin-top: 1rem !important;
}
.mu-mt-125[data-v-f3ce177a] {
margin-top: 1.25rem !important;
}
.mu-mt-150[data-v-f3ce177a] {
margin-top: 1.5rem !important;
}
.mu-mt-200[data-v-f3ce177a] {
margin-top: 2rem !important;
}
.mu-mt-250[data-v-f3ce177a] {
margin-top: 2.5rem !important;
}
.mu-mt-300[data-v-f3ce177a] {
margin-top: 3rem !important;
}
.mu-mt-350[data-v-f3ce177a] {
margin-top: 3.5rem !important;
}
.mu-mt-400[data-v-f3ce177a] {
margin-top: 4rem !important;
}
.mu-mt-500[data-v-f3ce177a] {
margin-top: 5rem !important;
}
.mu-mt-600[data-v-f3ce177a] {
margin-top: 6rem !important;
}
.mu-mt-700[data-v-f3ce177a] {
margin-top: 7rem !important;
}
.mu-mt-800[data-v-f3ce177a] {
margin-top: 8rem !important;
}
.mu-mt-900[data-v-f3ce177a] {
margin-top: 9rem !important;
}
.mu-mt-1000[data-v-f3ce177a] {
margin-top: 10rem !important;
}
.mu-mr-025[data-v-f3ce177a] {
margin-right: 0.25rem !important;
}
.mu-mr-050[data-v-f3ce177a] {
margin-right: 0.5rem !important;
}
.mu-mr-075[data-v-f3ce177a] {
margin-right: 0.75rem !important;
}
.mu-mr-100[data-v-f3ce177a] {
margin-right: 1rem !important;
}
.mu-mr-125[data-v-f3ce177a] {
margin-right: 1.25rem !important;
}
.mu-mr-150[data-v-f3ce177a] {
margin-right: 1.5rem !important;
}
.mu-mr-200[data-v-f3ce177a] {
margin-right: 2rem !important;
}
.mu-mr-250[data-v-f3ce177a] {
margin-right: 2.5rem !important;
}
.mu-mr-300[data-v-f3ce177a] {
margin-right: 3rem !important;
}
.mu-mr-350[data-v-f3ce177a] {
margin-right: 3.5rem !important;
}
.mu-mr-400[data-v-f3ce177a] {
margin-right: 4rem !important;
}
.mu-mr-500[data-v-f3ce177a] {
margin-right: 5rem !important;
}
.mu-mr-600[data-v-f3ce177a] {
margin-right: 6rem !important;
}
.mu-mr-700[data-v-f3ce177a] {
margin-right: 7rem !important;
}
.mu-mr-800[data-v-f3ce177a] {
margin-right: 8rem !important;
}
.mu-mr-900[data-v-f3ce177a] {
margin-right: 9rem !important;
}
.mu-mr-1000[data-v-f3ce177a] {
margin-right: 10rem !important;
}
.mu-ml-025[data-v-f3ce177a] {
margin-left: 0.25rem !important;
}
.mu-ml-050[data-v-f3ce177a] {
margin-left: 0.5rem !important;
}
.mu-ml-075[data-v-f3ce177a] {
margin-left: 0.75rem !important;
}
.mu-ml-100[data-v-f3ce177a] {
margin-left: 1rem !important;
}
.mu-ml-125[data-v-f3ce177a] {
margin-left: 1.25rem !important;
}
.mu-ml-150[data-v-f3ce177a] {
margin-left: 1.5rem !important;
}
.mu-ml-200[data-v-f3ce177a] {
margin-left: 2rem !important;
}
.mu-ml-250[data-v-f3ce177a] {
margin-left: 2.5rem !important;
}
.mu-ml-300[data-v-f3ce177a] {
margin-left: 3rem !important;
}
.mu-ml-350[data-v-f3ce177a] {
margin-left: 3.5rem !important;
}
.mu-ml-400[data-v-f3ce177a] {
margin-left: 4rem !important;
}
.mu-ml-500[data-v-f3ce177a] {
margin-left: 5rem !important;
}
.mu-ml-600[data-v-f3ce177a] {
margin-left: 6rem !important;
}
.mu-ml-700[data-v-f3ce177a] {
margin-left: 7rem !important;
}
.mu-ml-800[data-v-f3ce177a] {
margin-left: 8rem !important;
}
.mu-ml-900[data-v-f3ce177a] {
margin-left: 9rem !important;
}
.mu-ml-1000[data-v-f3ce177a] {
margin-left: 10rem !important;
}
.mu-mb-025[data-v-f3ce177a] {
margin-bottom: 0.25rem !important;
}
.mu-mb-050[data-v-f3ce177a] {
margin-bottom: 0.5rem !important;
}
.mu-mb-075[data-v-f3ce177a] {
margin-bottom: 0.75rem !important;
}
.mu-mb-100[data-v-f3ce177a] {
margin-bottom: 1rem !important;
}
.mu-mb-125[data-v-f3ce177a] {
margin-bottom: 1.25rem !important;
}
.mu-mb-150[data-v-f3ce177a] {
margin-bottom: 1.5rem !important;
}
.mu-mb-200[data-v-f3ce177a] {
margin-bottom: 2rem !important;
}
.mu-mb-250[data-v-f3ce177a] {
margin-bottom: 2.5rem !important;
}
.mu-mb-300[data-v-f3ce177a] {
margin-bottom: 3rem !important;
}
.mu-mb-350[data-v-f3ce177a] {
margin-bottom: 3.5rem !important;
}
.mu-mb-400[data-v-f3ce177a] {
margin-bottom: 4rem !important;
}
.mu-mb-500[data-v-f3ce177a] {
margin-bottom: 5rem !important;
}
.mu-mb-600[data-v-f3ce177a] {
margin-bottom: 6rem !important;
}
.mu-mb-700[data-v-f3ce177a] {
margin-bottom: 7rem !important;
}
.mu-mb-800[data-v-f3ce177a] {
margin-bottom: 8rem !important;
}
.mu-mb-900[data-v-f3ce177a] {
margin-bottom: 9rem !important;
}
.mu-mb-1000[data-v-f3ce177a] {
margin-bottom: 10rem !important;
}
.mu-m-025[data-v-f3ce177a] {
margin: 0.25rem !important;
}
.mu-m-050[data-v-f3ce177a] {
margin: 0.5rem !important;
}
.mu-m-075[data-v-f3ce177a] {
margin: 0.75rem !important;
}
.mu-m-100[data-v-f3ce177a] {
margin: 1rem !important;
}
.mu-m-125[data-v-f3ce177a] {
margin: 1.25rem !important;
}
.mu-m-150[data-v-f3ce177a] {
margin: 1.5rem !important;
}
.mu-m-200[data-v-f3ce177a] {
margin: 2rem !important;
}
.mu-m-250[data-v-f3ce177a] {
margin: 2.5rem !important;
}
.mu-m-300[data-v-f3ce177a] {
margin: 3rem !important;
}
.mu-m-350[data-v-f3ce177a] {
margin: 3.5rem !important;
}
.mu-m-400[data-v-f3ce177a] {
margin: 4rem !important;
}
.mu-m-500[data-v-f3ce177a] {
margin: 5rem !important;
}
.mu-m-600[data-v-f3ce177a] {
margin: 6rem !important;
}
.mu-m-700[data-v-f3ce177a] {
margin: 7rem !important;
}
.mu-m-800[data-v-f3ce177a] {
margin: 8rem !important;
}
.mu-m-900[data-v-f3ce177a] {
margin: 9rem !important;
}
.mu-m-1000[data-v-f3ce177a] {
margin: 10rem !important;
}
.mu-mv-025[data-v-f3ce177a] {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.mu-mv-050[data-v-f3ce177a] {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.mu-mv-075[data-v-f3ce177a] {
margin-top: 0.75rem !important;
margin-bottom: 0.75rem !important;
}
.mu-mv-100[data-v-f3ce177a] {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.mu-mv-125[data-v-f3ce177a] {
margin-top: 1.25rem !important;
margin-bottom: 1.25rem !important;
}
.mu-mv-150[data-v-f3ce177a] {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.mu-mv-200[data-v-f3ce177a] {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
}
.mu-mv-250[data-v-f3ce177a] {
margin-top: 2.5rem !important;
margin-bottom: 2.5rem !important;
}
.mu-mv-300[data-v-f3ce177a] {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.mu-mv-350[data-v-f3ce177a] {
margin-top: 3.5rem !important;
margin-bottom: 3.5rem !important;
}
.mu-mv-400[data-v-f3ce177a] {
margin-top: 4rem !important;
margin-bottom: 4rem !important;
}
.mu-mv-500[data-v-f3ce177a] {
margin-top: 5rem !important;
margin-bottom: 5rem !important;
}
.mu-mv-600[data-v-f3ce177a] {
margin-top: 6rem !important;
margin-bottom: 6rem !important;
}
.mu-mv-700[data-v-f3ce177a] {
margin-top: 7rem !important;
margin-bottom: 7rem !important;
}
.mu-mv-800[data-v-f3ce177a] {
margin-top: 8rem !important;
margin-bottom: 8rem !important;
}
.mu-mv-900[data-v-f3ce177a] {
margin-top: 9rem !important;
margin-bottom: 9rem !important;
}
.mu-mv-1000[data-v-f3ce177a] {
margin-top: 10rem !important;
margin-bottom: 10rem !important;
}
.mu-mh-025[data-v-f3ce177a] {
margin-left: 0.25rem !important;
margin-right: 0.25rem !important;
}
.mu-mh-050[data-v-f3ce177a] {
margin-left: 0.5rem !important;
margin-right: 0.5rem !important;
}
.mu-mh-075[data-v-f3ce177a] {
margin-left: 0.75rem !important;
margin-right: 0.75rem !important;
}
.mu-mh-100[data-v-f3ce177a] {
margin-left: 1rem !important;
margin-right: 1rem !important;
}
.mu-mh-125[data-v-f3ce177a] {
margin-left: 1.25rem !important;
margin-right: 1.25rem !important;
}
.mu-mh-150[data-v-f3ce177a] {
margin-left: 1.5rem !important;
margin-right: 1.5rem !important;
}
.mu-mh-200[data-v-f3ce177a] {
margin-left: 2rem !important;
margin-right: 2rem !important;
}
.mu-mh-250[data-v-f3ce177a] {
margin-left: 2.5rem !important;
margin-right: 2.5rem !important;
}
.mu-mh-300[data-v-f3ce177a] {
margin-left: 3rem !important;
margin-right: 3rem !important;
}
.mu-mh-350[data-v-f3ce177a] {
margin-left: 3.5rem !important;
margin-right: 3.5rem !important;
}
.mu-mh-400[data-v-f3ce177a] {
margin-left: 4rem !important;
margin-right: 4rem !important;
}
.mu-mh-500[data-v-f3ce177a] {
margin-left: 5rem !important;
margin-right: 5rem !important;
}
.mu-mh-600[data-v-f3ce177a] {
margin-left: 6rem !important;
margin-right: 6rem !important;
}
.mu-mh-700[data-v-f3ce177a] {
margin-left: 7rem !important;
margin-right: 7rem !important;
}
.mu-mh-800[data-v-f3ce177a] {
margin-left: 8rem !important;
margin-right: 8rem !important;
}
.mu-mh-900[data-v-f3ce177a] {
margin-left: 9rem !important;
margin-right: 9rem !important;
}
.mu-mh-1000[data-v-f3ce177a] {
margin-left: 10rem !important;
margin-right: 10rem !important;
}
.mu-pt-025[data-v-f3ce177a] {
padding-top: 0.25rem !important;
}
.mu-pt-050[data-v-f3ce177a] {
padding-top: 0.5rem !important;
}
.mu-pt-075[data-v-f3ce177a] {
padding-top: 0.75rem !important;
}
.mu-pt-100[data-v-f3ce177a] {
padding-top: 1rem !important;
}
.mu-pt-125[data-v-f3ce177a] {
padding-top: 1.25rem !important;
}
.mu-pt-150[data-v-f3ce177a] {
padding-top: 1.5rem !important;
}
.mu-pt-200[data-v-f3ce177a] {
padding-top: 2rem !important;
}
.mu-pt-250[data-v-f3ce177a] {
padding-top: 2.5rem !important;
}
.mu-pt-300[data-v-f3ce177a] {
padding-top: 3rem !important;
}
.mu-pt-350[data-v-f3ce177a] {
padding-top: 3.5rem !important;
}
.mu-pt-400[data-v-f3ce177a] {
padding-top: 4rem !important;
}
.mu-pt-500[data-v-f3ce177a] {
padding-top: 5rem !important;
}
.mu-pt-600[data-v-f3ce177a] {
padding-top: 6rem !important;
}
.mu-pt-700[data-v-f3ce177a] {
padding-top: 7rem !important;
}
.mu-pt-800[data-v-f3ce177a] {
padding-top: 8rem !important;
}
.mu-pt-900[data-v-f3ce177a] {
padding-top: 9rem !important;
}
.mu-pt-1000[data-v-f3ce177a] {
padding-top: 10rem !important;
}
.mu-pr-025[data-v-f3ce177a] {
padding-right: 0.25rem !important;
}
.mu-pr-050[data-v-f3ce177a] {
padding-right: 0.5rem !important;
}
.mu-pr-075[data-v-f3ce177a] {
padding-right: 0.75rem !important;
}
.mu-pr-100[data-v-f3ce177a] {
padding-right: 1rem !important;
}
.mu-pr-125[data-v-f3ce177a] {
padding-right: 1.25rem !important;
}
.mu-pr-150[data-v-f3ce177a] {
padding-right: 1.5rem !important;
}
.mu-pr-200[data-v-f3ce177a] {
padding-right: 2rem !important;
}
.mu-pr-250[data-v-f3ce177a] {
padding-right: 2.5rem !important;
}
.mu-pr-300[data-v-f3ce177a] {
padding-right: 3rem !important;
}
.mu-pr-350[data-v-f3ce177a] {
padding-right: 3.5rem !important;
}
.mu-pr-400[data-v-f3ce177a] {
padding-right: 4rem !important;
}
.mu-pr-500[data-v-f3ce177a] {
padding-right: 5rem !important;
}
.mu-pr-600[data-v-f3ce177a] {
padding-right: 6rem !important;
}
.mu-pr-700[data-v-f3ce177a] {
padding-right: 7rem !important;
}
.mu-pr-800[data-v-f3ce177a] {
padding-right: 8rem !important;
}
.mu-pr-900[data-v-f3ce177a] {
padding-right: 9rem !important;
}
.mu-pr-1000[data-v-f3ce177a] {
padding-right: 10rem !important;
}
.mu-pl-025[data-v-f3ce177a] {
padding-left: 0.25rem !important;
}
.mu-pl-050[data-v-f3ce177a] {
padding-left: 0.5rem !important;
}
.mu-pl-075[data-v-f3ce177a] {
padding-left: 0.75rem !important;
}
.mu-pl-100[data-v-f3ce177a] {
padding-left: 1rem !important;
}
.mu-pl-125[data-v-f3ce177a] {
padding-left: 1.25rem !important;
}
.mu-pl-150[data-v-f3ce177a] {
padding-left: 1.5rem !important;
}
.mu-pl-200[data-v-f3ce177a] {
padding-left: 2rem !important;
}
.mu-pl-250[data-v-f3ce177a] {
padding-left: 2.5rem !important;
}
.mu-pl-300[data-v-f3ce177a] {
padding-left: 3rem !important;
}
.mu-pl-350[data-v-f3ce177a] {
padding-left: 3.5rem !important;
}
.mu-pl-400[data-v-f3ce177a] {
padding-left: 4rem !important;
}
.mu-pl-500[data-v-f3ce177a] {
padding-left: 5rem !important;
}
.mu-pl-600[data-v-f3ce177a] {
padding-left: 6rem !important;
}
.mu-pl-700[data-v-f3ce177a] {
padding-left: 7rem !important;
}
.mu-pl-800[data-v-f3ce177a] {
padding-left: 8rem !important;
}
.mu-pl-900[data-v-f3ce177a] {
padding-left: 9rem !important;
}
.mu-pl-1000[data-v-f3ce177a] {
padding-left: 10rem !important;
}
.mu-pb-025[data-v-f3ce177a] {
padding-bottom: 0.25rem !important;
}
.mu-pb-050[data-v-f3ce177a] {
padding-bottom: 0.5rem !important;
}
.mu-pb-075[data-v-f3ce177a] {
padding-bottom: 0.75rem !important;
}
.mu-pb-100[data-v-f3ce177a] {
padding-bottom: 1rem !important;
}
.mu-pb-125[data-v-f3ce177a] {
padding-bottom: 1.25rem !important;
}
.mu-pb-150[data-v-f3ce177a] {
padding-bottom: 1.5rem !important;
}
.mu-pb-200[data-v-f3ce177a] {
padding-bottom: 2rem !important;
}
.mu-pb-250[data-v-f3ce177a] {
padding-bottom: 2.5rem !important;
}
.mu-pb-300[data-v-f3ce177a] {
padding-bottom: 3rem !important;
}
.mu-pb-350[data-v-f3ce177a] {
padding-bottom: 3.5rem !important;
}
.mu-pb-400[data-v-f3ce177a] {
padding-bottom: 4rem !important;
}
.mu-pb-500[data-v-f3ce177a] {
padding-bottom: 5rem !important;
}
.mu-pb-600[data-v-f3ce177a] {
padding-bottom: 6rem !important;
}
.mu-pb-700[data-v-f3ce177a] {
padding-bottom: 7rem !important;
}
.mu-pb-800[data-v-f3ce177a] {
padding-bottom: 8rem !important;
}
.mu-pb-900[data-v-f3ce177a] {
padding-bottom: 9rem !important;
}
.mu-pb-1000[data-v-f3ce177a] {
padding-bottom: 10rem !important;
}
.mu-p-025[data-v-f3ce177a] {
padding: 0.25rem !important;
}
.mu-p-050[data-v-f3ce177a] {
padding: 0.5rem !important;
}
.mu-p-075[data-v-f3ce177a] {
padding: 0.75rem !important;
}
.mu-p-100[data-v-f3ce177a] {
padding: 1rem !important;
}
.mu-p-125[data-v-f3ce177a] {
padding: 1.25rem !important;
}
.mu-p-150[data-v-f3ce177a] {
padding: 1.5rem !important;
}
.mu-p-200[data-v-f3ce177a] {
padding: 2rem !important;
}
.mu-p-250[data-v-f3ce177a] {
padding: 2.5rem !important;
}
.mu-p-300[data-v-f3ce177a] {
padding: 3rem !important;
}
.mu-p-350[data-v-f3ce177a] {
padding: 3.5rem !important;
}
.mu-p-400[data-v-f3ce177a] {
padding: 4rem !important;
}
.mu-p-500[data-v-f3ce177a] {
padding: 5rem !important;
}
.mu-p-600[data-v-f3ce177a] {
padding: 6rem !important;
}
.mu-p-700[data-v-f3ce177a] {
padding: 7rem !important;
}
.mu-p-800[data-v-f3ce177a] {
padding: 8rem !important;
}
.mu-p-900[data-v-f3ce177a] {
padding: 9rem !important;
}
.mu-p-1000[data-v-f3ce177a] {
padding: 10rem !important;
}
.mu-pv-025[data-v-f3ce177a] {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.mu-pv-050[data-v-f3ce177a] {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.mu-pv-075[data-v-f3ce177a] {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.mu-pv-100[data-v-f3ce177a] {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.mu-pv-125[data-v-f3ce177a] {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
}
.mu-pv-150[data-v-f3ce177a] {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.mu-pv-200[data-v-f3ce177a] {
padding-top: 2rem !important;
padding-bottom: 2rem !important;
}
.mu-pv-250[data-v-f3ce177a] {
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.mu-pv-300[data-v-f3ce177a] {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.mu-pv-350[data-v-f3ce177a] {
padding-top: 3.5rem !important;
padding-bottom: 3.5rem !important;
}
.mu-pv-400[data-v-f3ce177a] {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.mu-pv-500[data-v-f3ce177a] {
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
.mu-pv-600[data-v-f3ce177a] {
padding-top: 6rem !important;
padding-bottom: 6rem !important;
}
.mu-pv-700[data-v-f3ce177a] {
padding-top: 7rem !important;
padding-bottom: 7rem !important;
}
.mu-pv-800[data-v-f3ce177a] {
padding-top: 8rem !important;
padding-bottom: 8rem !important;
}
.mu-pv-900[data-v-f3ce177a] {
padding-top: 9rem !important;
padding-bottom: 9rem !important;
}
.mu-pv-1000[data-v-f3ce177a] {
padding-top: 10rem !important;
padding-bottom: 10rem !important;
}
.mu-ph-025[data-v-f3ce177a] {
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.mu-ph-050[data-v-f3ce177a] {
padding-left: 0.5rem !important;
padding-right: 0.5rem !important;
}
.mu-ph-075[data-v-f3ce177a] {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}
.mu-ph-100[data-v-f3ce177a] {
padding-left: 1rem !important;
padding-right: 1rem !important;
}
.mu-ph-125[data-v-f3ce177a] {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
.mu-ph-150[data-v-f3ce177a] {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.mu-ph-200[data-v-f3ce177a] {
padding-left: 2rem !important;
padding-right: 2rem !important;
}
.mu-ph-250[data-v-f3ce177a] {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
.mu-ph-300[data-v-f3ce177a] {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
.mu-ph-350[data-v-f3ce177a] {
padding-left: 3.5rem !important;
padding-right: 3.5rem !important;
}
.mu-ph-400[data-v-f3ce177a] {
padding-left: 4rem !important;
padding-right: 4rem !important;
}
.mu-ph-500[data-v-f3ce177a] {
padding-left: 5rem !important;
padding-right: 5rem !important;
}
.mu-ph-600[data-v-f3ce177a] {
padding-left: 6rem !important;
padding-right: 6rem !important;
}
.mu-ph-700[data-v-f3ce177a] {
padding-left: 7rem !important;
padding-right: 7rem !important;
}
.mu-ph-800[data-v-f3ce177a] {
padding-left: 8rem !important;
padding-right: 8rem !important;
}
.mu-ph-900[data-v-f3ce177a] {
padding-left: 9rem !important;
padding-right: 9rem !important;
}
.mu-ph-1000[data-v-f3ce177a] {
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[data-v-99712328] {
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[data-v-99712328] {
height: 2rem;
width: 2rem;
}
.mc-loader .mc-loader__path[data-v-99712328] {
stroke-width: 4;
}
.mc-loader .mc-loader__path[data-v-99712328] {
stroke: currentColor;
}
.mc-loader__spinner[data-v-99712328]:not(:only-child) {
margin-bottom: 1rem;
}
.mc-loader__icon[data-v-99712328] {
-webkit-animation: rotate-loader-99712328 2s linear infinite;
animation: rotate-loader-99712328 2s linear infinite;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.mc-loader__path[data-v-99712328] {
fill: none;
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
stroke-linecap: round;
-webkit-animation: animate-dash-loader-99712328 2s ease-in-out infinite;
animation: animate-dash-loader-99712328 2s ease-in-out infinite;
}
.mc-loader__text[data-v-99712328] {
font-size: 1rem;
line-height: 1.375;
color: currentColor;
}
.mc-loader--s .mc-loader__spinner[data-v-99712328] {
height: 1.5rem;
width: 1.5rem;
}
.mc-loader--s .mc-loader__path[data-v-99712328] {
stroke-width: 4;
}
.mc-loader--l .mc-loader__spinner[data-v-99712328] {
height: 4rem;
width: 4rem;
}
.mc-loader--l .mc-loader__path[data-v-99712328] {
stroke-width: 8;
}
.mc-loader--dark[data-v-99712328] {
color: #191919;
}
.mc-loader--dark .mc-loader__path[data-v-99712328] {
stroke: currentColor;
}
.mc-loader--light[data-v-99712328] {
color: #ffffff;
}
.mc-loader--light .mc-loader__path[data-v-99712328] {
stroke: currentColor;
}
@-webkit-keyframes rotate-loader-99712328 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
}
@keyframes rotate-loader-99712328 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
}
@-webkit-keyframes animate-dash-loader-99712328 {
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-99712328 {
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-pac