@maggioli-design-system/magma 2.0.0-alpha.0 → 2.0.0-beta.1

package/dist/components/mds-button-group.js

@@ -1,35 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const mdsButtonGroupCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:inline-flex;gap:calc(var(--spacing,.0025rem)*50)}";
-
-const MdsButtonGroup$1 = /*@__PURE__*/ proxyCustomElement(class MdsButtonGroup extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: '7f14ca7b52b2bc94f1d408c6df06e03e090107c5' }, h("slot", { key: 'fe4d62013f77cf3f12129d340dff20957fc676cc' })));
-    }
-    static get style() { return mdsButtonGroupCss; }
-}, [257, "mds-button-group"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-button-group"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-button-group":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsButtonGroup$1);
-            }
-            break;
-    } });
-}
-
-const MdsButtonGroup = MdsButtonGroup$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsButtonGroup, defineCustomElement };
+import{proxyCustomElement as t,HTMLElement as e,h as o,Host as s,transformTag as n}from"@stencil/core/internal/client";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return o(s,{key:"7f14ca7b52b2bc94f1d408c6df06e03e090107c5"},o("slot",{key:"fe4d62013f77cf3f12129d340dff20957fc676cc"}))}static get style(){return"@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:inline-flex;gap:calc(var(--spacing,.0025rem)*50)}"}},[257,"mds-button-group"]),i=r,d=function(){"undefined"!=typeof customElements&&["mds-button-group"].forEach((t=>{"mds-button-group"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))};export{i as MdsButtonGroup,d as defineCustomElement}

package/dist/components/mds-button.js

@@ -1,6 +1 @@
-import { M as MdsButton$1, d as defineCustomElement$1 } from './mds-button2.js';
-
-const MdsButton = MdsButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsButton, defineCustomElement };
+import{M as o,d as s}from"./mds-button2.js";const t=o,m=s;export{t as MdsButton,m as defineCustomElement}

package/dist/components/mds-button2.js

@@ -1,280 +1 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { K as KeyboardManager } from './keyboard-manager.js';
-import { u as unslugName, s as setAttributeIfEmpty } from './aria.js';
-import { i as isIconFormatIsBase64, a as isIconFormatIsSVG, d as defineCustomElement$3 } from './mds-icon2.js';
-import { r as readSlottedLabel, s as sanitizeLabel } from './slot.js';
-import { d as defineCustomElement$2 } from './mds-spinner2.js';
-import { d as defineCustomElement$1 } from './mds-text2.js';
-
-const buttonSizeTypographyVariant = {
-    sm: 'action',
-    md: 'action',
-    lg: 'h6',
-    xl: 'h5',
-};
-
-var mdiApple = `<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple" viewBox="0 0 24 24"><path d="M18.71,19.5C17.88,20.74 17,21.95 15.66,21.97C14.32,22 13.89,21.18 12.37,21.18C10.84,21.18 10.37,21.95 9.1,22C7.79,22.05 6.8,20.68 5.96,19.47C4.25,17 2.94,12.45 4.7,9.39C5.57,7.87 7.13,6.91 8.82,6.88C10.1,6.86 11.32,7.75 12.11,7.75C12.89,7.75 14.37,6.68 15.92,6.84C16.57,6.87 18.39,7.1 19.56,8.82C19.47,8.88 17.39,10.1 17.41,12.63C17.44,15.65 20.06,16.66 20.09,16.67C20.06,16.74 19.67,18.11 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.46 12.36,4.26 13,3.5Z" /></svg>`;
-
-var logoGoogle = `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" xmlnsXlink="http://www.w3.org/1999/xlink"><path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path><path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path><path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path><path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path><path fill="none" d="M0 0h48v48H0z"></path></svg>
-`;
-
-const mdsButtonCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-button-await-duration:.725s;--mds-button-background:rgb(var(--variant-primary-02,230 239 255));--mds-button-border-color-rgb:0 0 0;--mds-button-border-hover-opacity:.75;--mds-button-border-tone-strong-hover-width:.0625rem;--mds-button-border-tone-outline-hover-width:3px;--mds-button-border-tone-weak-hover-width:.0625rem;--mds-button-border-high-contrast-width:.125rem;--mds-button-border-high-contrast-hover-width:3px;--mds-button-border-default-opacity:0;--mds-button-border-opacity:0;--mds-button-border-width:.125rem;--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-gap:.5rem;--mds-button-line-clamp:1;--mds-button-radius:var(--radius-xs,8px)}*,::backdrop,:after,:before{--tw-duration:initial;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-button-background:rgb(var(--variant-primary-04,184 208 255));--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);min-height:calc(var(--spacing,.0025rem)*900);min-width:calc(var(--spacing,.0025rem)*900);--mds-button-await-duration:.725s;--mds-button-background:rgb(var(--mds-button-border-color-rgb,0 0 0));--mds-button-border-color-rgb:var(--variant-primary-02,230 239 255);--mds-button-border-hover-opacity:.75;--mds-button-border-high-contrast-hover-width:3px;--mds-button-border-high-contrast-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-tone-outline-hover-width:3px;--mds-button-border-tone-outline-opacity:.3;--mds-button-border-tone-strong-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-tone-weak-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-default-opacity:0;--mds-button-border-opacity:0;--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-gap:calc(var(--spacing,.0025rem)*200);--mds-button-line-clamp:1;--mds-button-radius:var(--radius-2xl,24px);animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));--tw-duration:.2s;background-color:var(--mds-button-background,rgb(var(--variant-primary-02,230 239 255)));border-radius:var(--mds-button-radius,var(--radius-xs,8px));-webkit-box-shadow:0 0 0 var(--mds-button-border-width,.125rem)rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-shadow:0 0 0 var(--mds-button-border-width,.125rem)rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-sizing:border-box;color:var(--mds-button-color,rgb(var(--tone-neutral,0 0 0)));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out;corner-shape:var(--magma-corner-shape,round);align-items:center;cursor:pointer;display:inline-flex;fill:currentColor;gap:var(--mds-button-gap,.5rem);justify-content:center;padding:0 calc(var(--spacing,.0025rem)*400);position:relative;transition-property:background-color,border-color,box-shadow,color,outline,outline-offset,transform;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));-webkit-user-select:none;user-select:none}:is(mds-icon,mds-spinner,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-button-await-duration{syntax:\"<time>\";inherits:true;initial-value:.725s}@property --mds-button-border-color-rgb{syntax:\"<number>+\";inherits:true;initial-value:0 0 0}@property --mds-button-border-hover-opacity{syntax:\"<number>\";inherits:true;initial-value:.75}@property --mds-button-border-tone-strong-hover-width{syntax:\"<length>\";inherits:true;initial-value:.0625rem}@property --mds-button-border-tone-outline-hover-width{syntax:\"<length>\";inherits:true;initial-value:3px}@property --mds-button-border-tone-weak-hover-width{syntax:\"<length>\";inherits:true;initial-value:.0625rem}@property --mds-button-border-high-contrast-width{syntax:\"<length>\";inherits:true;initial-value:.125rem}@property --mds-button-border-high-contrast-hover-width{syntax:\"<length>\";inherits:true;initial-value:3px}@property --mds-button-border-default-opacity{syntax:\"<number>\";inherits:true;initial-value:0}@property --mds-button-border-opacity{syntax:\"<number>\";inherits:true;initial-value:0}@property --mds-button-border-width{syntax:\"<length>\";inherits:true;initial-value:.125rem}@property --mds-button-gap{syntax:\"<length>\";inherits:true;initial-value:.5rem}@property --mds-button-line-clamp{syntax:\"<integer>\";inherits:true;initial-value:1}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running;z-index:10}.text{--mds-text-line-clamp:var(--mds-button-line-clamp,1)}.text:first-letter{text-transform:uppercase}.icon{align-items:center;display:inline-flex;fill:inherit;flex-shrink:0;justify-content:center;pointer-events:none;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:fill;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955))}:host-context(mds-button-group):host(:not(:first-child)){border-bottom-left-radius:0;border-top-left-radius:0}:host-context(mds-button-group):host(:not(:last-child)){border-bottom-right-radius:0;border-top-right-radius:0}.await{display:none;margin-right:calc(var(--mds-button-gap,.5rem)*-1 - var(--spacing,.0025rem)*600);transform:scale(0);transition-behavior:allow-discrete;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:display,margin-right,opacity,transform,width;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955))}.await,.spinner{height:calc(var(--spacing,.0025rem)*600);width:calc(var(--spacing,.0025rem)*600)}.spinner{--mds-spinner-duration:var(--mds-button-await-duration,.725s);color:currentColor}:is(:host(:not([await])),:host([await=false])) .spinner{-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}:host([await]:not([await=false])) .await{display:flex;margin-right:0;opacity:1;transform:scale(1)}@starting-style{:host([await]:not([await=false])) .await{margin-right:calc(var(--mds-button-gap,.5rem)*-1 - var(--spacing,.0025rem)*600);opacity:0;transform:scale(0)}}:host([await]:not([await=false])){pointer-events:none}:host([disabled]:not([disabled=false])){opacity:.5;pointer-events:none}:host([size=sm]){--mds-button-radius:var(--radius-md,12px);min-height:calc(var(--spacing,.0025rem)*700);min-width:calc(var(--spacing,.0025rem)*700);padding:0 calc(var(--spacing,.0025rem)*300)}:host([size=sm]) .icon{height:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*400)}:host([size=sm]) .text{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}:host([size=sm]):host([await]:not([await=false])) .await{transform:scale(75)}:host([size=md]){min-height:calc(var(--spacing,.0025rem)*900);min-width:calc(var(--spacing,.0025rem)*900);padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*400)}:host([size=md]):host([icon][icon-position=left]){padding-left:calc(var(--spacing,.0025rem)*300)}:host([size=md]):host([icon][icon-position=right]){padding-right:calc(var(--spacing,.0025rem)*300)}:host([size=lg]){min-height:calc(var(--spacing,.0025rem)*1200);min-width:calc(var(--spacing,.0025rem)*1200);padding-left:calc(var(--spacing,.0025rem)*500);padding-right:calc(var(--spacing,.0025rem)*500)}:host([size=lg]):host([icon][icon-position=left]){padding-left:calc(var(--spacing,.0025rem)*400)}:host([size=lg]):host([icon][icon-position=right]){padding-right:calc(var(--spacing,.0025rem)*400)}:host([size=xl]){min-height:calc(var(--spacing,.0025rem)*1300);min-width:calc(var(--spacing,.0025rem)*1300);padding-left:calc(var(--spacing,.0025rem)*600);padding-right:calc(var(--spacing,.0025rem)*600)}:host([size=xl]) .icon{height:calc(var(--spacing,.0025rem)*800);width:calc(var(--spacing,.0025rem)*800)}:host([size][icon][icon-position]:not([label])){aspect-ratio:1;padding:0}:host(:not([label])) .text,:host([label=\"\"]) .text{display:none}:host([variant=primary]){--mds-button-background:rgb(var(--variant-primary-04,184 208 255));--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=primary]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-primary-03,211 226 255));--mds-button-border-color-rgb:var(--variant-primary-03,211 226 255)}:host([variant=primary]):host([tone=weak]){--mds-button-background:rgb(var(--variant-primary-09,0 58 168));--mds-button-border-color-rgb:var(--variant-primary-09,0 58 168);--mds-button-color:rgb(var(--variant-primary-03,211 226 255));fill:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-primary-08,0 83 239));--mds-button-border-color-rgb:var(--variant-primary-08,0 83 239)}:host([variant=primary]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--variant-primary-02,230 239 255))}:host([variant=primary]):host([tone=text]){--mds-button-color:rgb(var(--variant-primary-02,230 239 255))}:host([variant=primary]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-primary-04,184 208 255));--mds-button-background:rgb(var(--variant-primary-10,0 49 142))}:host([variant=primary]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-primary-01,242 246 255))}:host([variant=secondary]){--mds-button-background:rgb(var(--variant-secondary-04,190 208 250));--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=secondary]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-secondary-03,215 226 252));--mds-button-border-color-rgb:var(--variant-secondary-03,215 226 252)}:host([variant=secondary]):host([tone=weak]){--mds-button-background:rgb(var(--variant-secondary-09,12 58 168));--mds-button-border-color-rgb:var(--variant-secondary-09,12 58 168);--mds-button-color:rgb(var(--variant-secondary-03,215 226 252));fill:rgb(var(--variant-secondary-03,215 226 252))}:host([variant=secondary]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-secondary-08,18 83 238));--mds-button-border-color-rgb:var(--variant-secondary-08,18 83 238)}:host([variant=secondary]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--variant-secondary-03,215 226 252))}:host([variant=secondary]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--variant-secondary-02,232 238 253))}:host([variant=secondary]):host([tone=text]){--mds-button-color:rgb(var(--variant-secondary-02,232 238 253))}:host([variant=secondary]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-secondary-04,190 208 250));--mds-button-background:rgb(var(--variant-secondary-10,10 49 142))}:host([variant=secondary]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-secondary-01,243 246 254))}:host([variant=ai]){--mds-button-background:rgb(var(--variant-ai-04,218 199 253));--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=ai]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-ai-03,233 220 254));--mds-button-border-color-rgb:var(--variant-ai-03,233 220 254)}:host([variant=ai]):host([tone=weak]){--mds-button-background:rgb(var(--variant-ai-09,75 8 189));--mds-button-border-color-rgb:var(--variant-ai-09,75 8 189);--mds-button-color:rgb(var(--variant-ai-03,233 220 254));fill:rgb(var(--variant-ai-03,233 220 254))}:host([variant=ai]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-ai-08,118 44 246));--mds-button-border-color-rgb:var(--variant-ai-08,118 44 246)}:host([variant=ai]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--variant-ai-03,233 220 254))}:host([variant=ai]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--variant-ai-02,242 235 254))}:host([variant=ai]):host([tone=text]){--mds-button-color:rgb(var(--variant-ai-02,242 235 254))}:host([variant=ai]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-ai-04,218 199 253));--mds-button-background:rgb(var(--variant-ai-10,63 7 161))}:host([variant=ai]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-ai-01,248 244 255))}:host([variant=info]){--mds-button-background:rgb(var(--status-info-05,112 198 234));--mds-button-border-color-rgb:var(--status-info-05,112 198 234);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=info]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-info-04,159 216 241));--mds-button-border-color-rgb:var(--status-info-04,159 216 241)}:host([variant=info]):host([tone=weak]){--mds-button-background:rgb(var(--status-info-09,0 73 116));--mds-button-border-color-rgb:var(--status-info-09,0 73 116);--mds-button-color:rgb(var(--status-info-03,198 231 247));fill:rgb(var(--status-info-03,198 231 247))}:host([variant=info]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-info-08,0 107 151));--mds-button-border-color-rgb:var(--status-info-08,0 107 151);--mds-button-color:rgb(var(--status-info-01,237 248 253))}:host([variant=info]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-info-04,159 216 241);--mds-button-color:rgb(var(--status-info-03,198 231 247))}:host([variant=info]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-info-04,159 216 241);--mds-button-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=text]){--mds-button-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-info-04,159 216 241));--mds-button-background:rgb(var(--status-info-10,0 61 103))}:host([variant=info]):host([tone=text][active]){--mds-button-color:rgb(var(--status-info-01,237 248 253))}:host([variant=success]){--mds-button-background:rgb(var(--status-success-05,107 206 147));--mds-button-border-color-rgb:var(--status-success-05,107 206 147);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=success]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-success-04,158 222 181));--mds-button-border-color-rgb:var(--status-success-04,158 222 181)}:host([variant=success]):host([tone=weak]){--mds-button-background:rgb(var(--status-success-09,0 82 9));--mds-button-border-color-rgb:var(--status-success-09,0 82 9);--mds-button-color:rgb(var(--status-success-03,196 235 209));fill:rgb(var(--status-success-03,196 235 209))}:host([variant=success]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-success-08,0 116 46));--mds-button-border-color-rgb:var(--status-success-08,0 116 46);--mds-button-color:rgb(var(--status-success-01,237 249 241))}:host([variant=success]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-success-04,158 222 181);--mds-button-color:rgb(var(--status-success-03,196 235 209))}:host([variant=success]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-success-04,158 222 181);--mds-button-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=text]){--mds-button-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-success-04,158 222 181));--mds-button-background:rgb(var(--status-success-10,0 69 0))}:host([variant=success]):host([tone=text][active]){--mds-button-color:rgb(var(--status-success-01,237 249 241))}:host([variant=warning]){--mds-button-background:rgb(var(--status-warning-05,237 177 0));--mds-button-border-color-rgb:var(--status-warning-05,237 177 0);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=warning]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-warning-04,255 200 33));--mds-button-border-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=warning]):host([tone=weak]){--mds-button-background:rgb(var(--status-warning-09,90 67 0));--mds-button-border-color-rgb:var(--status-warning-09,90 67 0);--mds-button-color:rgb(var(--status-warning-03,255 223 129));fill:rgb(var(--status-warning-03,255 223 129))}:host([variant=warning]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-warning-08,129 96 0));--mds-button-border-color-rgb:var(--status-warning-08,129 96 0);--mds-button-color:rgb(var(--status-warning-01,255 246 217))}:host([variant=warning]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-warning-04,255 200 33);--mds-button-color:rgb(var(--status-warning-03,255 223 129))}:host([variant=warning]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-warning-04,255 200 33);--mds-button-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=text]){--mds-button-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-warning-04,255 200 33));--mds-button-background:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]):host([tone=text][active]){--mds-button-color:rgb(var(--status-warning-01,255 246 217))}:host([variant=error]){--mds-button-background:rgb(var(--status-error-05,250 165 160));--mds-button-border-color-rgb:var(--status-error-05,250 165 160);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=error]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-error-04,254 193 189));--mds-button-border-color-rgb:var(--status-error-04,254 193 189)}:host([variant=error]):host([tone=weak]){--mds-button-background:rgb(var(--status-error-09,135 0 14));--mds-button-border-color-rgb:var(--status-error-09,135 0 14);--mds-button-color:rgb(var(--status-error-03,255 217 214));fill:rgb(var(--status-error-03,255 217 214))}:host([variant=error]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-error-08,182 50 54));--mds-button-border-color-rgb:var(--status-error-08,182 50 54);--mds-button-color:rgb(var(--status-error-01,255 243 242))}:host([variant=error]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-error-04,254 193 189);--mds-button-color:rgb(var(--status-error-03,255 217 214))}:host([variant=error]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-error-04,254 193 189);--mds-button-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=text]){--mds-button-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-error-04,254 193 189));--mds-button-background:rgb(var(--status-error-10,115 0 0))}:host([variant=error]):host([tone=text][active]){--mds-button-color:rgb(var(--status-error-01,255 243 242))}:host([variant=light]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=strong]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0)}:host([variant=light]):host([tone=weak]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));fill:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=weak]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=light]):host([tone=outline]),:host([variant=light]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=light]):host([tone=text]){--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=light]):host([tone=text]:hover){--mds-button-color:rgb(var(--tone-neutral-10,60 60 60));--mds-button-background:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=text][active]){--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]){--mds-button-background:rgb(var(--tone-neutral-04,218 218 218));--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]):host([tone=strong]:hover){--mds-button-background:rgb(var(--tone-neutral-05,197 197 197));--mds-button-border-color-rgb:var(--tone-neutral-05,197 197 197)}:host([variant=dark]):host([tone=weak]){--mds-button-background:rgb(var(--tone-neutral-08,107 107 107));--mds-button-border-color-rgb:var(--tone-neutral-08,107 107 107);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));fill:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=weak]:hover){--mds-button-background:rgb(var(--tone-neutral-07,134 134 134));--mds-button-border-color-rgb:var(--tone-neutral-07,134 134 134);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=outline]){--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=text]){--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=text]:hover){--mds-button-color:rgb(var(--tone-neutral-01,255 255 255));--mds-button-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=dark]):host([tone=text][active]){--mds-button-color:rgb(var(--tone-neutral-01,255 255 255))}:host([variant=google]),:host([variant=google][tone]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-hover-opacity:50%;--mds-button-border-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:20%;--mds-button-border-width:calc(var(--spacing,.0025rem)*25);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));--mds-button-border-color-rgb:var(--tone-neutral-01,255 255 255);-webkit-box-shadow:0 0 0 var(--mds-button-border-width,.125rem)rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-shadow:0 0 0 var(--mds-button-border-width,.125rem)rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0))}:host([variant=google]:hover),:host([variant=google][tone]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-width:var(--mds-button-border-hover-width);--mds-button-border-opacity:var(--mds-button-border-hover-opacity,.75)}:host([variant=apple]) .icon{transform:translateY(-5%)}:host([variant=apple]),:host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-02,244 244 244));--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-border-width:0;--mds-button-border-color-rgb:var(--tone-neutral-02,244 244 244)}:host([variant=apple]:hover),:host([variant=apple][tone]:hover){--mds-button-background:rgb(var(--tone-neutral-02,244 244 244));--mds-button-border-opacity:100%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google][tone]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google]:hover){--mds-button-border-opacity:50%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google][tone]:hover){--mds-button-border-opacity:50%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=apple]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:host([tone=outline]),:host([tone=text]){--mds-button-background:transparent}:host([tone=box]),:host([tone=strong]),:host([tone=weak]){--mds-button-border-default-opacity:1;--mds-button-border-width:0;--mds-button-border-opacity:var(--mds-button-border-default-opacity,0)}:host([tone=strong]:hover),:host([tone=strong][active]){--mds-button-border-width:var(--mds-button-border-tone-strong-hover-width,.0625rem)}:host([tone=weak]:hover),:host([tone=weak][active]){--mds-button-border-width:var(--mds-button-border-tone-weak-hover-width,.0625rem)}:host([tone=outline]){--mds-button-border-opacity:var(--mds-button-border-tone-outline-opacity)}:host([tone=outline]:hover),:host([tone=outline][active]){--mds-button-background:transparent;--mds-button-border-width:var(--mds-button-border-tone-outline-hover-width,3px);--mds-button-border-opacity:var(--mds-button-border-hover-opacity,.75)}:host([tone=box]){-webkit-box-shadow:var(--shadow-box-solid-strong,#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#00000059 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);box-shadow:var(--shadow-box-solid-strong,#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#00000059 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);transition-property:background-color,border-color,box-shadow,color,outline,filter,outline-offset,transform}:host([tone=box]):host(:hover){filter:brightness(1.1)}:is(:host-context(:root.pref-animation-reduce) .await,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-font-weight{syntax:\"*\";inherits:false}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=apple]),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google]),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google][tone]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google]:hover),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google][tone]:hover){--mds-button-border-opacity:50%}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .await,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon{transition-duration:0s}}";
-
-const MdsButton = /*@__PURE__*/ proxyCustomElement(class MdsButton extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.internals = this.attachInternals();
-        this.km = new KeyboardManager();
-        /**
-         * Specifies if the text is animated when it is rendered
-         */
-        this.animation = 'none';
-        /**
-         * Specifies the horizontal position of the icon displayed in the button
-         */
-        this.iconPosition = 'left';
-        /**
-         * The type of the button element
-         */
-        this.type = 'submit';
-        /**
-         * Specifies the color variant for the button
-         */
-        this.variant = 'primary';
-        /**
-         * Specifies the tone variant for the button
-         */
-        this.tone = 'strong';
-        /**
-         * Specifies the size for the button
-         */
-        this.size = 'md';
-        /**
-         * Specifies the target of the URL, if self or blank
-         */
-        this.target = 'self';
-        /**
-         * Specifies if the text shoud be truncated or should behave as a normal text
-         */
-        this.truncate = 'word';
-        this.handleRequestSubmitForm = (e) => {
-            var _a;
-            e.preventDefault();
-            (_a = this.internals.form) === null || _a === void 0 ? void 0 : _a.requestSubmit();
-        };
-        this.handleReset = (e) => {
-            var _a;
-            e.preventDefault();
-            (_a = this.internals.form) === null || _a === void 0 ? void 0 : _a.reset();
-        };
-        this.mouseDown = () => {
-            this.active = true;
-        };
-        this.mouseUp = () => {
-            this.active = false;
-        };
-        this.redirectBlank = () => {
-            if (typeof window !== 'undefined') {
-                window.open(this.href, '_blank');
-                return;
-            }
-            throw Error('Object window is not defined');
-        };
-        this.onSlotChangeHandler = () => {
-            /* this should be removed in the future once slotted text is no longer used, use the label property instead */
-            if (this.label)
-                return;
-            this.label = readSlottedLabel(this.host);
-        };
-    }
-    disabledChanged(newValue) {
-        if (newValue) {
-            this.km.attachClickBehavior();
-            return;
-        }
-        this.km.detachClickBehavior();
-        /**
-         * When the component is disabled="false" it won't work with onClick events
-         * since formAssociated where added to it.
-         * https://github.com/ionic-team/stencil/issues/5461
-         */
-        this.disabled = undefined;
-    }
-    labelChanged(newValue) {
-        this.label = sanitizeLabel(newValue);
-    }
-    awaitChanged(newValue) {
-        this.host.setAttribute('aria-busy', (!!newValue).toString());
-        if (newValue) {
-            this.km.attachClickBehavior();
-            return;
-        }
-        this.km.detachClickBehavior();
-    }
-    handleTypeChange(newValue) {
-        // If not participating we don't do anything
-        if (!this.internals.form)
-            return;
-        if (newValue === 'submit') {
-            this.host.removeEventListener('click', this.handleReset);
-            this.host.addEventListener('click', this.handleRequestSubmitForm);
-        }
-        else if (newValue === 'reset') {
-            this.host.removeEventListener('click', this.handleRequestSubmitForm);
-            this.host.addEventListener('click', this.handleReset);
-        }
-        else {
-            this.host.removeEventListener('click', this.handleRequestSubmitForm);
-            this.host.removeEventListener('click', this.handleReset);
-        }
-    }
-    handleVariantChange(newValue) {
-        if (newValue === 'google') {
-            this.icon = logoGoogle;
-            return;
-        }
-        if (newValue === 'apple') {
-            this.icon = mdiApple;
-            return;
-        }
-    }
-    componentWillLoad() {
-        this.hasNotification = this.host.querySelector(':scope > [slot="notification"]') !== null;
-        this.handleVariantChange(this.variant);
-        if (this.href) {
-            this.host.addEventListener('click', (e) => {
-                var _a;
-                e.preventDefault();
-                if (this.target === 'blank') {
-                    this.redirectBlank();
-                    return;
-                }
-                if (typeof window !== 'undefined') {
-                    window.location.href = (_a = this.href) !== null && _a !== void 0 ? _a : ''; // TypeScript 5.0.2 bug: if (this.href) not checked
-                }
-            });
-        }
-        else if (this.internals.form) {
-            if (this.type === 'submit') {
-                this.host.addEventListener('click', this.handleRequestSubmitForm);
-            }
-            else if (this.type === 'reset') {
-                this.host.addEventListener('click', this.handleReset);
-            }
-        }
-    }
-    componentDidLoad() {
-        this.km.addElement(this.host);
-        if (!this.await) {
-            this.km.attachClickBehavior();
-        }
-        this.host.setAttribute('aria-busy', this.await ? 'true' : 'false');
-        if (this.autoFocus) {
-            this.host.focus();
-        }
-        if (isIconFormatIsBase64(this.icon)) {
-            return;
-        }
-        if (isIconFormatIsSVG(this.icon)) {
-            return;
-        }
-        if (this.label === '') {
-            this.label = undefined;
-        }
-        if (!this.label && this.icon) {
-            const iconTitle = unslugName(this.icon);
-            if (!this.host.hasAttribute('aria-label')) {
-                setAttributeIfEmpty(this.host, 'title', iconTitle);
-            }
-            if (!this.host.hasAttribute('title')) {
-                setAttributeIfEmpty(this.host, 'aria-label', iconTitle);
-            }
-        }
-        setAttributeIfEmpty(this.host, 'role', 'button');
-    }
-    handleAwaitChange(newValue) {
-        if (newValue === false) {
-            this.await = undefined;
-            this.km.detachClickBehavior();
-            return;
-        }
-        this.km.attachClickBehavior();
-    }
-    connectedCallback() {
-        if (!this.disabled)
-            this.host.removeAttribute('disabled');
-    }
-    disconnectedCallback() {
-        this.km.detachClickBehavior();
-    }
-    render() {
-        this.typography = buttonSizeTypographyVariant[this.size];
-        return (h(Host, { key: 'f11b3fefe2624b532172ff91eef4c91f7cf49f76', onMouseDown: this.mouseDown, onMouseUp: this.mouseUp, onMouseOut: this.mouseUp, tabindex: "0" }, h("div", { key: '5ddaf6c8982768d5eea3d9d4fb075dca853d6124', class: "await" }, h("mds-spinner", { key: 'd4222c0a3c853f37b2755d3cbe5bdcfee6fcdb6c', class: "spinner", running: this.await })), this.icon && this.iconPosition === 'left' && (h("mds-icon", { key: 'ee5c6213360f7769db2eaee747ae1781feb9fa59', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" })), h("mds-text", { key: '1e7031f617a395c699647df1e1d0885f0774f0ec', class: "text", part: "label", tag: "span", typography: this.typography, truncate: this.truncate, animation: this.animation, text: this.label }, this.label || h("slot", { key: '2051ccbb05ccb1dbec17c50f6db9a69a68aa5762', onSlotchange: this.onSlotChangeHandler })), this.hasNotification && h("slot", { key: '12a418d582c23872e68cf0832b76ea6092f0e340', name: "notification" }), this.icon && this.iconPosition === 'right' && (h("mds-icon", { key: 'bc125dee8740f533463f53db511012ea52bb7ad8', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" }))));
-    }
-    static get formAssociated() { return true; }
-    get host() { return this; }
-    static get watchers() { return {
-        "disabled": ["disabledChanged"],
-        "label": ["labelChanged"],
-        "await": ["awaitChanged", "handleAwaitChange"],
-        "type": ["handleTypeChange"],
-        "variant": ["handleVariantChange"]
-    }; }
-    static get style() { return mdsButtonCss; }
-}, [321, "mds-button", {
-        "autoFocus": [4, "auto-focus"],
-        "label": [1537],
-        "animation": [513],
-        "icon": [1537],
-        "iconPosition": [513, "icon-position"],
-        "type": [513],
-        "variant": [513],
-        "tone": [513],
-        "size": [513],
-        "active": [1540],
-        "disabled": [1540],
-        "await": [1540],
-        "href": [513],
-        "target": [1],
-        "truncate": [513]
-    }, undefined, {
-        "disabled": ["disabledChanged"],
-        "label": ["labelChanged"],
-        "await": ["awaitChanged", "handleAwaitChange"],
-        "type": ["handleTypeChange"],
-        "variant": ["handleVariantChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mds-button", "mds-icon", "mds-spinner", "mds-text"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mds-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MdsButton);
-            }
-            break;
-        case "mds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mds-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "mds-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { MdsButton as M, defineCustomElement as d };
+import{proxyCustomElement as e,HTMLElement as t,h as r,Host as o,transformTag as s}from"@stencil/core/internal/client";import{K as n}from"./keyboard-manager.js";import{u as a,s as i}from"./aria.js";import{i as l,a as m,d}from"./mds-icon2.js";import{r as b,s as u}from"./slot.js";import{d as c}from"./mds-spinner2.js";import{d as h}from"./mds-text2.js";const v={sm:"action",md:"action",lg:"h6",xl:"h5"},p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.internals=this.attachInternals(),this.km=new n,this.animation="none",this.iconPosition="left",this.type="submit",this.variant="primary",this.tone="strong",this.size="md",this.target="self",this.truncate="word",this.handleRequestSubmitForm=e=>{var t;e.preventDefault(),null===(t=this.internals.form)||void 0===t||t.requestSubmit()},this.handleReset=e=>{var t;e.preventDefault(),null===(t=this.internals.form)||void 0===t||t.reset()},this.mouseDown=()=>{this.active=!0},this.mouseUp=()=>{this.active=!1},this.redirectBlank=()=>{if("undefined"==typeof window)throw Error("Object window is not defined");window.open(this.href,"_blank")},this.onSlotChangeHandler=()=>{this.label||(this.label=b(this.host))}}disabledChanged(e){e?this.km.attachClickBehavior():(this.km.detachClickBehavior(),this.disabled=void 0)}labelChanged(e){this.label=u(e)}awaitChanged(e){this.host.setAttribute("aria-busy",(!!e).toString()),e?this.km.attachClickBehavior():this.km.detachClickBehavior()}handleTypeChange(e){this.internals.form&&("submit"===e?(this.host.removeEventListener("click",this.handleReset),this.host.addEventListener("click",this.handleRequestSubmitForm)):"reset"===e?(this.host.removeEventListener("click",this.handleRequestSubmitForm),this.host.addEventListener("click",this.handleReset)):(this.host.removeEventListener("click",this.handleRequestSubmitForm),this.host.removeEventListener("click",this.handleReset)))}handleVariantChange(e){"google"!==e?"apple"!==e||(this.icon='<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple" viewBox="0 0 24 24"><path d="M18.71,19.5C17.88,20.74 17,21.95 15.66,21.97C14.32,22 13.89,21.18 12.37,21.18C10.84,21.18 10.37,21.95 9.1,22C7.79,22.05 6.8,20.68 5.96,19.47C4.25,17 2.94,12.45 4.7,9.39C5.57,7.87 7.13,6.91 8.82,6.88C10.1,6.86 11.32,7.75 12.11,7.75C12.89,7.75 14.37,6.68 15.92,6.84C16.57,6.87 18.39,7.1 19.56,8.82C19.47,8.88 17.39,10.1 17.41,12.63C17.44,15.65 20.06,16.66 20.09,16.67C20.06,16.74 19.67,18.11 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.46 12.36,4.26 13,3.5Z" /></svg>'):this.icon='<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" xmlnsXlink="http://www.w3.org/1999/xlink"><path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path><path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path><path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path><path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path><path fill="none" d="M0 0h48v48H0z"></path></svg>\n'}componentWillLoad(){this.hasNotification=null!==this.host.querySelector(':scope > [slot="notification"]'),this.handleVariantChange(this.variant),this.href?this.host.addEventListener("click",(e=>{var t;e.preventDefault(),"blank"!==this.target?"undefined"!=typeof window&&(window.location.href=null!==(t=this.href)&&void 0!==t?t:""):this.redirectBlank()})):this.internals.form&&("submit"===this.type?this.host.addEventListener("click",this.handleRequestSubmitForm):"reset"===this.type&&this.host.addEventListener("click",this.handleReset))}componentDidLoad(){if(this.km.addElement(this.host),this.await||this.km.attachClickBehavior(),this.host.setAttribute("aria-busy",this.await?"true":"false"),this.autoFocus&&this.host.focus(),!l(this.icon)&&!m(this.icon)){if(""===this.label&&(this.label=void 0),!this.label&&this.icon){const e=a(this.icon);this.host.hasAttribute("aria-label")||i(this.host,"title",e),this.host.hasAttribute("title")||i(this.host,"aria-label",e)}i(this.host,"role","button")}}handleAwaitChange(e){if(!1===e)return this.await=void 0,void this.km.detachClickBehavior();this.km.attachClickBehavior()}connectedCallback(){this.disabled||this.host.removeAttribute("disabled")}disconnectedCallback(){this.km.detachClickBehavior()}render(){return this.typography=v[this.size],r(o,{key:"f11b3fefe2624b532172ff91eef4c91f7cf49f76",onMouseDown:this.mouseDown,onMouseUp:this.mouseUp,onMouseOut:this.mouseUp,tabindex:"0"},r("div",{key:"5ddaf6c8982768d5eea3d9d4fb075dca853d6124",class:"await"},r("mds-spinner",{key:"d4222c0a3c853f37b2755d3cbe5bdcfee6fcdb6c",class:"spinner",running:this.await})),this.icon&&"left"===this.iconPosition&&r("mds-icon",{key:"ee5c6213360f7769db2eaee747ae1781feb9fa59","aria-hidden":"true",class:"icon",name:this.icon,part:"icon"}),r("mds-text",{key:"1e7031f617a395c699647df1e1d0885f0774f0ec",class:"text",part:"label",tag:"span",typography:this.typography,truncate:this.truncate,animation:this.animation,text:this.label},this.label||r("slot",{key:"2051ccbb05ccb1dbec17c50f6db9a69a68aa5762",onSlotchange:this.onSlotChangeHandler})),this.hasNotification&&r("slot",{key:"12a418d582c23872e68cf0832b76ea6092f0e340",name:"notification"}),this.icon&&"right"===this.iconPosition&&r("mds-icon",{key:"bc125dee8740f533463f53db511012ea52bb7ad8","aria-hidden":"true",class:"icon",name:this.icon,part:"icon"}))}static get formAssociated(){return!0}get host(){return this}static get watchers(){return{disabled:[{disabledChanged:0}],label:[{labelChanged:0}],await:[{awaitChanged:0},{handleAwaitChange:0}],type:[{handleTypeChange:0}],variant:[{handleVariantChange:0}]}}static get style(){return'@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-button-await-duration:.725s;--mds-button-background:rgb(var(--variant-primary-02,230 239 255));--mds-button-border-color-rgb:0 0 0;--mds-button-border-hover-opacity:.75;--mds-button-border-tone-strong-hover-width:.0625rem;--mds-button-border-tone-outline-hover-width:3px;--mds-button-border-tone-weak-hover-width:.0625rem;--mds-button-border-high-contrast-width:.125rem;--mds-button-border-high-contrast-hover-width:3px;--mds-button-border-default-opacity:0;--mds-button-border-opacity:0;--mds-button-border-width:.125rem;--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-gap:.5rem;--mds-button-line-clamp:1;--mds-button-radius:var(--radius-xs,8px)}*,::backdrop,:after,:before{--tw-duration:initial;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-button-background:rgb(var(--variant-primary-04,184 208 255));--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);min-height:calc(var(--spacing,.0025rem)*900);min-width:calc(var(--spacing,.0025rem)*900);--mds-button-await-duration:.725s;--mds-button-background:rgb(var(--mds-button-border-color-rgb,0 0 0));--mds-button-border-color-rgb:var(--variant-primary-02,230 239 255);--mds-button-border-hover-opacity:.75;--mds-button-border-high-contrast-hover-width:3px;--mds-button-border-high-contrast-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-tone-outline-hover-width:3px;--mds-button-border-tone-outline-opacity:.3;--mds-button-border-tone-strong-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-tone-weak-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-default-opacity:0;--mds-button-border-opacity:0;--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-gap:calc(var(--spacing,.0025rem)*200);--mds-button-line-clamp:1;--mds-button-radius:var(--radius-2xl,24px);animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));--tw-duration:.2s;background-color:var(--mds-button-background,rgb(var(--variant-primary-02,230 239 255)));border-radius:var(--mds-button-radius,var(--radius-xs,8px));-webkit-box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-sizing:border-box;color:var(--mds-button-color,rgb(var(--tone-neutral,0 0 0)));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out;corner-shape:var(--magma-corner-shape,round);align-items:center;cursor:pointer;display:inline-flex;fill:currentColor;gap:var(--mds-button-gap,.5rem);justify-content:center;padding:0 calc(var(--spacing,.0025rem)*400);position:relative;transition-property:background-color,border-color,box-shadow,color,outline,outline-offset,transform;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));-webkit-user-select:none;user-select:none}:is(mds-icon,mds-spinner,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-button-await-duration{syntax:"<time>";inherits:true;initial-value:.725s}@property --mds-button-border-color-rgb{syntax:"<number>+";inherits:true;initial-value:0 0 0}@property --mds-button-border-hover-opacity{syntax:"<number>";inherits:true;initial-value:.75}@property --mds-button-border-tone-strong-hover-width{syntax:"<length>";inherits:true;initial-value:.0625rem}@property --mds-button-border-tone-outline-hover-width{syntax:"<length>";inherits:true;initial-value:3px}@property --mds-button-border-tone-weak-hover-width{syntax:"<length>";inherits:true;initial-value:.0625rem}@property --mds-button-border-high-contrast-width{syntax:"<length>";inherits:true;initial-value:.125rem}@property --mds-button-border-high-contrast-hover-width{syntax:"<length>";inherits:true;initial-value:3px}@property --mds-button-border-default-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --mds-button-border-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --mds-button-border-width{syntax:"<length>";inherits:true;initial-value:.125rem}@property --mds-button-gap{syntax:"<length>";inherits:true;initial-value:.5rem}@property --mds-button-line-clamp{syntax:"<integer>";inherits:true;initial-value:1}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running;z-index:10}.text{--mds-text-line-clamp:var(--mds-button-line-clamp,1)}.text:first-letter{text-transform:uppercase}.icon{align-items:center;display:inline-flex;fill:inherit;flex-shrink:0;justify-content:center;pointer-events:none;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:fill;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955))}:host-context(mds-button-group):host(:not(:first-child)){border-bottom-left-radius:0;border-top-left-radius:0}:host-context(mds-button-group):host(:not(:last-child)){border-bottom-right-radius:0;border-top-right-radius:0}.await{display:none;margin-right:calc(var(--mds-button-gap,.5rem)*-1 - var(--spacing,.0025rem)*600);transform:scale(0);transition-behavior:allow-discrete;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:display,margin-right,opacity,transform,width;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955))}.await,.spinner{height:calc(var(--spacing,.0025rem)*600);width:calc(var(--spacing,.0025rem)*600)}.spinner{--mds-spinner-duration:var(--mds-button-await-duration,.725s);color:currentColor}:is(:host(:not([await])),:host([await=false])) .spinner{-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}:host([await]:not([await=false])) .await{display:flex;margin-right:0;opacity:1;transform:scale(1)}@starting-style{:host([await]:not([await=false])) .await{margin-right:calc(var(--mds-button-gap,.5rem)*-1 - var(--spacing,.0025rem)*600);opacity:0;transform:scale(0)}}:host([await]:not([await=false])){pointer-events:none}:host([disabled]:not([disabled=false])){opacity:.5;pointer-events:none}:host([size=sm]){--mds-button-radius:var(--radius-md,12px);min-height:calc(var(--spacing,.0025rem)*700);min-width:calc(var(--spacing,.0025rem)*700);padding:0 calc(var(--spacing,.0025rem)*300)}:host([size=sm]) .icon{height:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*400)}:host([size=sm]) .text{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}:host([size=sm]):host([await]:not([await=false])) .await{transform:scale(75)}:host([size=md]){min-height:calc(var(--spacing,.0025rem)*900);min-width:calc(var(--spacing,.0025rem)*900);padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*400)}:host([size=md]):host([icon][icon-position=left]){padding-left:calc(var(--spacing,.0025rem)*300)}:host([size=md]):host([icon][icon-position=right]){padding-right:calc(var(--spacing,.0025rem)*300)}:host([size=lg]){min-height:calc(var(--spacing,.0025rem)*1200);min-width:calc(var(--spacing,.0025rem)*1200);padding-left:calc(var(--spacing,.0025rem)*500);padding-right:calc(var(--spacing,.0025rem)*500)}:host([size=lg]):host([icon][icon-position=left]){padding-left:calc(var(--spacing,.0025rem)*400)}:host([size=lg]):host([icon][icon-position=right]){padding-right:calc(var(--spacing,.0025rem)*400)}:host([size=xl]){min-height:calc(var(--spacing,.0025rem)*1300);min-width:calc(var(--spacing,.0025rem)*1300);padding-left:calc(var(--spacing,.0025rem)*600);padding-right:calc(var(--spacing,.0025rem)*600)}:host([size=xl]) .icon{height:calc(var(--spacing,.0025rem)*800);width:calc(var(--spacing,.0025rem)*800)}:host([size][icon][icon-position]:not([label])){aspect-ratio:1;padding:0}:host(:not([label])) .text,:host([label=""]) .text{display:none}:host([variant=primary]){--mds-button-background:rgb(var(--variant-primary-04,184 208 255));--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=primary]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-primary-03,211 226 255));--mds-button-border-color-rgb:var(--variant-primary-03,211 226 255)}:host([variant=primary]):host([tone=weak]){--mds-button-background:rgb(var(--variant-primary-09,0 58 168));--mds-button-border-color-rgb:var(--variant-primary-09,0 58 168);--mds-button-color:rgb(var(--variant-primary-03,211 226 255));fill:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-primary-08,0 83 239));--mds-button-border-color-rgb:var(--variant-primary-08,0 83 239)}:host([variant=primary]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--variant-primary-02,230 239 255))}:host([variant=primary]):host([tone=text]){--mds-button-color:rgb(var(--variant-primary-02,230 239 255))}:host([variant=primary]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-primary-04,184 208 255));--mds-button-background:rgb(var(--variant-primary-10,0 49 142))}:host([variant=primary]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-primary-01,242 246 255))}:host([variant=secondary]){--mds-button-background:rgb(var(--variant-secondary-04,190 208 250));--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=secondary]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-secondary-03,215 226 252));--mds-button-border-color-rgb:var(--variant-secondary-03,215 226 252)}:host([variant=secondary]):host([tone=weak]){--mds-button-background:rgb(var(--variant-secondary-09,12 58 168));--mds-button-border-color-rgb:var(--variant-secondary-09,12 58 168);--mds-button-color:rgb(var(--variant-secondary-03,215 226 252));fill:rgb(var(--variant-secondary-03,215 226 252))}:host([variant=secondary]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-secondary-08,18 83 238));--mds-button-border-color-rgb:var(--variant-secondary-08,18 83 238)}:host([variant=secondary]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--variant-secondary-03,215 226 252))}:host([variant=secondary]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--variant-secondary-02,232 238 253))}:host([variant=secondary]):host([tone=text]){--mds-button-color:rgb(var(--variant-secondary-02,232 238 253))}:host([variant=secondary]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-secondary-04,190 208 250));--mds-button-background:rgb(var(--variant-secondary-10,10 49 142))}:host([variant=secondary]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-secondary-01,243 246 254))}:host([variant=ai]){--mds-button-background:rgb(var(--variant-ai-04,218 199 253));--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=ai]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-ai-03,233 220 254));--mds-button-border-color-rgb:var(--variant-ai-03,233 220 254)}:host([variant=ai]):host([tone=weak]){--mds-button-background:rgb(var(--variant-ai-09,75 8 189));--mds-button-border-color-rgb:var(--variant-ai-09,75 8 189);--mds-button-color:rgb(var(--variant-ai-03,233 220 254));fill:rgb(var(--variant-ai-03,233 220 254))}:host([variant=ai]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-ai-08,118 44 246));--mds-button-border-color-rgb:var(--variant-ai-08,118 44 246)}:host([variant=ai]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--variant-ai-03,233 220 254))}:host([variant=ai]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--variant-ai-02,242 235 254))}:host([variant=ai]):host([tone=text]){--mds-button-color:rgb(var(--variant-ai-02,242 235 254))}:host([variant=ai]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-ai-04,218 199 253));--mds-button-background:rgb(var(--variant-ai-10,63 7 161))}:host([variant=ai]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-ai-01,248 244 255))}:host([variant=info]){--mds-button-background:rgb(var(--status-info-05,112 198 234));--mds-button-border-color-rgb:var(--status-info-05,112 198 234);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=info]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-info-04,159 216 241));--mds-button-border-color-rgb:var(--status-info-04,159 216 241)}:host([variant=info]):host([tone=weak]){--mds-button-background:rgb(var(--status-info-09,0 73 116));--mds-button-border-color-rgb:var(--status-info-09,0 73 116);--mds-button-color:rgb(var(--status-info-03,198 231 247));fill:rgb(var(--status-info-03,198 231 247))}:host([variant=info]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-info-08,0 107 151));--mds-button-border-color-rgb:var(--status-info-08,0 107 151);--mds-button-color:rgb(var(--status-info-01,237 248 253))}:host([variant=info]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-info-04,159 216 241);--mds-button-color:rgb(var(--status-info-03,198 231 247))}:host([variant=info]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-info-04,159 216 241);--mds-button-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=text]){--mds-button-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-info-04,159 216 241));--mds-button-background:rgb(var(--status-info-10,0 61 103))}:host([variant=info]):host([tone=text][active]){--mds-button-color:rgb(var(--status-info-01,237 248 253))}:host([variant=success]){--mds-button-background:rgb(var(--status-success-05,107 206 147));--mds-button-border-color-rgb:var(--status-success-05,107 206 147);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=success]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-success-04,158 222 181));--mds-button-border-color-rgb:var(--status-success-04,158 222 181)}:host([variant=success]):host([tone=weak]){--mds-button-background:rgb(var(--status-success-09,0 82 9));--mds-button-border-color-rgb:var(--status-success-09,0 82 9);--mds-button-color:rgb(var(--status-success-03,196 235 209));fill:rgb(var(--status-success-03,196 235 209))}:host([variant=success]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-success-08,0 116 46));--mds-button-border-color-rgb:var(--status-success-08,0 116 46);--mds-button-color:rgb(var(--status-success-01,237 249 241))}:host([variant=success]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-success-04,158 222 181);--mds-button-color:rgb(var(--status-success-03,196 235 209))}:host([variant=success]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-success-04,158 222 181);--mds-button-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=text]){--mds-button-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-success-04,158 222 181));--mds-button-background:rgb(var(--status-success-10,0 69 0))}:host([variant=success]):host([tone=text][active]){--mds-button-color:rgb(var(--status-success-01,237 249 241))}:host([variant=warning]){--mds-button-background:rgb(var(--status-warning-05,237 177 0));--mds-button-border-color-rgb:var(--status-warning-05,237 177 0);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=warning]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-warning-04,255 200 33));--mds-button-border-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=warning]):host([tone=weak]){--mds-button-background:rgb(var(--status-warning-09,90 67 0));--mds-button-border-color-rgb:var(--status-warning-09,90 67 0);--mds-button-color:rgb(var(--status-warning-03,255 223 129));fill:rgb(var(--status-warning-03,255 223 129))}:host([variant=warning]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-warning-08,129 96 0));--mds-button-border-color-rgb:var(--status-warning-08,129 96 0);--mds-button-color:rgb(var(--status-warning-01,255 246 217))}:host([variant=warning]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-warning-04,255 200 33);--mds-button-color:rgb(var(--status-warning-03,255 223 129))}:host([variant=warning]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-warning-04,255 200 33);--mds-button-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=text]){--mds-button-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-warning-04,255 200 33));--mds-button-background:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]):host([tone=text][active]){--mds-button-color:rgb(var(--status-warning-01,255 246 217))}:host([variant=error]){--mds-button-background:rgb(var(--status-error-05,250 165 160));--mds-button-border-color-rgb:var(--status-error-05,250 165 160);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=error]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-error-04,254 193 189));--mds-button-border-color-rgb:var(--status-error-04,254 193 189)}:host([variant=error]):host([tone=weak]){--mds-button-background:rgb(var(--status-error-09,135 0 14));--mds-button-border-color-rgb:var(--status-error-09,135 0 14);--mds-button-color:rgb(var(--status-error-03,255 217 214));fill:rgb(var(--status-error-03,255 217 214))}:host([variant=error]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-error-08,182 50 54));--mds-button-border-color-rgb:var(--status-error-08,182 50 54);--mds-button-color:rgb(var(--status-error-01,255 243 242))}:host([variant=error]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-error-04,254 193 189);--mds-button-color:rgb(var(--status-error-03,255 217 214))}:host([variant=error]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-error-04,254 193 189);--mds-button-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=text]){--mds-button-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-error-04,254 193 189));--mds-button-background:rgb(var(--status-error-10,115 0 0))}:host([variant=error]):host([tone=text][active]){--mds-button-color:rgb(var(--status-error-01,255 243 242))}:host([variant=light]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=strong]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0)}:host([variant=light]):host([tone=weak]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));fill:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=weak]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=light]):host([tone=outline]),:host([variant=light]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=light]):host([tone=text]){--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=light]):host([tone=text]:hover){--mds-button-color:rgb(var(--tone-neutral-10,60 60 60));--mds-button-background:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=text][active]){--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]){--mds-button-background:rgb(var(--tone-neutral-04,218 218 218));--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]):host([tone=strong]:hover){--mds-button-background:rgb(var(--tone-neutral-05,197 197 197));--mds-button-border-color-rgb:var(--tone-neutral-05,197 197 197)}:host([variant=dark]):host([tone=weak]){--mds-button-background:rgb(var(--tone-neutral-08,107 107 107));--mds-button-border-color-rgb:var(--tone-neutral-08,107 107 107);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));fill:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=weak]:hover){--mds-button-background:rgb(var(--tone-neutral-07,134 134 134));--mds-button-border-color-rgb:var(--tone-neutral-07,134 134 134);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=outline]){--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=text]){--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=text]:hover){--mds-button-color:rgb(var(--tone-neutral-01,255 255 255));--mds-button-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=dark]):host([tone=text][active]){--mds-button-color:rgb(var(--tone-neutral-01,255 255 255))}:host([variant=google]),:host([variant=google][tone]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-hover-opacity:50%;--mds-button-border-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:20%;--mds-button-border-width:calc(var(--spacing,.0025rem)*25);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));--mds-button-border-color-rgb:var(--tone-neutral-01,255 255 255);-webkit-box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0))}:host([variant=google]:hover),:host([variant=google][tone]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-width:var(--mds-button-border-hover-width);--mds-button-border-opacity:var(--mds-button-border-hover-opacity,.75)}:host([variant=apple]) .icon{transform:translateY(-5%)}:host([variant=apple]),:host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-02,244 244 244));--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-border-width:0;--mds-button-border-color-rgb:var(--tone-neutral-02,244 244 244)}:host([variant=apple]:hover),:host([variant=apple][tone]:hover){--mds-button-background:rgb(var(--tone-neutral-02,244 244 244));--mds-button-border-opacity:100%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google][tone]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google]:hover){--mds-button-border-opacity:50%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google][tone]:hover){--mds-button-border-opacity:50%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=apple]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:host([tone=outline]),:host([tone=text]){--mds-button-background:transparent}:host([tone=box]),:host([tone=strong]),:host([tone=weak]){--mds-button-border-default-opacity:1;--mds-button-border-width:0;--mds-button-border-opacity:var(--mds-button-border-default-opacity,0)}:host([tone=strong]:hover),:host([tone=strong][active]){--mds-button-border-width:var(--mds-button-border-tone-strong-hover-width,.0625rem)}:host([tone=weak]:hover),:host([tone=weak][active]){--mds-button-border-width:var(--mds-button-border-tone-weak-hover-width,.0625rem)}:host([tone=outline]){--mds-button-border-opacity:var(--mds-button-border-tone-outline-opacity)}:host([tone=outline]:hover),:host([tone=outline][active]){--mds-button-background:transparent;--mds-button-border-width:var(--mds-button-border-tone-outline-hover-width,3px);--mds-button-border-opacity:var(--mds-button-border-hover-opacity,.75)}:host([tone=box]){-webkit-box-shadow:var(--shadow-box-solid-strong,#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#00000059 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);box-shadow:var(--shadow-box-solid-strong,#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#00000059 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);transition-property:background-color,border-color,box-shadow,color,outline,filter,outline-offset,transform}:host([tone=box]):host(:hover){filter:brightness(1.1)}:is(:host-context(:root.pref-animation-reduce) .await,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=apple]),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google]),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google][tone]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google]:hover),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google][tone]:hover){--mds-button-border-opacity:50%}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .await,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon{transition-duration:0s}}'}},[321,"mds-button",{autoFocus:[4,"auto-focus"],label:[1537],animation:[513],icon:[1537],iconPosition:[513,"icon-position"],type:[513],variant:[513],tone:[513],size:[513],active:[1540],disabled:[1540],await:[1540],href:[513],target:[1],truncate:[513]},void 0,{disabled:[{disabledChanged:0}],label:[{labelChanged:0}],await:[{awaitChanged:0},{handleAwaitChange:0}],type:[{handleTypeChange:0}],variant:[{handleVariantChange:0}]}]);function g(){"undefined"!=typeof customElements&&["mds-button","mds-icon","mds-spinner","mds-text"].forEach((e=>{switch(e){case"mds-button":customElements.get(s(e))||customElements.define(s(e),p);break;case"mds-icon":customElements.get(s(e))||d();break;case"mds-spinner":customElements.get(s(e))||c();break;case"mds-text":customElements.get(s(e))||h()}}))}export{p as M,g as d}

package/dist/components/mds-calendar-cell.js

@@ -1,6 +1 @@
-import { M as MdsCalendarCell$1, d as defineCustomElement$1 } from './mds-calendar-cell2.js';
-
-const MdsCalendarCell = MdsCalendarCell$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MdsCalendarCell, defineCustomElement };
+import{M as s,d as a}from"./mds-calendar-cell2.js";const o=s,r=a;export{o as MdsCalendarCell,r as defineCustomElement}