@muenchen/muc-patternlab-vue 5.7.0 → 5.8.0-beta.1

package/assets/css/custom-style.css

@@ -3,11 +3,37 @@
  * behaviour inside of a webcomponent.
  */
 :host, :root {
-    --color-brand-main-blue: #005A9F;
-    --color-neutrals-blue: #BDD4EA;
-    --color-neutrals-blue-xlight: #F2F6FA;
-    --color-neutrals-grey: #3A5368;
-    color: var(--color-neutrals-grey);
+    /** Brand Colors */
+    --mde-color-brand-mde-blue: #005A9F;
+    --mde-color-brand-mde-blue-light: #337BB2;
+    --mde-color-brand-mde-blue-dark: #004376;
+    --mde-color-brand-mde-blue-x-dark: #002D4F;
+    --mde-color-brand-mde-cyan: #1B98D5;
+    --mde-color-brand-mde-yellow: #FFE400;
+    /** Neutral Colors */
+    --mde-color-neutral-grey: #3A5368;
+    --mde-color-neutral-grey-light: #617586;
+    --mde-color-neutral-grey-x-light: #9CA8B3;
+    --mde-color-neutral-beau-blue: #BDD4EA;
+    --mde-color-neutral-beau-blue-light: #E5EEF5;
+    --mde-color-neutral-beau-blue-x-light: #F2F6FA;
+    /** Status Colors */
+    --mde-color-status-success: #3A7F53;
+    --mde-color-status-success-light: #95B9A2;
+    --mde-color-status-success-x-light: #F1F6F3;
+    --mde-color-status-warning: #FCAA67;
+    --mde-color-status-warning-light: #FDD1AC;
+    --mde-color-status-warning-x-light: #FFF9F4;
+    --mde-color-status-error: #984447;
+    --mde-color-status-error-light: #C79A9B;
+    --mde-color-status-error-x-light: #F8F2F2;
+    /** Stay backwards compatible */
+    --color-brand-main-blue: var(--mde-color-brand-mde-blue);
+    --color-neutrals-blue: var(--mde-color-neutral-beau-blue);
+    --color-neutrals-blue-xlight: var(--mde-color-neutral-beau-blue-x-light);
+    --color-neutrals-grey: var(--mde-color-neutral-grey);
+
+    color: var(--mde-color-neutral-grey);
     font-family: Open Sans, Arial, sans-serif;
     font-size: 1rem;
     font-weight: 400;

package/muc-patternlab-vue.css

@@ -1 +1 @@
-.no-left-margin[data-v-7b6653ac]{margin-left:0}.set-right-margin[data-v-7b6653ac]{margin-right:.75rem}.set-left-margin[data-v-7b6653ac]{margin-left:.75rem}.m-button--ghost[data-v-7b6653ac]{padding-right:0}[aria-disabled=true][data-v-7b6653ac]{pointer-events:none}.muc-calendar-container[data-v-db120593]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-db120593]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-db120593]:hover,.muc-calendar-item[data-v-db120593]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-db120593]{width:100%;height:100%}.muc-calendar-current-item[data-v-db120593]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-db120593]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.selected[data-v-db120593]{background:var(--color-brand-main-blue);color:#fff}.selected-range[data-v-db120593]{background:var(--color-neutrals-blue-xlight)}.off-month[data-v-db120593]{color:var(--color-neutrals-blue)}.muc-calendar-container[data-v-e7805970]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-e7805970]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-e7805970]:hover,.muc-calendar-item[data-v-e7805970]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-e7805970]{width:100%;height:100%}.muc-calendar-current-item[data-v-e7805970]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-e7805970]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-e7805970]{--container-grid-count: 7}.header-item[data-v-e7805970]{text-align:center;width:100%;height:100%;padding:5px}.table-header[data-v-e7805970]{border-bottom:1px solid var(--color-neutrals-blue)}.muc-calendar-container[data-v-528928e7]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-528928e7]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-528928e7]:hover,.muc-calendar-item[data-v-528928e7]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-528928e7]{width:100%;height:100%}.muc-calendar-current-item[data-v-528928e7]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-528928e7]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-4dc141ae]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-4dc141ae]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-4dc141ae]:hover,.muc-calendar-item[data-v-4dc141ae]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-4dc141ae]{width:100%;height:100%}.muc-calendar-current-item[data-v-4dc141ae]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-4dc141ae]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-0e82f1d5]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-0e82f1d5]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-0e82f1d5]:hover,.muc-calendar-item[data-v-0e82f1d5]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-0e82f1d5]{width:100%;height:100%}.muc-calendar-current-item[data-v-0e82f1d5]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-0e82f1d5]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-2d92e62c]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-2d92e62c]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-2d92e62c]:hover,.muc-calendar-item[data-v-2d92e62c]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-2d92e62c]{width:100%;height:100%}.muc-calendar-current-item[data-v-2d92e62c]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-2d92e62c]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.off-year[data-v-2d92e62c]{color:var(--color-neutrals-blue)}.calendar-caption>.m-button--ghost.disabled{background-color:var(--color-neutrals-blue-xlight);border-color:var(--color-neutrals-blue-xlight)}@keyframes appear-broad-761c6c2c{0%{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-broad-761c6c2c{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}}@keyframes appear-detail-761c6c2c{0%{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-detail-761c6c2c{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}}.transition[data-v-761c6c2c]{position:absolute}.view-detail-enter-active[data-v-761c6c2c]{animation:appear-detail-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-detail-leave-active[data-v-761c6c2c]{animation:disappear-detail-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-enter-active[data-v-761c6c2c]{animation:appear-broad-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-leave-active[data-v-761c6c2c]{animation:disappear-broad-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.container-wrapper[data-v-761c6c2c]{--calendar-animation-scaling: .1;--calendar-animation-duration: .4s;--calendar-animation-timing: ease-in-out;border:1px solid var(--color-neutrals-blue);min-width:330px;max-width:900px;justify-content:center}.calendar-caption[data-v-761c6c2c]{padding:5px;border-bottom:1px solid var(--color-neutrals-blue);background-color:var(--color-neutrals-blue-xlight);display:flex;justify-content:space-between;align-items:center}.header[data-v-761c6c2c]{justify-content:center;display:flex}.header .m-button[data-v-761c6c2c]{cursor:pointer}.container-view-size[data-v-761c6c2c]{--cal-container-view-height: 313px;min-height:var(--cal-container-view-height);height:var(--cal-container-view-height);overflow:hidden;position:relative}.muc-divider[data-v-a337b11f]{align-self:stretch;height:0;border-bottom:1px var(--color-neutrals-blue) solid}.card[data-v-218dbe47]{cursor:pointer;border:solid 1px var(--color-neutrals-blue);border-bottom:solid 5px var(--color-brand-main-blue);transition:background-color ease-in .15s}.card[data-v-218dbe47]:hover{background-color:#f1f1f1}.card-content[data-v-218dbe47]{padding:24px 16px}.card-header[data-v-218dbe47]{display:flex}.card-tagline[data-v-218dbe47]{font-size:16px;font-family:Open Sans,sans-serif;color:#005a9f;font-weight:700;line-height:24px;word-wrap:break-word;padding-bottom:4px}.muc-divider[data-v-218dbe47]{margin-top:16px;margin-bottom:16px}@media (min-width: 768px){.card-content[data-v-218dbe47]{padding:32px 24px}}@media all and (min-width: 992px){.card-container[data-v-f333e595]{padding-left:0;padding-right:0;display:grid;grid-template-columns:repeat(auto-fit,384px);grid-column-gap:32px;grid-row-gap:32px}}@media all and (max-width: 992px){.card-container[data-v-f333e595]{padding-left:0;padding-right:0;display:inline-grid;grid-template-columns:1fr;grid-row-gap:24px}}.form-error-message[data-v-2c971766]{display:flex;align-items:flex-start}.form-error-message .icon[data-v-2c971766]{margin-top:0}.form-error-message span[data-v-2c971766]{margin-left:4px}.drop-zone[data-v-4ce936b8]{background-color:#fff;width:100%;height:100%;position:relative;border:1px dashed #337bb2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;margin-bottom:20px}.drop-zone.is-dragover.is-not-disabled[data-v-4ce936b8]{background-color:#f1f1f1}.drop-zone.is-not-disabled[data-v-4ce936b8]{cursor:pointer}.drop-zone-additional-information[data-v-4ce936b8]{font-size:14px}.content-centered[data-v-e1cb91c2]{display:flex;justify-content:center;align-items:center;height:100%}.content-centered-justify-left[data-v-e1cb91c2]{display:flex;justify-content:left;align-items:center;height:100%}.counter-btn--disabled[data-v-e1cb91c2]{background-color:transparent;border-color:#7a8d9f;color:#7a8d9f}.grid[data-v-e1cb91c2]{display:grid;grid-template-columns:175px minmax(500px,1fr) repeat(auto-fill,minmax(175px,1fr))}.grid-item[data-v-e1cb91c2]{display:flex;justify-content:space-between}.grid-item[data-v-e1cb91c2]>*{margin:0 8px}@media (min-width: 768px){.grid-item[data-v-e1cb91c2]:nth-child(1){order:1}.grid-item[data-v-e1cb91c2]:nth-child(2){order:2}}@media (max-width: 767px){.grid-item[data-v-e1cb91c2]:nth-child(1){order:2}.grid-item[data-v-e1cb91c2]:nth-child(2){order:1}.content-centered-justify-left[data-v-e1cb91c2]{padding-bottom:.8rem}.grid[data-v-e1cb91c2]{grid-template-columns:1fr}}.choices{overflow:visible!important}.muc-divider[data-v-53605dcb]{margin-top:8px;margin-bottom:16px}#dialogRef .m-banner{padding:16px}dialog[data-v-b62430a5]{border:none;color:inherit;padding:0;margin-top:1.75rem;--mde-gutter-x: 0;min-width:592px}dialog[data-v-b62430a5]::backdrop{background-color:var(--color-neutrals-grey);opacity:70%}.muc-dialog-actions[data-v-b62430a5]{height:69px;display:flex;justify-content:space-between;padding:0 24px;align-items:center;align-self:stretch;border-top:1px solid var(--color-neutrals-blue);background:var(--color-neutrals-blue-xlight)}@media all and (max-width: 576px){dialog[data-v-b62430a5]{margin-left:8px;margin-right:8px}}.m-component-slider-comment[data-v-3db5be00]{padding-right:1.8rem;padding-left:1.8rem}.show-cursor[data-v-d2453f8e]{cursor:pointer}.disabled[data-v-d2453f8e]{color:#9ca8b3;border-color:#9ca8b3}
+.no-left-margin[data-v-7b6653ac]{margin-left:0}.set-right-margin[data-v-7b6653ac]{margin-right:.75rem}.set-left-margin[data-v-7b6653ac]{margin-left:.75rem}.m-button--ghost[data-v-7b6653ac]{padding-right:0}[aria-disabled=true][data-v-7b6653ac]{pointer-events:none}.muc-calendar-container[data-v-db120593]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-db120593]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-db120593]:hover,.muc-calendar-item[data-v-db120593]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-db120593]{width:100%;height:100%}.muc-calendar-current-item[data-v-db120593]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-db120593]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.selected[data-v-db120593]{background:var(--color-brand-main-blue);color:#fff}.selected-range[data-v-db120593]{background:var(--color-neutrals-blue-xlight)}.off-month[data-v-db120593]{color:var(--color-neutrals-blue)}.muc-calendar-container[data-v-e7805970]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-e7805970]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-e7805970]:hover,.muc-calendar-item[data-v-e7805970]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-e7805970]{width:100%;height:100%}.muc-calendar-current-item[data-v-e7805970]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-e7805970]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-e7805970]{--container-grid-count: 7}.header-item[data-v-e7805970]{text-align:center;width:100%;height:100%;padding:5px}.table-header[data-v-e7805970]{border-bottom:1px solid var(--color-neutrals-blue)}.muc-calendar-container[data-v-528928e7]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-528928e7]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-528928e7]:hover,.muc-calendar-item[data-v-528928e7]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-528928e7]{width:100%;height:100%}.muc-calendar-current-item[data-v-528928e7]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-528928e7]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-4dc141ae]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-4dc141ae]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-4dc141ae]:hover,.muc-calendar-item[data-v-4dc141ae]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-4dc141ae]{width:100%;height:100%}.muc-calendar-current-item[data-v-4dc141ae]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-4dc141ae]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-0e82f1d5]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-0e82f1d5]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-0e82f1d5]:hover,.muc-calendar-item[data-v-0e82f1d5]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-0e82f1d5]{width:100%;height:100%}.muc-calendar-current-item[data-v-0e82f1d5]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-0e82f1d5]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.muc-calendar-container[data-v-2d92e62c]{--container-gap-size: 3px;display:grid;overflow:hidden;grid-template-columns:repeat(var(--container-grid-count, 4),minmax(auto,1fr));gap:var(--container-gap-size) var(--container-gap-size);padding:var(--container-gap-size)}.muc-calendar-item[data-v-2d92e62c]{padding:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;-webkit-user-select:none;user-select:none;transition:border-color .3s ease-in}.muc-calendar-item[data-v-2d92e62c]:hover,.muc-calendar-item[data-v-2d92e62c]:focus{outline:none;border:1px solid var(--color-neutrals-blue);transition:border-color .1s ease-out;cursor:pointer}.muc-calendar-view-full-size[data-v-2d92e62c]{width:100%;height:100%}.muc-calendar-current-item[data-v-2d92e62c]{background:var(--color-neutrals-blue)}.disabled-tile[data-v-2d92e62c]{filter:grayscale(80%);color:#d3d3d3;cursor:default!important}.off-year[data-v-2d92e62c]{color:var(--color-neutrals-blue)}.calendar-caption>.m-button--ghost.disabled{background-color:var(--color-neutrals-blue-xlight);border-color:var(--color-neutrals-blue-xlight)}@keyframes appear-broad-761c6c2c{0%{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-broad-761c6c2c{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}}@keyframes appear-detail-761c6c2c{0%{transform:scale(calc(1 - var(--calendar-animation-scaling)));opacity:0}to{transform:scale(1);opacity:1}}@keyframes disappear-detail-761c6c2c{0%{transform:scale(1);opacity:1}to{transform:scale(calc(1 + var(--calendar-animation-scaling)));opacity:0}}.transition[data-v-761c6c2c]{position:absolute}.view-detail-enter-active[data-v-761c6c2c]{animation:appear-detail-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-detail-leave-active[data-v-761c6c2c]{animation:disappear-detail-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-enter-active[data-v-761c6c2c]{animation:appear-broad-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.view-broad-leave-active[data-v-761c6c2c]{animation:disappear-broad-761c6c2c var(--calendar-animation-duration) var(--calendar-animation-timing)}.container-wrapper[data-v-761c6c2c]{--calendar-animation-scaling: .1;--calendar-animation-duration: .4s;--calendar-animation-timing: ease-in-out;border:1px solid var(--color-neutrals-blue);min-width:330px;max-width:900px;justify-content:center}.calendar-caption[data-v-761c6c2c]{padding:5px;border-bottom:1px solid var(--color-neutrals-blue);background-color:var(--color-neutrals-blue-xlight);display:flex;justify-content:space-between;align-items:center}.header[data-v-761c6c2c]{justify-content:center;display:flex}.header .m-button[data-v-761c6c2c]{cursor:pointer}.container-view-size[data-v-761c6c2c]{--cal-container-view-height: 313px;min-height:var(--cal-container-view-height);height:var(--cal-container-view-height);overflow:hidden;position:relative}.muc-divider[data-v-a337b11f]{align-self:stretch;height:0;border-bottom:1px var(--color-neutrals-blue) solid}.card[data-v-fe78761d]{cursor:pointer;border:solid 1px var(--color-neutrals-blue);border-bottom:solid 5px var(--color-brand-main-blue);transition:background-color ease-in .15s}.card[data-v-fe78761d]:hover{background-color:var(--mde-color-neutral-beau-blue-x-light)}.card-content[data-v-fe78761d]{padding:24px 16px}.card-header[data-v-fe78761d]{display:flex}.card-tagline[data-v-fe78761d]{font-size:16px;font-family:Open Sans,sans-serif;color:var(--mde-color-brand-mde-blue);font-weight:700;line-height:24px;word-wrap:break-word;padding-bottom:4px}.muc-divider[data-v-fe78761d]{margin-top:16px;margin-bottom:16px}@media (min-width: 768px){.card-content[data-v-fe78761d]{padding:32px 24px}}@media all and (min-width: 992px){.card-container[data-v-f333e595]{padding-left:0;padding-right:0;display:grid;grid-template-columns:repeat(auto-fit,384px);grid-column-gap:32px;grid-row-gap:32px}}@media all and (max-width: 992px){.card-container[data-v-f333e595]{padding-left:0;padding-right:0;display:inline-grid;grid-template-columns:1fr;grid-row-gap:24px}}.form-error-message[data-v-2c971766]{display:flex;align-items:flex-start}.form-error-message .icon[data-v-2c971766]{margin-top:0}.form-error-message span[data-v-2c971766]{margin-left:4px}.drop-zone[data-v-86cd6323]{background-color:#fff;width:100%;height:100%;position:relative;border:1px dashed var(--mde-color-brand-mde-blue-light);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;margin-bottom:20px}.drop-zone.is-dragover.is-not-disabled[data-v-86cd6323]{background-color:#f1f1f1}.drop-zone.is-not-disabled[data-v-86cd6323]{cursor:pointer}.drop-zone-additional-information[data-v-86cd6323]{font-size:14px}.content-centered[data-v-82279c00]{display:flex;justify-content:center;align-items:center;height:100%}.content-centered-justify-left[data-v-82279c00]{display:flex;justify-content:left;align-items:center;height:100%}.counter-btn--disabled[data-v-82279c00]{background-color:transparent;border-color:var(--mde-color-neutral-grey-x-light);color:var(--mde-color-neutral-grey-x-light)}.grid[data-v-82279c00]{display:grid;grid-template-columns:175px minmax(500px,1fr) repeat(auto-fill,minmax(175px,1fr))}.grid-item[data-v-82279c00]{display:flex;justify-content:space-between}.grid-item[data-v-82279c00]>*{margin:0 8px}@media (min-width: 768px){.grid-item[data-v-82279c00]:nth-child(1){order:1}.grid-item[data-v-82279c00]:nth-child(2){order:2}}@media (max-width: 767px){.grid-item[data-v-82279c00]:nth-child(1){order:2}.grid-item[data-v-82279c00]:nth-child(2){order:1}.content-centered-justify-left[data-v-82279c00]{padding-bottom:.8rem}.grid[data-v-82279c00]{grid-template-columns:1fr}}.choices{overflow:visible!important}.muc-divider[data-v-53605dcb]{margin-top:8px;margin-bottom:16px}#dialogRef .m-banner{padding:16px}dialog[data-v-b62430a5]{border:none;color:inherit;padding:0;margin-top:1.75rem;--mde-gutter-x: 0;min-width:592px}dialog[data-v-b62430a5]::backdrop{background-color:var(--color-neutrals-grey);opacity:70%}.muc-dialog-actions[data-v-b62430a5]{height:69px;display:flex;justify-content:space-between;padding:0 24px;align-items:center;align-self:stretch;border-top:1px solid var(--color-neutrals-blue);background:var(--color-neutrals-blue-xlight)}@media all and (max-width: 576px){dialog[data-v-b62430a5]{margin-left:8px;margin-right:8px}}.m-component-slider-comment[data-v-3db5be00]{padding-right:1.8rem;padding-left:1.8rem}.show-cursor[data-v-ba7da7b8]{cursor:pointer}.disabled[data-v-ba7da7b8]{color:var(--mde-color-neutral-grey-x-light);border-color:var(--mde-color-neutral-grey-x-light)}