mediacube-ui-v2 0.0.319 → 0.0.320
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.mc-tooltip{--tooltip-color: #202427;--tooltip-text-color: #FFFFFF;font-family:Inter,sans-serif;text-transform:none;position:absolute;font-weight:400;line-height:1.25rem;font-size:.8125rem;border-radius:.5rem;box-shadow:0 4px 12px #00000029;padding:.5rem .75rem;background:var(--tooltip-color);color:var(--tooltip-text-color);z-index:100005;white-space:normal;word-break:break-word;width:max-content}.mc-tooltip>*{display:inline-block}.mc-tooltip ul{margin:0;padding-left:.75rem}.mc-tooltip[tooltip-arrow=true]:before{content:"";border:5px solid transparent;z-index:1001;position:absolute}.mc-tooltip:hover:before,.mc-tooltip:hover:after{display:block}.mc-tooltip[tooltip-size=xs]{max-width:180px}.mc-tooltip[tooltip-size=s]{max-width:250px}.mc-tooltip[tooltip-size=m]{max-width:320px}.mc-tooltip[tooltip-size=l]{max-width:380px;font-size:1rem}.mc-tooltip[tooltip-size=xl]{max-width:500px;font-size:1rem}.mc-tooltip[tooltip-placement^=top],.mc-tooltip[tooltip-placement^=bottom]{animation:tooltips-vert .3s ease-out forwards}.mc-tooltip[tooltip-placement^=left],.mc-tooltip[tooltip-placement^=right]{animation:tooltips-horz .3s ease-out forwards}.mc-tooltip[tooltip-placement^=top]:before{top:100%;left:var(--tooltip-arrow-left, 50%);border-bottom-width:0;border-top-color:var(--tooltip-color);transform:translate(-50%)}.mc-tooltip[tooltip-placement^=bottom]:before{top:0;left:var(--tooltip-arrow-left, 50%);border-top-width:0;border-bottom-color:var(--tooltip-color);transform:translate(-50%,-100%)}.mc-tooltip[tooltip-placement^=left]:before{top:50%;left:100%;border-right-width:0;border-left-color:var(--tooltip-color);transform:translateY(-50%)}.mc-tooltip[tooltip-placement^=right]:before{top:50%;left:0;border-left-width:0;border-right-color:var(--tooltip-color);transform:translate(-100%,-50%)}@keyframes tooltips-vert{to{opacity:.9}}@keyframes tooltips-horz{to{opacity:.9}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes rotate-reverse{0%{transform:rotate(0)}to{transform:rotate(-359deg)}}@keyframes slide-up{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slide-up-with-margin{0%{opacity:0;margin-top:30px}to{opacity:1;margin-top:0}}@keyframes glow{0%,to{opacity:1}50%{opacity:.5}}.mc-button{box-sizing:border-box;padding:0;margin:0;--mc-button-background-color: transparent;--mc-button-active-text-color: #8756FF;--mc-button-font-weight: 400;--mc-button-text-color: #202427;--mc-button-hover-brightness: .9;--mc-button-secondary-color: initial;position:relative;display:inline-flex;justify-content:center;align-items:center;border:none;flex-wrap:nowrap;max-width:100%;font-family:Inter,sans-serif;border-radius:.5rem;white-space:nowrap;user-select:none;text-decoration:none;text-transform:none;background:none;cursor:pointer;outline:0;transition:all .15s;font-weight:var(--mc-button-font-weight);color:var(--mc-button-text-color);-webkit-appearance:none;-webkit-text-fill-color:currentColor;z-index:0}.mc-button__loader{display:none;line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);top:unset;left:unset;transform:unset;z-index:1}.mc-button__loader-icon{animation:rotate 1.2s infinite cubic-bezier(.55,0,.1,1)}.mc-button__prepend,.mc-button__append{display:inline-flex;align-items:center;z-index:1}.mc-button__text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;min-width:0;max-width:100%;z-index:1}.mc-button__text:empty{display:none}@media (hover: hover) and (pointer: fine){.mc-button:hover .mc-button__background{filter:brightness(var(--mc-button-hover-brightness))}}.mc-button:active .mc-button__background{filter:brightness(var(--mc-button-hover-brightness))}.mc-button--size-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xxs .mc-button__text~.mc-button__append,.mc-button--size-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xxs{width:auto;border-radius:.5rem}.mc-button--size-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs .mc-button__text~.mc-button__append,.mc-button--size-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs{width:auto;border-radius:.5rem}.mc-button--size-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s .mc-button__text~.mc-button__append,.mc-button--size-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s{width:auto;border-radius:.5rem}.mc-button--size-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m .mc-button__text~.mc-button__append,.mc-button--size-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m{width:auto;border-radius:.5rem}.mc-button--size-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-l .mc-button__text~.mc-button__append,.mc-button--size-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-l{width:auto;border-radius:.5rem}.mc-button--size-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xxs-compact,.mc-button--size-xs-compact,.mc-button--size-s-compact,.mc-button--size-m-compact,.mc-button--size-l-compact{border-radius:50%}.mc-button--size-xxs-compact .mc-button__prepend,.mc-button--size-xxs-compact .mc-button__append,.mc-button--size-xs-compact .mc-button__prepend,.mc-button--size-xs-compact .mc-button__append,.mc-button--size-s-compact .mc-button__prepend,.mc-button--size-s-compact .mc-button__append,.mc-button--size-m-compact .mc-button__prepend,.mc-button--size-m-compact .mc-button__append,.mc-button--size-l-compact .mc-button__prepend,.mc-button--size-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}@media (min-width: 375px){.mc-button--size-xs-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-xs-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-xxs .mc-button__text~.mc-button__append,.mc-button--size-xs-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-xxs{width:auto;border-radius:.5rem}.mc-button--size-xs-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xs-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-xs-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xs-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-xs .mc-button__text~.mc-button__append,.mc-button--size-xs-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-xs{width:auto;border-radius:.5rem}.mc-button--size-xs-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-xs-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-s .mc-button__text~.mc-button__append,.mc-button--size-xs-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-s{width:auto;border-radius:.5rem}.mc-button--size-xs-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-xs-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-m .mc-button__text~.mc-button__append,.mc-button--size-xs-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-m{width:auto;border-radius:.5rem}.mc-button--size-xs-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-xs-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-xs-l .mc-button__text~.mc-button__append,.mc-button--size-xs-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-xs-l{width:auto;border-radius:.5rem}.mc-button--size-xs-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-xs-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-xxs-compact,.mc-button--size-xs-xs-compact,.mc-button--size-xs-s-compact,.mc-button--size-xs-m-compact,.mc-button--size-xs-l-compact{border-radius:50%}.mc-button--size-xs-xxs-compact .mc-button__prepend,.mc-button--size-xs-xxs-compact .mc-button__append,.mc-button--size-xs-xs-compact .mc-button__prepend,.mc-button--size-xs-xs-compact .mc-button__append,.mc-button--size-xs-s-compact .mc-button__prepend,.mc-button--size-xs-s-compact .mc-button__append,.mc-button--size-xs-m-compact .mc-button__prepend,.mc-button--size-xs-m-compact .mc-button__append,.mc-button--size-xs-l-compact .mc-button__prepend,.mc-button--size-xs-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (min-width: 480px){.mc-button--size-s-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-s-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-xxs .mc-button__text~.mc-button__append,.mc-button--size-s-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-xxs{width:auto;border-radius:.5rem}.mc-button--size-s-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-s-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-s-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-s-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-s-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-xs .mc-button__text~.mc-button__append,.mc-button--size-s-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-xs{width:auto;border-radius:.5rem}.mc-button--size-s-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-s-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-s-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-s .mc-button__text~.mc-button__append,.mc-button--size-s-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-s{width:auto;border-radius:.5rem}.mc-button--size-s-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-s-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-s-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-m .mc-button__text~.mc-button__append,.mc-button--size-s-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-m{width:auto;border-radius:.5rem}.mc-button--size-s-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-s-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-s-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-s-l .mc-button__text~.mc-button__append,.mc-button--size-s-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-s-l{width:auto;border-radius:.5rem}.mc-button--size-s-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-s-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-xxs-compact,.mc-button--size-s-xs-compact,.mc-button--size-s-s-compact,.mc-button--size-s-m-compact,.mc-button--size-s-l-compact{border-radius:50%}.mc-button--size-s-xxs-compact .mc-button__prepend,.mc-button--size-s-xxs-compact .mc-button__append,.mc-button--size-s-xs-compact .mc-button__prepend,.mc-button--size-s-xs-compact .mc-button__append,.mc-button--size-s-s-compact .mc-button__prepend,.mc-button--size-s-s-compact .mc-button__append,.mc-button--size-s-m-compact .mc-button__prepend,.mc-button--size-s-m-compact .mc-button__append,.mc-button--size-s-l-compact .mc-button__prepend,.mc-button--size-s-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (min-width: 768px){.mc-button--size-m-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-m-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-xxs .mc-button__text~.mc-button__append,.mc-button--size-m-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-xxs{width:auto;border-radius:.5rem}.mc-button--size-m-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-m-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-m-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-m-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-m-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-xs .mc-button__text~.mc-button__append,.mc-button--size-m-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-xs{width:auto;border-radius:.5rem}.mc-button--size-m-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-m-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-m-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-s .mc-button__text~.mc-button__append,.mc-button--size-m-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-s{width:auto;border-radius:.5rem}.mc-button--size-m-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-m-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-m-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-m .mc-button__text~.mc-button__append,.mc-button--size-m-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-m{width:auto;border-radius:.5rem}.mc-button--size-m-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-m-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-m-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-m-l .mc-button__text~.mc-button__append,.mc-button--size-m-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-m-l{width:auto;border-radius:.5rem}.mc-button--size-m-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-m-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-xxs-compact,.mc-button--size-m-xs-compact,.mc-button--size-m-s-compact,.mc-button--size-m-m-compact,.mc-button--size-m-l-compact{border-radius:50%}.mc-button--size-m-xxs-compact .mc-button__prepend,.mc-button--size-m-xxs-compact .mc-button__append,.mc-button--size-m-xs-compact .mc-button__prepend,.mc-button--size-m-xs-compact .mc-button__append,.mc-button--size-m-s-compact .mc-button__prepend,.mc-button--size-m-s-compact .mc-button__append,.mc-button--size-m-m-compact .mc-button__prepend,.mc-button--size-m-m-compact .mc-button__append,.mc-button--size-m-l-compact .mc-button__prepend,.mc-button--size-m-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (min-width: 1024px){.mc-button--size-l-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-l-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-xxs .mc-button__text~.mc-button__append,.mc-button--size-l-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-xxs{width:auto;border-radius:.5rem}.mc-button--size-l-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-l-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-l-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-l-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-l-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-xs .mc-button__text~.mc-button__append,.mc-button--size-l-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-xs{width:auto;border-radius:.5rem}.mc-button--size-l-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-l-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-l-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-s .mc-button__text~.mc-button__append,.mc-button--size-l-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-s{width:auto;border-radius:.5rem}.mc-button--size-l-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-l-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-l-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-m .mc-button__text~.mc-button__append,.mc-button--size-l-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-m{width:auto;border-radius:.5rem}.mc-button--size-l-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-l-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-l-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-l-l .mc-button__text~.mc-button__append,.mc-button--size-l-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-l-l{width:auto;border-radius:.5rem}.mc-button--size-l-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-l-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-xxs-compact,.mc-button--size-l-xs-compact,.mc-button--size-l-s-compact,.mc-button--size-l-m-compact,.mc-button--size-l-l-compact{border-radius:50%}.mc-button--size-l-xxs-compact .mc-button__prepend,.mc-button--size-l-xxs-compact .mc-button__append,.mc-button--size-l-xs-compact .mc-button__prepend,.mc-button--size-l-xs-compact .mc-button__append,.mc-button--size-l-s-compact .mc-button__prepend,.mc-button--size-l-s-compact .mc-button__append,.mc-button--size-l-m-compact .mc-button__prepend,.mc-button--size-l-m-compact .mc-button__append,.mc-button--size-l-l-compact .mc-button__prepend,.mc-button--size-l-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (min-width: 1440px){.mc-button--size-xl-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-xl-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-xxs .mc-button__text~.mc-button__append,.mc-button--size-xl-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-xxs{width:auto;border-radius:.5rem}.mc-button--size-xl-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xl-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-xl-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xl-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-xs .mc-button__text~.mc-button__append,.mc-button--size-xl-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-xs{width:auto;border-radius:.5rem}.mc-button--size-xl-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-xl-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-s .mc-button__text~.mc-button__append,.mc-button--size-xl-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-s{width:auto;border-radius:.5rem}.mc-button--size-xl-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-xl-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-m .mc-button__text~.mc-button__append,.mc-button--size-xl-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-m{width:auto;border-radius:.5rem}.mc-button--size-xl-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-xl-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-xl-l .mc-button__text~.mc-button__append,.mc-button--size-xl-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-xl-l{width:auto;border-radius:.5rem}.mc-button--size-xl-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-xl-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-xxs-compact,.mc-button--size-xl-xs-compact,.mc-button--size-xl-s-compact,.mc-button--size-xl-m-compact,.mc-button--size-xl-l-compact{border-radius:50%}.mc-button--size-xl-xxs-compact .mc-button__prepend,.mc-button--size-xl-xxs-compact .mc-button__append,.mc-button--size-xl-xs-compact .mc-button__prepend,.mc-button--size-xl-xs-compact .mc-button__append,.mc-button--size-xl-s-compact .mc-button__prepend,.mc-button--size-xl-s-compact .mc-button__append,.mc-button--size-xl-m-compact .mc-button__prepend,.mc-button--size-xl-m-compact .mc-button__append,.mc-button--size-xl-l-compact .mc-button__prepend,.mc-button--size-xl-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (max-width: 374px){.mc-button--size-xs-down-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-xs-down-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-down-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-down-xxs .mc-button__text~.mc-button__append,.mc-button--size-xs-down-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-down-xxs{width:auto;border-radius:.5rem}.mc-button--size-xs-down-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xs-down-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-xs-down-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xs-down-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-down-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-down-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-down-xs .mc-button__text~.mc-button__append,.mc-button--size-xs-down-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-down-xs{width:auto;border-radius:.5rem}.mc-button--size-xs-down-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-down-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-xs-down-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-down-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-down-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-down-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-down-s .mc-button__text~.mc-button__append,.mc-button--size-xs-down-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-down-s{width:auto;border-radius:.5rem}.mc-button--size-xs-down-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-down-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-xs-down-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-down-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-down-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-down-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-down-m .mc-button__text~.mc-button__append,.mc-button--size-xs-down-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-down-m{width:auto;border-radius:.5rem}.mc-button--size-xs-down-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-down-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-xs-down-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-down-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-down-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-down-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-xs-down-l .mc-button__text~.mc-button__append,.mc-button--size-xs-down-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-xs-down-l{width:auto;border-radius:.5rem}.mc-button--size-xs-down-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-down-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-xs-down-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-down-xxs-compact,.mc-button--size-xs-down-xs-compact,.mc-button--size-xs-down-s-compact,.mc-button--size-xs-down-m-compact,.mc-button--size-xs-down-l-compact{border-radius:50%}.mc-button--size-xs-down-xxs-compact .mc-button__prepend,.mc-button--size-xs-down-xxs-compact .mc-button__append,.mc-button--size-xs-down-xs-compact .mc-button__prepend,.mc-button--size-xs-down-xs-compact .mc-button__append,.mc-button--size-xs-down-s-compact .mc-button__prepend,.mc-button--size-xs-down-s-compact .mc-button__append,.mc-button--size-xs-down-m-compact .mc-button__prepend,.mc-button--size-xs-down-m-compact .mc-button__append,.mc-button--size-xs-down-l-compact .mc-button__prepend,.mc-button--size-xs-down-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (max-width: 479px){.mc-button--size-s-down-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-s-down-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-down-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-down-xxs .mc-button__text~.mc-button__append,.mc-button--size-s-down-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-down-xxs{width:auto;border-radius:.5rem}.mc-button--size-s-down-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-s-down-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-s-down-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-s-down-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-s-down-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-down-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-down-xs .mc-button__text~.mc-button__append,.mc-button--size-s-down-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-down-xs{width:auto;border-radius:.5rem}.mc-button--size-s-down-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-down-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-s-down-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-down-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-s-down-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-down-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-down-s .mc-button__text~.mc-button__append,.mc-button--size-s-down-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-down-s{width:auto;border-radius:.5rem}.mc-button--size-s-down-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-down-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-s-down-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-down-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-s-down-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-down-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-down-m .mc-button__text~.mc-button__append,.mc-button--size-s-down-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-down-m{width:auto;border-radius:.5rem}.mc-button--size-s-down-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-down-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-s-down-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-down-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-s-down-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-down-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-s-down-l .mc-button__text~.mc-button__append,.mc-button--size-s-down-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-s-down-l{width:auto;border-radius:.5rem}.mc-button--size-s-down-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-down-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-s-down-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-down-xxs-compact,.mc-button--size-s-down-xs-compact,.mc-button--size-s-down-s-compact,.mc-button--size-s-down-m-compact,.mc-button--size-s-down-l-compact{border-radius:50%}.mc-button--size-s-down-xxs-compact .mc-button__prepend,.mc-button--size-s-down-xxs-compact .mc-button__append,.mc-button--size-s-down-xs-compact .mc-button__prepend,.mc-button--size-s-down-xs-compact .mc-button__append,.mc-button--size-s-down-s-compact .mc-button__prepend,.mc-button--size-s-down-s-compact .mc-button__append,.mc-button--size-s-down-m-compact .mc-button__prepend,.mc-button--size-s-down-m-compact .mc-button__append,.mc-button--size-s-down-l-compact .mc-button__prepend,.mc-button--size-s-down-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (max-width: 767px){.mc-button--size-m-down-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-m-down-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-down-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-down-xxs .mc-button__text~.mc-button__append,.mc-button--size-m-down-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-down-xxs{width:auto;border-radius:.5rem}.mc-button--size-m-down-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-m-down-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-m-down-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-m-down-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-m-down-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-down-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-down-xs .mc-button__text~.mc-button__append,.mc-button--size-m-down-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-down-xs{width:auto;border-radius:.5rem}.mc-button--size-m-down-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-down-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-m-down-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-down-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-m-down-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-down-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-down-s .mc-button__text~.mc-button__append,.mc-button--size-m-down-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-down-s{width:auto;border-radius:.5rem}.mc-button--size-m-down-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-down-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-m-down-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-down-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-m-down-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-down-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-down-m .mc-button__text~.mc-button__append,.mc-button--size-m-down-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-down-m{width:auto;border-radius:.5rem}.mc-button--size-m-down-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-down-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-m-down-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-down-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-m-down-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-down-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-m-down-l .mc-button__text~.mc-button__append,.mc-button--size-m-down-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-m-down-l{width:auto;border-radius:.5rem}.mc-button--size-m-down-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-down-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-m-down-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-down-xxs-compact,.mc-button--size-m-down-xs-compact,.mc-button--size-m-down-s-compact,.mc-button--size-m-down-m-compact,.mc-button--size-m-down-l-compact{border-radius:50%}.mc-button--size-m-down-xxs-compact .mc-button__prepend,.mc-button--size-m-down-xxs-compact .mc-button__append,.mc-button--size-m-down-xs-compact .mc-button__prepend,.mc-button--size-m-down-xs-compact .mc-button__append,.mc-button--size-m-down-s-compact .mc-button__prepend,.mc-button--size-m-down-s-compact .mc-button__append,.mc-button--size-m-down-m-compact .mc-button__prepend,.mc-button--size-m-down-m-compact .mc-button__append,.mc-button--size-m-down-l-compact .mc-button__prepend,.mc-button--size-m-down-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (max-width: 1023px){.mc-button--size-l-down-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-l-down-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-down-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-down-xxs .mc-button__text~.mc-button__append,.mc-button--size-l-down-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-down-xxs{width:auto;border-radius:.5rem}.mc-button--size-l-down-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-l-down-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-l-down-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-l-down-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-l-down-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-down-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-down-xs .mc-button__text~.mc-button__append,.mc-button--size-l-down-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-down-xs{width:auto;border-radius:.5rem}.mc-button--size-l-down-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-down-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-l-down-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-down-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-l-down-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-down-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-down-s .mc-button__text~.mc-button__append,.mc-button--size-l-down-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-down-s{width:auto;border-radius:.5rem}.mc-button--size-l-down-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-down-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-l-down-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-down-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-l-down-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-down-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-down-m .mc-button__text~.mc-button__append,.mc-button--size-l-down-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-down-m{width:auto;border-radius:.5rem}.mc-button--size-l-down-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-down-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-l-down-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-down-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-l-down-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-down-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-l-down-l .mc-button__text~.mc-button__append,.mc-button--size-l-down-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-l-down-l{width:auto;border-radius:.5rem}.mc-button--size-l-down-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-down-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-l-down-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-down-xxs-compact,.mc-button--size-l-down-xs-compact,.mc-button--size-l-down-s-compact,.mc-button--size-l-down-m-compact,.mc-button--size-l-down-l-compact{border-radius:50%}.mc-button--size-l-down-xxs-compact .mc-button__prepend,.mc-button--size-l-down-xxs-compact .mc-button__append,.mc-button--size-l-down-xs-compact .mc-button__prepend,.mc-button--size-l-down-xs-compact .mc-button__append,.mc-button--size-l-down-s-compact .mc-button__prepend,.mc-button--size-l-down-s-compact .mc-button__append,.mc-button--size-l-down-m-compact .mc-button__prepend,.mc-button--size-l-down-m-compact .mc-button__append,.mc-button--size-l-down-l-compact .mc-button__prepend,.mc-button--size-l-down-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (max-width: 1439px){.mc-button--size-xl-down-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-xl-down-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-down-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-down-xxs .mc-button__text~.mc-button__append,.mc-button--size-xl-down-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-down-xxs{width:auto;border-radius:.5rem}.mc-button--size-xl-down-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xl-down-xxs-compact{height:1.5rem;width:1.5rem;padding:.25rem}.mc-button--size-xl-down-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xl-down-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-down-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-down-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-down-xs .mc-button__text~.mc-button__append,.mc-button--size-xl-down-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-down-xs{width:auto;border-radius:.5rem}.mc-button--size-xl-down-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-down-xs-compact{height:2rem;width:2rem;padding:6px}.mc-button--size-xl-down-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-down-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-down-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-down-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-down-s .mc-button__text~.mc-button__append,.mc-button--size-xl-down-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-down-s{width:auto;border-radius:.5rem}.mc-button--size-xl-down-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-down-s-compact{height:2.5rem;width:2.5rem;padding:.5rem}.mc-button--size-xl-down-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-down-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-down-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-down-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-down-m .mc-button__text~.mc-button__append,.mc-button--size-xl-down-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-down-m{width:auto;border-radius:.5rem}.mc-button--size-xl-down-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-down-m-compact{height:2.5rem;width:2.5rem;padding:.75rem}.mc-button--size-xl-down-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-down-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-down-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-down-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-xl-down-l .mc-button__text~.mc-button__append,.mc-button--size-xl-down-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-xl-down-l{width:auto;border-radius:.5rem}.mc-button--size-xl-down-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-down-l-compact{height:3rem;width:3rem;padding:.75rem}.mc-button--size-xl-down-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-down-xxs-compact,.mc-button--size-xl-down-xs-compact,.mc-button--size-xl-down-s-compact,.mc-button--size-xl-down-m-compact,.mc-button--size-xl-down-l-compact{border-radius:50%}.mc-button--size-xl-down-xxs-compact .mc-button__prepend,.mc-button--size-xl-down-xxs-compact .mc-button__append,.mc-button--size-xl-down-xs-compact .mc-button__prepend,.mc-button--size-xl-down-xs-compact .mc-button__append,.mc-button--size-xl-down-s-compact .mc-button__prepend,.mc-button--size-xl-down-s-compact .mc-button__append,.mc-button--size-xl-down-m-compact .mc-button__prepend,.mc-button--size-xl-down-m-compact .mc-button__append,.mc-button--size-xl-down-l-compact .mc-button__prepend,.mc-button--size-xl-down-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}.mc-button__background{position:absolute;top:0;left:0;height:100%;width:100%;max-width:-webkit-fill-available;opacity:1!important;border:1px solid transparent;border-radius:inherit;background-color:var(--mc-button-background-color);transition:all .15s;box-sizing:border-box}.mc-button--type-outline{color:var(--mc-button-background-color)}.mc-button--type-outline .mc-button__background{opacity:.6!important;background-color:transparent;border-color:var(--mc-button-background-color)}@media (hover: hover) and (pointer: fine){.mc-button--type-outline:hover .mc-button__background{background-color:var(--mc-button-background-color);opacity:.2!important}.mc-button--type-outline:active .mc-button__background{background-color:var(--mc-button-background-color);border:none}}.mc-button--type-invert{color:var(--mc-button-background-color)}.mc-button--type-invert .mc-button__background{opacity:.1!important}@media (hover: hover) and (pointer: fine){.mc-button--type-invert:hover .mc-button__background{opacity:.2!important}}.mc-button--type-invert:active .mc-button__background{opacity:.2!important}.mc-button--type-flat{color:var(--mc-button-background-color)}.mc-button--type-flat .mc-button__background{opacity:0!important}@media (hover: hover) and (pointer: fine){.mc-button--type-flat:hover .mc-button__background{opacity:.1!important}}.mc-button--type-flat:active .mc-button__background{opacity:.1!important}.mc-button--type-link{color:var(--mc-button-background-color);padding:0;height:auto;width:auto;border:none;user-select:text}.mc-button--type-link.mc-button--size-l{line-height:1.25rem}.mc-button--type-link.mc-button--disabled{opacity:.6;background-color:transparent!important;color:var(--mc-button-background-color)!important;border-color:transparent!important}@media (hover: hover) and (pointer: fine){.mc-button--type-link:hover{filter:brightness(.85)}}.mc-button--type-link:active{filter:brightness(.85)}.mc-button--type-link .mc-button__background{display:none}.mc-button--bg-flat .mc-button__background{opacity:.1!important}.mc-button--shadow{box-shadow:0 3px 10px var(--mc-button-background-color)}.mc-button--underline-link .mc-button__text{text-decoration:underline!important}@media (hover: hover) and (pointer: fine){.mc-button--secondary-color:hover{color:var(--mc-button-secondary-color)}}.mc-button--secondary-color:active{color:var(--mc-button-secondary-color)}.mc-button--uppercase{text-transform:uppercase;letter-spacing:.025rem}.mc-button--is-active,.mc-button.nuxt-link-active{color:var(--mc-button-active-text-color);background-color:transparent;border-color:transparent;pointer-events:none}.mc-button--rounded{border-radius:50%}.mc-button--semi-rounded{border-radius:50px}.mc-button--full-width{width:100%}.mc-button--text-align-left{justify-content:flex-start}.mc-button--text-align-center{justify-content:center}.mc-button--text-align-right{justify-content:flex-end}.mc-button--loading,.mc-button--icon-loading,.mc-button--disabled{pointer-events:none}.mc-button--loading .mc-button__loader{display:inline-block}.mc-button--loading>*:not(.mc-button__loader){opacity:0}.mc-button--icon-loading .mc-button__append .mc-svg-icon,.mc-button--icon-loading .mc-button__prepend .mc-svg-icon{animation:rotate 1.2s infinite cubic-bezier(.55,0,.1,1)}.mc-button--icon-loading .mc-button__loader{transform-origin:center center;animation:rotate 1.2s infinite cubic-bezier(.55,0,.1,1)}.mc-button--disabled{color:#c7ccd1;cursor:not-allowed}.mc-button--disabled .mc-button__background{background-color:#edf0f3;border-color:#edf0f3}.mc-button--inactive{pointer-events:none}
|
|
1
|
+
@charset "UTF-8";.mc-tooltip{--tooltip-color: #202427;--tooltip-text-color: #FFFFFF;font-family:Inter,sans-serif;text-transform:none;position:absolute;font-weight:400;line-height:1.25rem;font-size:.8125rem;border-radius:.5rem;box-shadow:0 4px 12px #00000029;padding:.5rem .75rem;background:var(--tooltip-color);color:var(--tooltip-text-color);z-index:100005;white-space:normal;word-break:break-word;width:max-content}.mc-tooltip>*{display:inline-block}.mc-tooltip ul{margin:0;padding-left:.75rem}.mc-tooltip[tooltip-arrow=true]:before{content:"";border:5px solid transparent;z-index:1001;position:absolute}.mc-tooltip:hover:before,.mc-tooltip:hover:after{display:block}.mc-tooltip[tooltip-size=xs]{max-width:180px}.mc-tooltip[tooltip-size=s]{max-width:250px}.mc-tooltip[tooltip-size=m]{max-width:320px}.mc-tooltip[tooltip-size=l]{max-width:380px;font-size:1rem}.mc-tooltip[tooltip-size=xl]{max-width:500px;font-size:1rem}.mc-tooltip[tooltip-placement^=top],.mc-tooltip[tooltip-placement^=bottom]{animation:tooltips-vert .3s ease-out forwards}.mc-tooltip[tooltip-placement^=left],.mc-tooltip[tooltip-placement^=right]{animation:tooltips-horz .3s ease-out forwards}.mc-tooltip[tooltip-placement^=top]:before{top:100%;left:var(--tooltip-arrow-left, 50%);border-bottom-width:0;border-top-color:var(--tooltip-color);transform:translate(-50%)}.mc-tooltip[tooltip-placement^=bottom]:before{top:0;left:var(--tooltip-arrow-left, 50%);border-top-width:0;border-bottom-color:var(--tooltip-color);transform:translate(-50%,-100%)}.mc-tooltip[tooltip-placement^=left]:before{top:50%;left:100%;border-right-width:0;border-left-color:var(--tooltip-color);transform:translateY(-50%)}.mc-tooltip[tooltip-placement^=right]:before{top:50%;left:0;border-left-width:0;border-right-color:var(--tooltip-color);transform:translate(-100%,-50%)}@keyframes tooltips-vert{to{opacity:.9}}@keyframes tooltips-horz{to{opacity:.9}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes rotate-reverse{0%{transform:rotate(0)}to{transform:rotate(-359deg)}}@keyframes slide-up{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slide-up-with-margin{0%{opacity:0;margin-top:30px}to{opacity:1;margin-top:0}}@keyframes glow{0%,to{opacity:1}50%{opacity:.5}}.mc-button{box-sizing:border-box;padding:0;margin:0;--mc-button-background-color: transparent;--mc-button-active-text-color: #8756FF;--mc-button-font-weight: 400;--mc-button-text-color: #202427;--mc-button-hover-brightness: .9;--mc-button-secondary-color: initial;position:relative;display:inline-flex;justify-content:center;align-items:center;border:none;flex-wrap:nowrap;max-width:100%;font-family:Inter,sans-serif;border-radius:.5rem;white-space:nowrap;user-select:none;text-decoration:none;text-transform:none;background:none;cursor:pointer;outline:0;transition:all .15s;font-weight:var(--mc-button-font-weight);color:var(--mc-button-text-color);-webkit-appearance:none;-webkit-text-fill-color:currentColor;z-index:0}.mc-button__loader{display:none;line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);top:unset;left:unset;transform:unset;z-index:1}.mc-button__loader-icon{animation:rotate 1.2s infinite cubic-bezier(.55,0,.1,1)}.mc-button__prepend,.mc-button__append{display:inline-flex;align-items:center;z-index:1}.mc-button__text{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;min-width:0;max-width:100%;z-index:1}.mc-button__text:empty{display:none}@media (hover: hover) and (pointer: fine){.mc-button:hover .mc-button__background{filter:brightness(var(--mc-button-hover-brightness))}}.mc-button:active .mc-button__background{filter:brightness(var(--mc-button-hover-brightness))}.mc-button--size-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xxs .mc-button__text~.mc-button__append,.mc-button--size-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xxs{width:auto;border-radius:.5rem}.mc-button--size-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xxs-compact{height:1.5rem;width:1.5rem}.mc-button--size-xxs-compact--rounded{border-radius:50%}.mc-button--size-xxs-compact{padding:.25rem}.mc-button--size-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs .mc-button__text~.mc-button__append,.mc-button--size-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs{width:auto;border-radius:.5rem}.mc-button--size-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-compact{height:2rem;width:2rem}.mc-button--size-xs-compact--rounded{border-radius:50%}.mc-button--size-xs-compact{padding:6px}.mc-button--size-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s .mc-button__text~.mc-button__append,.mc-button--size-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s{width:auto;border-radius:.5rem}.mc-button--size-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-compact{height:2.5rem;width:2.5rem}.mc-button--size-s-compact--rounded{border-radius:50%}.mc-button--size-s-compact{padding:.5rem}.mc-button--size-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m .mc-button__text~.mc-button__append,.mc-button--size-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m{width:auto;border-radius:.5rem}.mc-button--size-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-compact{height:2.5rem;width:2.5rem}.mc-button--size-m-compact--rounded{border-radius:50%}.mc-button--size-m-compact{padding:.75rem}.mc-button--size-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-l .mc-button__text~.mc-button__append,.mc-button--size-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-l{width:auto;border-radius:.5rem}.mc-button--size-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-compact{height:3rem;width:3rem}.mc-button--size-l-compact--rounded{border-radius:50%}.mc-button--size-l-compact{padding:.75rem}.mc-button--size-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xxs-compact .mc-button__prepend,.mc-button--size-xxs-compact .mc-button__append,.mc-button--size-xs-compact .mc-button__prepend,.mc-button--size-xs-compact .mc-button__append,.mc-button--size-s-compact .mc-button__prepend,.mc-button--size-s-compact .mc-button__append,.mc-button--size-m-compact .mc-button__prepend,.mc-button--size-m-compact .mc-button__append,.mc-button--size-l-compact .mc-button__prepend,.mc-button--size-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}@media (min-width: 375px){.mc-button--size-xs-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-xs-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-xxs .mc-button__text~.mc-button__append,.mc-button--size-xs-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-xxs{width:auto;border-radius:.5rem}.mc-button--size-xs-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xs-xxs-compact{height:1.5rem;width:1.5rem}.mc-button--size-xs-xxs-compact--rounded{border-radius:50%}.mc-button--size-xs-xxs-compact{padding:.25rem}.mc-button--size-xs-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xs-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-xs .mc-button__text~.mc-button__append,.mc-button--size-xs-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-xs{width:auto;border-radius:.5rem}.mc-button--size-xs-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-xs-compact{height:2rem;width:2rem}.mc-button--size-xs-xs-compact--rounded{border-radius:50%}.mc-button--size-xs-xs-compact{padding:6px}.mc-button--size-xs-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-s .mc-button__text~.mc-button__append,.mc-button--size-xs-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-s{width:auto;border-radius:.5rem}.mc-button--size-xs-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-s-compact{height:2.5rem;width:2.5rem}.mc-button--size-xs-s-compact--rounded{border-radius:50%}.mc-button--size-xs-s-compact{padding:.5rem}.mc-button--size-xs-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-m .mc-button__text~.mc-button__append,.mc-button--size-xs-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-m{width:auto;border-radius:.5rem}.mc-button--size-xs-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-m-compact{height:2.5rem;width:2.5rem}.mc-button--size-xs-m-compact--rounded{border-radius:50%}.mc-button--size-xs-m-compact{padding:.75rem}.mc-button--size-xs-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-xs-l .mc-button__text~.mc-button__append,.mc-button--size-xs-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-xs-l{width:auto;border-radius:.5rem}.mc-button--size-xs-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-l-compact{height:3rem;width:3rem}.mc-button--size-xs-l-compact--rounded{border-radius:50%}.mc-button--size-xs-l-compact{padding:.75rem}.mc-button--size-xs-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-xxs-compact .mc-button__prepend,.mc-button--size-xs-xxs-compact .mc-button__append,.mc-button--size-xs-xs-compact .mc-button__prepend,.mc-button--size-xs-xs-compact .mc-button__append,.mc-button--size-xs-s-compact .mc-button__prepend,.mc-button--size-xs-s-compact .mc-button__append,.mc-button--size-xs-m-compact .mc-button__prepend,.mc-button--size-xs-m-compact .mc-button__append,.mc-button--size-xs-l-compact .mc-button__prepend,.mc-button--size-xs-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (min-width: 480px){.mc-button--size-s-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-s-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-xxs .mc-button__text~.mc-button__append,.mc-button--size-s-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-xxs{width:auto;border-radius:.5rem}.mc-button--size-s-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-s-xxs-compact{height:1.5rem;width:1.5rem}.mc-button--size-s-xxs-compact--rounded{border-radius:50%}.mc-button--size-s-xxs-compact{padding:.25rem}.mc-button--size-s-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-s-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-s-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-xs .mc-button__text~.mc-button__append,.mc-button--size-s-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-xs{width:auto;border-radius:.5rem}.mc-button--size-s-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-xs-compact{height:2rem;width:2rem}.mc-button--size-s-xs-compact--rounded{border-radius:50%}.mc-button--size-s-xs-compact{padding:6px}.mc-button--size-s-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-s-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-s .mc-button__text~.mc-button__append,.mc-button--size-s-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-s{width:auto;border-radius:.5rem}.mc-button--size-s-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-s-compact{height:2.5rem;width:2.5rem}.mc-button--size-s-s-compact--rounded{border-radius:50%}.mc-button--size-s-s-compact{padding:.5rem}.mc-button--size-s-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-s-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-m .mc-button__text~.mc-button__append,.mc-button--size-s-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-m{width:auto;border-radius:.5rem}.mc-button--size-s-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-m-compact{height:2.5rem;width:2.5rem}.mc-button--size-s-m-compact--rounded{border-radius:50%}.mc-button--size-s-m-compact{padding:.75rem}.mc-button--size-s-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-s-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-s-l .mc-button__text~.mc-button__append,.mc-button--size-s-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-s-l{width:auto;border-radius:.5rem}.mc-button--size-s-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-l-compact{height:3rem;width:3rem}.mc-button--size-s-l-compact--rounded{border-radius:50%}.mc-button--size-s-l-compact{padding:.75rem}.mc-button--size-s-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-xxs-compact .mc-button__prepend,.mc-button--size-s-xxs-compact .mc-button__append,.mc-button--size-s-xs-compact .mc-button__prepend,.mc-button--size-s-xs-compact .mc-button__append,.mc-button--size-s-s-compact .mc-button__prepend,.mc-button--size-s-s-compact .mc-button__append,.mc-button--size-s-m-compact .mc-button__prepend,.mc-button--size-s-m-compact .mc-button__append,.mc-button--size-s-l-compact .mc-button__prepend,.mc-button--size-s-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (min-width: 768px){.mc-button--size-m-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-m-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-xxs .mc-button__text~.mc-button__append,.mc-button--size-m-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-xxs{width:auto;border-radius:.5rem}.mc-button--size-m-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-m-xxs-compact{height:1.5rem;width:1.5rem}.mc-button--size-m-xxs-compact--rounded{border-radius:50%}.mc-button--size-m-xxs-compact{padding:.25rem}.mc-button--size-m-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-m-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-m-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-xs .mc-button__text~.mc-button__append,.mc-button--size-m-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-xs{width:auto;border-radius:.5rem}.mc-button--size-m-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-xs-compact{height:2rem;width:2rem}.mc-button--size-m-xs-compact--rounded{border-radius:50%}.mc-button--size-m-xs-compact{padding:6px}.mc-button--size-m-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-m-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-s .mc-button__text~.mc-button__append,.mc-button--size-m-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-s{width:auto;border-radius:.5rem}.mc-button--size-m-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-s-compact{height:2.5rem;width:2.5rem}.mc-button--size-m-s-compact--rounded{border-radius:50%}.mc-button--size-m-s-compact{padding:.5rem}.mc-button--size-m-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-m-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-m .mc-button__text~.mc-button__append,.mc-button--size-m-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-m{width:auto;border-radius:.5rem}.mc-button--size-m-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-m-compact{height:2.5rem;width:2.5rem}.mc-button--size-m-m-compact--rounded{border-radius:50%}.mc-button--size-m-m-compact{padding:.75rem}.mc-button--size-m-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-m-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-m-l .mc-button__text~.mc-button__append,.mc-button--size-m-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-m-l{width:auto;border-radius:.5rem}.mc-button--size-m-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-l-compact{height:3rem;width:3rem}.mc-button--size-m-l-compact--rounded{border-radius:50%}.mc-button--size-m-l-compact{padding:.75rem}.mc-button--size-m-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-xxs-compact .mc-button__prepend,.mc-button--size-m-xxs-compact .mc-button__append,.mc-button--size-m-xs-compact .mc-button__prepend,.mc-button--size-m-xs-compact .mc-button__append,.mc-button--size-m-s-compact .mc-button__prepend,.mc-button--size-m-s-compact .mc-button__append,.mc-button--size-m-m-compact .mc-button__prepend,.mc-button--size-m-m-compact .mc-button__append,.mc-button--size-m-l-compact .mc-button__prepend,.mc-button--size-m-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (min-width: 1024px){.mc-button--size-l-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-l-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-xxs .mc-button__text~.mc-button__append,.mc-button--size-l-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-xxs{width:auto;border-radius:.5rem}.mc-button--size-l-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-l-xxs-compact{height:1.5rem;width:1.5rem}.mc-button--size-l-xxs-compact--rounded{border-radius:50%}.mc-button--size-l-xxs-compact{padding:.25rem}.mc-button--size-l-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-l-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-l-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-xs .mc-button__text~.mc-button__append,.mc-button--size-l-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-xs{width:auto;border-radius:.5rem}.mc-button--size-l-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-xs-compact{height:2rem;width:2rem}.mc-button--size-l-xs-compact--rounded{border-radius:50%}.mc-button--size-l-xs-compact{padding:6px}.mc-button--size-l-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-l-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-s .mc-button__text~.mc-button__append,.mc-button--size-l-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-s{width:auto;border-radius:.5rem}.mc-button--size-l-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-s-compact{height:2.5rem;width:2.5rem}.mc-button--size-l-s-compact--rounded{border-radius:50%}.mc-button--size-l-s-compact{padding:.5rem}.mc-button--size-l-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-l-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-m .mc-button__text~.mc-button__append,.mc-button--size-l-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-m{width:auto;border-radius:.5rem}.mc-button--size-l-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-m-compact{height:2.5rem;width:2.5rem}.mc-button--size-l-m-compact--rounded{border-radius:50%}.mc-button--size-l-m-compact{padding:.75rem}.mc-button--size-l-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-l-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-l-l .mc-button__text~.mc-button__append,.mc-button--size-l-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-l-l{width:auto;border-radius:.5rem}.mc-button--size-l-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-l-compact{height:3rem;width:3rem}.mc-button--size-l-l-compact--rounded{border-radius:50%}.mc-button--size-l-l-compact{padding:.75rem}.mc-button--size-l-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-xxs-compact .mc-button__prepend,.mc-button--size-l-xxs-compact .mc-button__append,.mc-button--size-l-xs-compact .mc-button__prepend,.mc-button--size-l-xs-compact .mc-button__append,.mc-button--size-l-s-compact .mc-button__prepend,.mc-button--size-l-s-compact .mc-button__append,.mc-button--size-l-m-compact .mc-button__prepend,.mc-button--size-l-m-compact .mc-button__append,.mc-button--size-l-l-compact .mc-button__prepend,.mc-button--size-l-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (min-width: 1440px){.mc-button--size-xl-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-xl-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-xxs .mc-button__text~.mc-button__append,.mc-button--size-xl-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-xxs{width:auto;border-radius:.5rem}.mc-button--size-xl-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xl-xxs-compact{height:1.5rem;width:1.5rem}.mc-button--size-xl-xxs-compact--rounded{border-radius:50%}.mc-button--size-xl-xxs-compact{padding:.25rem}.mc-button--size-xl-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xl-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-xs .mc-button__text~.mc-button__append,.mc-button--size-xl-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-xs{width:auto;border-radius:.5rem}.mc-button--size-xl-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-xs-compact{height:2rem;width:2rem}.mc-button--size-xl-xs-compact--rounded{border-radius:50%}.mc-button--size-xl-xs-compact{padding:6px}.mc-button--size-xl-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-s .mc-button__text~.mc-button__append,.mc-button--size-xl-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-s{width:auto;border-radius:.5rem}.mc-button--size-xl-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-s-compact{height:2.5rem;width:2.5rem}.mc-button--size-xl-s-compact--rounded{border-radius:50%}.mc-button--size-xl-s-compact{padding:.5rem}.mc-button--size-xl-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-m .mc-button__text~.mc-button__append,.mc-button--size-xl-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-m{width:auto;border-radius:.5rem}.mc-button--size-xl-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-m-compact{height:2.5rem;width:2.5rem}.mc-button--size-xl-m-compact--rounded{border-radius:50%}.mc-button--size-xl-m-compact{padding:.75rem}.mc-button--size-xl-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-xl-l .mc-button__text~.mc-button__append,.mc-button--size-xl-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-xl-l{width:auto;border-radius:.5rem}.mc-button--size-xl-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-l-compact{height:3rem;width:3rem}.mc-button--size-xl-l-compact--rounded{border-radius:50%}.mc-button--size-xl-l-compact{padding:.75rem}.mc-button--size-xl-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-xxs-compact .mc-button__prepend,.mc-button--size-xl-xxs-compact .mc-button__append,.mc-button--size-xl-xs-compact .mc-button__prepend,.mc-button--size-xl-xs-compact .mc-button__append,.mc-button--size-xl-s-compact .mc-button__prepend,.mc-button--size-xl-s-compact .mc-button__append,.mc-button--size-xl-m-compact .mc-button__prepend,.mc-button--size-xl-m-compact .mc-button__append,.mc-button--size-xl-l-compact .mc-button__prepend,.mc-button--size-xl-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (max-width: 374px){.mc-button--size-xs-down-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-xs-down-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-down-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-down-xxs .mc-button__text~.mc-button__append,.mc-button--size-xs-down-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-down-xxs{width:auto;border-radius:.5rem}.mc-button--size-xs-down-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xs-down-xxs-compact{height:1.5rem;width:1.5rem}.mc-button--size-xs-down-xxs-compact--rounded{border-radius:50%}.mc-button--size-xs-down-xxs-compact{padding:.25rem}.mc-button--size-xs-down-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xs-down-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-down-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-down-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-down-xs .mc-button__text~.mc-button__append,.mc-button--size-xs-down-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-down-xs{width:auto;border-radius:.5rem}.mc-button--size-xs-down-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-down-xs-compact{height:2rem;width:2rem}.mc-button--size-xs-down-xs-compact--rounded{border-radius:50%}.mc-button--size-xs-down-xs-compact{padding:6px}.mc-button--size-xs-down-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-down-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-down-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-down-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-down-s .mc-button__text~.mc-button__append,.mc-button--size-xs-down-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-down-s{width:auto;border-radius:.5rem}.mc-button--size-xs-down-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-down-s-compact{height:2.5rem;width:2.5rem}.mc-button--size-xs-down-s-compact--rounded{border-radius:50%}.mc-button--size-xs-down-s-compact{padding:.5rem}.mc-button--size-xs-down-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xs-down-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-down-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-down-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xs-down-m .mc-button__text~.mc-button__append,.mc-button--size-xs-down-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xs-down-m{width:auto;border-radius:.5rem}.mc-button--size-xs-down-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-down-m-compact{height:2.5rem;width:2.5rem}.mc-button--size-xs-down-m-compact--rounded{border-radius:50%}.mc-button--size-xs-down-m-compact{padding:.75rem}.mc-button--size-xs-down-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-down-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xs-down-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xs-down-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-xs-down-l .mc-button__text~.mc-button__append,.mc-button--size-xs-down-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-xs-down-l{width:auto;border-radius:.5rem}.mc-button--size-xs-down-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-down-l-compact{height:3rem;width:3rem}.mc-button--size-xs-down-l-compact--rounded{border-radius:50%}.mc-button--size-xs-down-l-compact{padding:.75rem}.mc-button--size-xs-down-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xs-down-xxs-compact .mc-button__prepend,.mc-button--size-xs-down-xxs-compact .mc-button__append,.mc-button--size-xs-down-xs-compact .mc-button__prepend,.mc-button--size-xs-down-xs-compact .mc-button__append,.mc-button--size-xs-down-s-compact .mc-button__prepend,.mc-button--size-xs-down-s-compact .mc-button__append,.mc-button--size-xs-down-m-compact .mc-button__prepend,.mc-button--size-xs-down-m-compact .mc-button__append,.mc-button--size-xs-down-l-compact .mc-button__prepend,.mc-button--size-xs-down-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (max-width: 479px){.mc-button--size-s-down-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-s-down-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-down-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-down-xxs .mc-button__text~.mc-button__append,.mc-button--size-s-down-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-down-xxs{width:auto;border-radius:.5rem}.mc-button--size-s-down-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-s-down-xxs-compact{height:1.5rem;width:1.5rem}.mc-button--size-s-down-xxs-compact--rounded{border-radius:50%}.mc-button--size-s-down-xxs-compact{padding:.25rem}.mc-button--size-s-down-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-s-down-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-s-down-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-down-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-down-xs .mc-button__text~.mc-button__append,.mc-button--size-s-down-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-down-xs{width:auto;border-radius:.5rem}.mc-button--size-s-down-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-down-xs-compact{height:2rem;width:2rem}.mc-button--size-s-down-xs-compact--rounded{border-radius:50%}.mc-button--size-s-down-xs-compact{padding:6px}.mc-button--size-s-down-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-down-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-s-down-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-down-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-down-s .mc-button__text~.mc-button__append,.mc-button--size-s-down-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-down-s{width:auto;border-radius:.5rem}.mc-button--size-s-down-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-down-s-compact{height:2.5rem;width:2.5rem}.mc-button--size-s-down-s-compact--rounded{border-radius:50%}.mc-button--size-s-down-s-compact{padding:.5rem}.mc-button--size-s-down-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-s-down-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-s-down-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-down-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-s-down-m .mc-button__text~.mc-button__append,.mc-button--size-s-down-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-s-down-m{width:auto;border-radius:.5rem}.mc-button--size-s-down-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-down-m-compact{height:2.5rem;width:2.5rem}.mc-button--size-s-down-m-compact--rounded{border-radius:50%}.mc-button--size-s-down-m-compact{padding:.75rem}.mc-button--size-s-down-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-down-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-s-down-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-s-down-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-s-down-l .mc-button__text~.mc-button__append,.mc-button--size-s-down-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-s-down-l{width:auto;border-radius:.5rem}.mc-button--size-s-down-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-down-l-compact{height:3rem;width:3rem}.mc-button--size-s-down-l-compact--rounded{border-radius:50%}.mc-button--size-s-down-l-compact{padding:.75rem}.mc-button--size-s-down-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-s-down-xxs-compact .mc-button__prepend,.mc-button--size-s-down-xxs-compact .mc-button__append,.mc-button--size-s-down-xs-compact .mc-button__prepend,.mc-button--size-s-down-xs-compact .mc-button__append,.mc-button--size-s-down-s-compact .mc-button__prepend,.mc-button--size-s-down-s-compact .mc-button__append,.mc-button--size-s-down-m-compact .mc-button__prepend,.mc-button--size-s-down-m-compact .mc-button__append,.mc-button--size-s-down-l-compact .mc-button__prepend,.mc-button--size-s-down-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (max-width: 767px){.mc-button--size-m-down-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-m-down-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-down-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-down-xxs .mc-button__text~.mc-button__append,.mc-button--size-m-down-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-down-xxs{width:auto;border-radius:.5rem}.mc-button--size-m-down-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-m-down-xxs-compact{height:1.5rem;width:1.5rem}.mc-button--size-m-down-xxs-compact--rounded{border-radius:50%}.mc-button--size-m-down-xxs-compact{padding:.25rem}.mc-button--size-m-down-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-m-down-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-m-down-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-down-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-down-xs .mc-button__text~.mc-button__append,.mc-button--size-m-down-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-down-xs{width:auto;border-radius:.5rem}.mc-button--size-m-down-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-down-xs-compact{height:2rem;width:2rem}.mc-button--size-m-down-xs-compact--rounded{border-radius:50%}.mc-button--size-m-down-xs-compact{padding:6px}.mc-button--size-m-down-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-down-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-m-down-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-down-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-down-s .mc-button__text~.mc-button__append,.mc-button--size-m-down-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-down-s{width:auto;border-radius:.5rem}.mc-button--size-m-down-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-down-s-compact{height:2.5rem;width:2.5rem}.mc-button--size-m-down-s-compact--rounded{border-radius:50%}.mc-button--size-m-down-s-compact{padding:.5rem}.mc-button--size-m-down-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-m-down-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-m-down-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-down-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-m-down-m .mc-button__text~.mc-button__append,.mc-button--size-m-down-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-m-down-m{width:auto;border-radius:.5rem}.mc-button--size-m-down-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-down-m-compact{height:2.5rem;width:2.5rem}.mc-button--size-m-down-m-compact--rounded{border-radius:50%}.mc-button--size-m-down-m-compact{padding:.75rem}.mc-button--size-m-down-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-down-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-m-down-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-m-down-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-m-down-l .mc-button__text~.mc-button__append,.mc-button--size-m-down-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-m-down-l{width:auto;border-radius:.5rem}.mc-button--size-m-down-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-down-l-compact{height:3rem;width:3rem}.mc-button--size-m-down-l-compact--rounded{border-radius:50%}.mc-button--size-m-down-l-compact{padding:.75rem}.mc-button--size-m-down-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-m-down-xxs-compact .mc-button__prepend,.mc-button--size-m-down-xxs-compact .mc-button__append,.mc-button--size-m-down-xs-compact .mc-button__prepend,.mc-button--size-m-down-xs-compact .mc-button__append,.mc-button--size-m-down-s-compact .mc-button__prepend,.mc-button--size-m-down-s-compact .mc-button__append,.mc-button--size-m-down-m-compact .mc-button__prepend,.mc-button--size-m-down-m-compact .mc-button__append,.mc-button--size-m-down-l-compact .mc-button__prepend,.mc-button--size-m-down-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (max-width: 1023px){.mc-button--size-l-down-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-l-down-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-down-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-down-xxs .mc-button__text~.mc-button__append,.mc-button--size-l-down-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-down-xxs{width:auto;border-radius:.5rem}.mc-button--size-l-down-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-l-down-xxs-compact{height:1.5rem;width:1.5rem}.mc-button--size-l-down-xxs-compact--rounded{border-radius:50%}.mc-button--size-l-down-xxs-compact{padding:.25rem}.mc-button--size-l-down-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-l-down-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-l-down-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-down-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-down-xs .mc-button__text~.mc-button__append,.mc-button--size-l-down-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-down-xs{width:auto;border-radius:.5rem}.mc-button--size-l-down-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-down-xs-compact{height:2rem;width:2rem}.mc-button--size-l-down-xs-compact--rounded{border-radius:50%}.mc-button--size-l-down-xs-compact{padding:6px}.mc-button--size-l-down-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-down-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-l-down-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-down-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-down-s .mc-button__text~.mc-button__append,.mc-button--size-l-down-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-down-s{width:auto;border-radius:.5rem}.mc-button--size-l-down-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-down-s-compact{height:2.5rem;width:2.5rem}.mc-button--size-l-down-s-compact--rounded{border-radius:50%}.mc-button--size-l-down-s-compact{padding:.5rem}.mc-button--size-l-down-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-l-down-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-l-down-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-down-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-l-down-m .mc-button__text~.mc-button__append,.mc-button--size-l-down-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-l-down-m{width:auto;border-radius:.5rem}.mc-button--size-l-down-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-down-m-compact{height:2.5rem;width:2.5rem}.mc-button--size-l-down-m-compact--rounded{border-radius:50%}.mc-button--size-l-down-m-compact{padding:.75rem}.mc-button--size-l-down-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-down-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-l-down-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-l-down-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-l-down-l .mc-button__text~.mc-button__append,.mc-button--size-l-down-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-l-down-l{width:auto;border-radius:.5rem}.mc-button--size-l-down-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-down-l-compact{height:3rem;width:3rem}.mc-button--size-l-down-l-compact--rounded{border-radius:50%}.mc-button--size-l-down-l-compact{padding:.75rem}.mc-button--size-l-down-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-l-down-xxs-compact .mc-button__prepend,.mc-button--size-l-down-xxs-compact .mc-button__append,.mc-button--size-l-down-xs-compact .mc-button__prepend,.mc-button--size-l-down-xs-compact .mc-button__append,.mc-button--size-l-down-s-compact .mc-button__prepend,.mc-button--size-l-down-s-compact .mc-button__append,.mc-button--size-l-down-m-compact .mc-button__prepend,.mc-button--size-l-down-m-compact .mc-button__append,.mc-button--size-l-down-l-compact .mc-button__prepend,.mc-button--size-l-down-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}@media (max-width: 1439px){.mc-button--size-xl-down-xxs{height:1.5rem;padding:0 .5rem;letter-spacing:normal}.mc-button--size-xl-down-xxs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-down-xxs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-down-xxs .mc-button__text~.mc-button__append,.mc-button--size-xl-down-xxs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-down-xxs{width:auto;border-radius:.5rem}.mc-button--size-xl-down-xxs .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xl-down-xxs-compact{height:1.5rem;width:1.5rem}.mc-button--size-xl-down-xxs-compact--rounded{border-radius:50%}.mc-button--size-xl-down-xxs-compact{padding:.25rem}.mc-button--size-xl-down-xxs-compact .mc-svg-icon{height:1rem;width:1rem}.mc-button--size-xl-down-xs{height:2rem;padding:0 .75rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-down-xs .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-down-xs .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-down-xs .mc-button__text~.mc-button__append,.mc-button--size-xl-down-xs .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-down-xs{width:auto;border-radius:.5rem}.mc-button--size-xl-down-xs .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-down-xs-compact{height:2rem;width:2rem}.mc-button--size-xl-down-xs-compact--rounded{border-radius:50%}.mc-button--size-xl-down-xs-compact{padding:6px}.mc-button--size-xl-down-xs-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-down-s{height:2.5rem;padding:0 1rem;letter-spacing:normal;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-down-s .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-down-s .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-down-s .mc-button__text~.mc-button__append,.mc-button--size-xl-down-s .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-down-s{width:auto;border-radius:.5rem}.mc-button--size-xl-down-s .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-down-s-compact{height:2.5rem;width:2.5rem}.mc-button--size-xl-down-s-compact--rounded{border-radius:50%}.mc-button--size-xl-down-s-compact{padding:.5rem}.mc-button--size-xl-down-s-compact .mc-svg-icon{height:1.25rem;width:1.25rem}.mc-button--size-xl-down-m{height:2.5rem;padding:0 1rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-down-m .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-down-m .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.25rem}.mc-button--size-xl-down-m .mc-button__text~.mc-button__append,.mc-button--size-xl-down-m .mc-button__prepend~.mc-button__append{margin-inline-start:.25rem}.mc-button--size-xl-down-m{width:auto;border-radius:.5rem}.mc-button--size-xl-down-m .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-down-m-compact{height:2.5rem;width:2.5rem}.mc-button--size-xl-down-m-compact--rounded{border-radius:50%}.mc-button--size-xl-down-m-compact{padding:.75rem}.mc-button--size-xl-down-m-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-down-l{height:3rem;padding:.75rem 1.5rem;font-size:.8125rem;line-height:1rem}.mc-button--size-xl-down-l .mc-button__prepend:has(~.mc-button__text),.mc-button--size-xl-down-l .mc-button__prepend:has(~.mc-button__append){margin-inline-end:.5rem}.mc-button--size-xl-down-l .mc-button__text~.mc-button__append,.mc-button--size-xl-down-l .mc-button__prepend~.mc-button__append{margin-inline-start:.5rem}.mc-button--size-xl-down-l{width:auto;border-radius:.5rem}.mc-button--size-xl-down-l .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-down-l-compact{height:3rem;width:3rem}.mc-button--size-xl-down-l-compact--rounded{border-radius:50%}.mc-button--size-xl-down-l-compact{padding:.75rem}.mc-button--size-xl-down-l-compact .mc-svg-icon{height:1.5rem;width:1.5rem}.mc-button--size-xl-down-xxs-compact .mc-button__prepend,.mc-button--size-xl-down-xxs-compact .mc-button__append,.mc-button--size-xl-down-xs-compact .mc-button__prepend,.mc-button--size-xl-down-xs-compact .mc-button__append,.mc-button--size-xl-down-s-compact .mc-button__prepend,.mc-button--size-xl-down-s-compact .mc-button__append,.mc-button--size-xl-down-m-compact .mc-button__prepend,.mc-button--size-xl-down-m-compact .mc-button__append,.mc-button--size-xl-down-l-compact .mc-button__prepend,.mc-button--size-xl-down-l-compact .mc-button__append{margin:0!important;margin-inline-end:0!important;margin-inline-start:0!important}}.mc-button__background{position:absolute;top:0;left:0;height:100%;width:100%;max-width:-webkit-fill-available;opacity:1!important;border:1px solid transparent;border-radius:inherit;background-color:var(--mc-button-background-color);transition:all .15s;box-sizing:border-box}.mc-button--type-outline{color:var(--mc-button-background-color)}.mc-button--type-outline .mc-button__background{opacity:.6!important;background-color:transparent;border-color:var(--mc-button-background-color)}@media (hover: hover) and (pointer: fine){.mc-button--type-outline:hover .mc-button__background{background-color:var(--mc-button-background-color);opacity:.2!important}.mc-button--type-outline:active .mc-button__background{background-color:var(--mc-button-background-color);border:none}}.mc-button--type-invert{color:var(--mc-button-background-color)}.mc-button--type-invert .mc-button__background{opacity:.1!important}@media (hover: hover) and (pointer: fine){.mc-button--type-invert:hover .mc-button__background{opacity:.2!important}}.mc-button--type-invert:active .mc-button__background{opacity:.2!important}.mc-button--type-flat{color:var(--mc-button-background-color)}.mc-button--type-flat .mc-button__background{opacity:0!important}@media (hover: hover) and (pointer: fine){.mc-button--type-flat:hover .mc-button__background{opacity:.1!important}}.mc-button--type-flat:active .mc-button__background{opacity:.1!important}.mc-button--type-link{color:var(--mc-button-background-color);padding:0;height:auto;width:auto;border:none;user-select:text}.mc-button--type-link.mc-button--size-l{line-height:1.25rem}.mc-button--type-link.mc-button--disabled{opacity:.6;background-color:transparent!important;color:var(--mc-button-background-color)!important;border-color:transparent!important}@media (hover: hover) and (pointer: fine){.mc-button--type-link:hover{filter:brightness(.85)}}.mc-button--type-link:active{filter:brightness(.85)}.mc-button--type-link .mc-button__background{display:none}.mc-button--bg-flat .mc-button__background{opacity:.1!important}.mc-button--shadow{box-shadow:0 3px 10px var(--mc-button-background-color)}.mc-button--underline-link .mc-button__text{text-decoration:underline!important}@media (hover: hover) and (pointer: fine){.mc-button--secondary-color:hover{color:var(--mc-button-secondary-color)}}.mc-button--secondary-color:active{color:var(--mc-button-secondary-color)}.mc-button--uppercase{text-transform:uppercase;letter-spacing:.025rem}.mc-button--is-active,.mc-button.nuxt-link-active{color:var(--mc-button-active-text-color);background-color:transparent;border-color:transparent;pointer-events:none}.mc-button--semi-rounded{border-radius:50px}.mc-button--full-width{width:100%}.mc-button--text-align-left{justify-content:flex-start}.mc-button--text-align-center{justify-content:center}.mc-button--text-align-right{justify-content:flex-end}.mc-button--loading,.mc-button--icon-loading,.mc-button--disabled{pointer-events:none}.mc-button--loading .mc-button__loader{display:inline-block}.mc-button--loading>*:not(.mc-button__loader){opacity:0}.mc-button--icon-loading .mc-button__append .mc-svg-icon,.mc-button--icon-loading .mc-button__prepend .mc-svg-icon{animation:rotate 1.2s infinite cubic-bezier(.55,0,.1,1)}.mc-button--icon-loading .mc-button__loader{transform-origin:center center;animation:rotate 1.2s infinite cubic-bezier(.55,0,.1,1)}.mc-button--disabled{color:#c7ccd1;cursor:not-allowed}.mc-button--disabled .mc-button__background{background-color:#edf0f3;border-color:#edf0f3}.mc-button--inactive{pointer-events:none}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as F, defineAsyncComponent as M, inject as I, computed as a, ref as h, onMounted as N, withDirectives as O, openBlock as
|
|
1
|
+
import { defineComponent as F, defineAsyncComponent as M, inject as I, computed as a, ref as h, onMounted as N, withDirectives as O, openBlock as c, createBlock as D, resolveDynamicComponent as E, mergeProps as H, withCtx as W, createElementBlock as u, renderSlot as f, createCommentVNode as d, createVNode as K, unref as k, getCurrentInstance as R } from "vue";
|
|
2
2
|
import { FontWeights as j } from "../../../types/styles/FontWeights.js";
|
|
3
3
|
import { useTooltip as q } from "../../../composables/useTooltip2.js";
|
|
4
4
|
import { TooltipPositions as G, TooltipSizes as J } from "../../../enums/Tooltip2.js";
|
|
@@ -221,19 +221,19 @@ const tt = {
|
|
|
221
221
|
},
|
|
222
222
|
emits: ["blur", "click"],
|
|
223
223
|
setup(p, { emit: B }) {
|
|
224
|
-
const _ = M(() => import("../McSvgIcon/McSvgIcon.vue.js")), C = Z(), m = I("dsOptions", {}), S = q(),
|
|
224
|
+
const _ = M(() => import("../McSvgIcon/McSvgIcon.vue.js")), C = Z(), m = I("dsOptions", {}), S = q(), $ = a(() => {
|
|
225
225
|
let e = {};
|
|
226
226
|
return t.tooltip && (e = {
|
|
227
227
|
content: t.tooltip,
|
|
228
228
|
size: J.M,
|
|
229
229
|
placement: t.tooltipPlacement || G.Top
|
|
230
230
|
}), e;
|
|
231
|
-
}), t = p,
|
|
231
|
+
}), t = p, i = Q("button"), w = h(null), b = h(!1), y = B, x = a(() => {
|
|
232
232
|
const e = {};
|
|
233
233
|
return X.forEach((o) => {
|
|
234
234
|
Y.forEach((n) => {
|
|
235
|
-
const
|
|
236
|
-
e[`mc-button--${o}-${n}-${
|
|
235
|
+
const r = t[`${o}${C.upperFirst(n)}`];
|
|
236
|
+
r && (e[`mc-button--${o}-${n}-${r}`] = !!r, e[`mc-button--${o}-${n}-${r}--rounded`] = t.rounded && !!String(r).match("-compact"));
|
|
237
237
|
});
|
|
238
238
|
}), e;
|
|
239
239
|
}), T = a(() => ({
|
|
@@ -244,7 +244,6 @@ const tt = {
|
|
|
244
244
|
"mc-button--icon-loading": t.iconLoading,
|
|
245
245
|
"mc-button--is-active": t.isActive,
|
|
246
246
|
"mc-button--disabled": t.disabled,
|
|
247
|
-
"mc-button--rounded": t.rounded,
|
|
248
247
|
"mc-button--semi-rounded": t.semiRounded,
|
|
249
248
|
"mc-button--full-width": t.fullWidth,
|
|
250
249
|
"mc-button--uppercase": t.uppercase,
|
|
@@ -254,10 +253,10 @@ const tt = {
|
|
|
254
253
|
"mc-button--bg-flat": t.bgFlat,
|
|
255
254
|
[`mc-button--type-${s.value.type}`]: !!s.value.type,
|
|
256
255
|
"mc-button--inactive": t.inactive,
|
|
257
|
-
|
|
258
|
-
})), v = a(() => t.variation ||
|
|
256
|
+
...x.value
|
|
257
|
+
})), v = a(() => t.variation || i.component.variation), s = a(() => {
|
|
259
258
|
const e = v.value, o = e.split("-"), n = o[o.length - 1];
|
|
260
|
-
let
|
|
259
|
+
let r = e.replace(`-${n}`, "");
|
|
261
260
|
switch (n) {
|
|
262
261
|
case l.Link:
|
|
263
262
|
case l.Flat:
|
|
@@ -265,16 +264,16 @@ const tt = {
|
|
|
265
264
|
case l.Invert:
|
|
266
265
|
break;
|
|
267
266
|
default: {
|
|
268
|
-
|
|
267
|
+
r = e;
|
|
269
268
|
break;
|
|
270
269
|
}
|
|
271
270
|
}
|
|
272
271
|
return {
|
|
273
|
-
color:
|
|
272
|
+
color: r,
|
|
274
273
|
type: n
|
|
275
274
|
};
|
|
276
275
|
}), L = a(() => {
|
|
277
|
-
let e, o, n = t.activeTextColor ||
|
|
276
|
+
let e, o, n = t.activeTextColor || i.component.activeTextColor;
|
|
278
277
|
switch (s.value.type) {
|
|
279
278
|
case l.Link:
|
|
280
279
|
case l.Flat:
|
|
@@ -297,12 +296,12 @@ const tt = {
|
|
|
297
296
|
}
|
|
298
297
|
}
|
|
299
298
|
return {
|
|
300
|
-
"--mc-button-secondary-color": t.secondaryColor &&
|
|
301
|
-
"--mc-button-background-color": v.value &&
|
|
302
|
-
"--mc-button-active-text-color": n &&
|
|
299
|
+
"--mc-button-secondary-color": t.secondaryColor && i.colors[t.secondaryColor],
|
|
300
|
+
"--mc-button-background-color": v.value && i.colors[s.value.color],
|
|
301
|
+
"--mc-button-active-text-color": n && i.colors[n],
|
|
303
302
|
"--mc-button-font-weight": t.weight && j[t.weight],
|
|
304
303
|
"--mc-button-hover-brightness": e,
|
|
305
|
-
"--mc-button-text-color": o &&
|
|
304
|
+
"--mc-button-text-color": o && i.colors[o]
|
|
306
305
|
};
|
|
307
306
|
}), P = a(() => {
|
|
308
307
|
const e = "a";
|
|
@@ -316,9 +315,9 @@ const tt = {
|
|
|
316
315
|
tabindex: t.tabindex
|
|
317
316
|
};
|
|
318
317
|
return (t.disabled || t.loading) && (e.disabled = !0), g.value && (e.rel = "noreferrer"), e;
|
|
319
|
-
}),
|
|
318
|
+
}), V = (e) => {
|
|
320
319
|
y("blur", e);
|
|
321
|
-
},
|
|
320
|
+
}, z = (e) => {
|
|
322
321
|
if (!((t.to || t.href) && (e.metaKey || e.ctrlKey))) {
|
|
323
322
|
if (e.preventDefault(), b.value) return y("click", e, t);
|
|
324
323
|
t.to ? m?.meta?.router_push && m.meta.router_push(t.to) : window.open(t.href, t.target);
|
|
@@ -327,35 +326,35 @@ const tt = {
|
|
|
327
326
|
return N(() => {
|
|
328
327
|
const o = R()?.vnode;
|
|
329
328
|
b.value = !!o?.props?.onClick;
|
|
330
|
-
}), (e, o) => O((
|
|
329
|
+
}), (e, o) => O((c(), D(E(P.value), H({ ref: w.value }, { ...A.value }, {
|
|
331
330
|
class: ["mc-button", T.value],
|
|
332
331
|
exact: p.exact,
|
|
333
332
|
style: L.value,
|
|
334
|
-
onBlur:
|
|
335
|
-
onClick:
|
|
333
|
+
onBlur: V,
|
|
334
|
+
onClick: z
|
|
336
335
|
}), {
|
|
337
336
|
default: W(() => [
|
|
338
|
-
e.$slots["icon-prepend"] ? (
|
|
337
|
+
e.$slots["icon-prepend"] ? (c(), u("span", tt, [
|
|
339
338
|
f(e.$slots, "icon-prepend")
|
|
340
339
|
])) : d("", !0),
|
|
341
|
-
p.loading ? (
|
|
340
|
+
p.loading ? (c(), u("span", et, [
|
|
342
341
|
K(k(_), {
|
|
343
342
|
class: "mc-button__loader-icon",
|
|
344
343
|
type: "div",
|
|
345
344
|
name: "loader"
|
|
346
345
|
})
|
|
347
346
|
])) : d("", !0),
|
|
348
|
-
e.$slots.default ? (
|
|
347
|
+
e.$slots.default ? (c(), u("span", ot, [
|
|
349
348
|
f(e.$slots, "default")
|
|
350
349
|
])) : d("", !0),
|
|
351
|
-
e.$slots["icon-append"] ? (
|
|
350
|
+
e.$slots["icon-append"] ? (c(), u("span", nt, [
|
|
352
351
|
f(e.$slots, "icon-append")
|
|
353
352
|
])) : d("", !0),
|
|
354
|
-
g.value ? d("", !0) : (
|
|
353
|
+
g.value ? d("", !0) : (c(), u("div", at))
|
|
355
354
|
]),
|
|
356
355
|
_: 3
|
|
357
356
|
}, 16, ["class", "exact", "style"])), [
|
|
358
|
-
[k(S),
|
|
357
|
+
[k(S), $.value]
|
|
359
358
|
]);
|
|
360
359
|
}
|
|
361
360
|
});
|