UNPKG

@mozaic-ds/vue-3

Version:

Vue.js implementation of Mozaic Design System

1,862 lines 529 kB
/* 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