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

package/dist/cjs/mds-button_3.cjs.entry.js

@@ -4,6 +4,8 @@ var index = require('./index-CNuKb6Lv.js');
 var keyboardManager = require('./keyboard-manager-BXKT5TGW.js');
 var aria = require('./aria-BbJUuU9_.js');
 var slot = require('./slot-CI0KpgtY.js');
+var preference = require('./preference-BdpIXWLP.js');
+var index$1 = require('./index.cjs.js');
 
 const buttonSizeTypographyVariant = {
     sm: 'action',
@@ -32,7 +34,7 @@ var mdiApple = `<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple" viewBox="
 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 mdsButtonCss = () => `@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-font-weight:initial}}}@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-transition-duration:var(--duration-300,.3s);--private-button-transition-duration:var(--mds-button-transition-duration);--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));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)));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));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;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);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;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))}.await,.icon{-webkit-transition-duration:var(--private-button-transition-duration);transition-duration:var(--private-button-transition-duration)}.await{display:none;margin-right:calc(var(--mds-button-gap,.5rem)*-1 - var(--spacing,.0025rem)*600);transform:scale(0);transition-behavior:allow-discrete;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([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=google]),:host([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([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=google]:hover),:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=google][tone]:hover){--mds-button-border-opacity:50%}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=apple]),:host([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:#0000}: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:#0000;--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)}:host([pref-animation=reduce]){--private-button-transition-duration:0s}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-color-scheme:dark){:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=apple]),:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=google]),:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=google][tone]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=google]:hover),:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=google][tone]:hover){--mds-button-border-opacity:50%}}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-button-transition-duration:0s}}`;
 
 const MdsButton = class {
     constructor(hostRef) {
@@ -102,7 +104,7 @@ const MdsButton = class {
         };
         this.onSlotChangeHandler = () => {
             /* this should be removed in the future once slotted text is no longer used, use the label property instead */
-            if (this.label)
+            if (this.label !== undefined && this.label !== '')
                 return;
             this.label = slot.readSlottedLabel(this.host);
         };
@@ -161,7 +163,7 @@ const MdsButton = class {
     componentWillLoad() {
         this.hasNotification = this.host.querySelector(':scope > [slot="notification"]') !== null;
         this.handleVariantChange(this.variant);
-        if (this.href) {
+        if (this.href !== undefined && this.href !== '') {
             this.host.addEventListener('click', (e) => {
                 var _a;
                 e.preventDefault();
@@ -201,7 +203,9 @@ const MdsButton = class {
         if (this.label === '') {
             this.label = undefined;
         }
-        if (!this.label && this.icon) {
+        if ((this.label === undefined || this.label === '') &&
+            this.icon !== undefined &&
+            this.icon !== '') {
             const iconTitle = aria.unslugName(this.icon);
             if (!this.host.hasAttribute('aria-label')) {
                 aria.setAttributeIfEmpty(this.host, 'title', iconTitle);
@@ -221,15 +225,28 @@ const MdsButton = class {
         this.km.attachClickBehavior();
     }
     connectedCallback() {
+        this.unsubscribePrefAnimation = preference.subscribePreference('animation', (value) => {
+            this.prefAnimation = value;
+        });
+        this.unsubscribePrefTheme = preference.subscribePreference('theme', (value) => {
+            this.prefTheme = value;
+        });
+        this.unsubscribePrefThemeScheme = preference.subscribePreference('theme-scheme', (value) => {
+            this.prefThemeScheme = value;
+        });
         if (!this.disabled)
             this.host.removeAttribute('disabled');
     }
     disconnectedCallback() {
+        var _a, _b, _c;
+        (_a = this.unsubscribePrefAnimation) === null || _a === void 0 ? void 0 : _a.call(this);
+        (_b = this.unsubscribePrefTheme) === null || _b === void 0 ? void 0 : _b.call(this);
+        (_c = this.unsubscribePrefThemeScheme) === null || _c === void 0 ? void 0 : _c.call(this);
         this.km.detachClickBehavior();
     }
     render() {
         this.typography = buttonSizeTypographyVariant[this.size];
-        return (index.h(index.Host, { key: 'f11b3fefe2624b532172ff91eef4c91f7cf49f76', onMouseDown: this.mouseDown, onMouseUp: this.mouseUp, onMouseOut: this.mouseUp, tabindex: "0" }, index.h("div", { key: '5ddaf6c8982768d5eea3d9d4fb075dca853d6124', class: "await" }, index.h("mds-spinner", { key: 'd4222c0a3c853f37b2755d3cbe5bdcfee6fcdb6c', class: "spinner", running: this.await })), this.icon && this.iconPosition === 'left' && (index.h("mds-icon", { key: 'ee5c6213360f7769db2eaee747ae1781feb9fa59', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" })), index.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 || index.h("slot", { key: '2051ccbb05ccb1dbec17c50f6db9a69a68aa5762', onSlotchange: this.onSlotChangeHandler })), this.hasNotification && index.h("slot", { key: '12a418d582c23872e68cf0832b76ea6092f0e340', name: "notification" }), this.icon && this.iconPosition === 'right' && (index.h("mds-icon", { key: 'bc125dee8740f533463f53db511012ea52bb7ad8', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" }))));
+        return (index.h(index.Host, { key: '56280f982ec58bc7892cc675a32c2864ced12307', onMouseDown: this.mouseDown, onMouseUp: this.mouseUp, onMouseOut: this.mouseUp, tabindex: "0", "pref-animation": this.prefAnimation, "pref-theme": this.prefTheme, "pref-theme-scheme": this.prefThemeScheme }, index.h("div", { key: 'eba4a361bce886870bcfcc36da4faae20555077a', class: "await" }, index.h("mds-spinner", { key: '9b7b713a50197bf0363008c64becdda0b6ddb883', class: "spinner", running: this.await })), this.icon && this.iconPosition === 'left' && (index.h("mds-icon", { key: '3c969c5f9e056fb0f23db60a1e3d08e8fe4019ef', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" })), index.h("mds-text", { key: '9c0870359c1e08293172d0b426d0049ea75d08ec', class: "text", part: "label", tag: "span", typography: this.typography, truncate: this.truncate, animation: this.animation, text: this.label }, this.label || index.h("slot", { key: '8b85b4d200a73b8c62a3f59269f86bc477e5b9ad', onSlotchange: this.onSlotChangeHandler })), this.hasNotification && index.h("slot", { key: '23c08a47307b635e93ef1153ee19d2d9362bc63e', name: "notification" }), this.icon && this.iconPosition === 'right' && (index.h("mds-icon", { key: '2d2544dd68e2580ae007bb33813d43ed257c6e17', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" }))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -255,231 +272,7 @@ const MdsButton = class {
 };
 MdsButton.style = mdsButtonCss();
 
-function promisifyRequest(request) {
-    return new Promise((resolve, reject) => {
-        // @ts-ignore - file size hacks
-        request.oncomplete = request.onsuccess = () => resolve(request.result);
-        // @ts-ignore - file size hacks
-        request.onabort = request.onerror = () => reject(request.error);
-    });
-}
-function createStore(dbName, storeName) {
-    const request = indexedDB.open(dbName);
-    request.onupgradeneeded = () => request.result.createObjectStore(storeName);
-    const dbp = promisifyRequest(request);
-    return (txMode, callback) => dbp.then((db) => callback(db.transaction(storeName, txMode).objectStore(storeName)));
-}
-let defaultGetStoreFunc;
-function defaultGetStore() {
-    if (!defaultGetStoreFunc) {
-        defaultGetStoreFunc = createStore('keyval-store', 'keyval');
-    }
-    return defaultGetStoreFunc;
-}
-/**
- * Get a value by its key.
- *
- * @param key
- * @param customStore Method to get a custom store. Use with caution (see the docs).
- */
-function get(key, customStore = defaultGetStore()) {
-    return customStore('readonly', (store) => promisifyRequest(store.get(key)));
-}
-/**
- * Set a value with a key.
- *
- * @param key
- * @param value
- * @param customStore Method to get a custom store. Use with caution (see the docs).
- */
-function set(key, value, customStore = defaultGetStore()) {
-    return customStore('readwrite', (store) => {
-        store.put(value, key);
-        return promisifyRequest(store.transaction);
-    });
-}
-/**
- * Delete a particular key from the store.
- *
- * @param key
- * @param customStore Method to get a custom store. Use with caution (see the docs).
- */
-function del(key, customStore = defaultGetStore()) {
-    return customStore('readwrite', (store) => {
-        store.delete(key);
-        return promisifyRequest(store.transaction);
-    });
-}
-
-class MdsIconSet {
-    /**
-     * Run the icon set's name resolver to turn an icon name into an icon path, id, etc.
-     */
-    resolveIconName(iconName) {
-        // console.log(`resolveIconName - iconName: ${iconName} | name: ${this.name} | path: ${this.path}`)
-        return this._resolveIconName(iconName, this.name, this.path);
-    }
-    /**
-     * Create a new icon set.  Icon sets have a name (ie, a namespace).  For
-     * example, an icon with a name of "rh-logo" represents a "logo" icon from the
-     * "rh" set.  Icon set names are always separated from the rest of the icon
-     * name with a hyphen `-`.  This means that set names cannot contain a hyphen.
-     *
-     * @param  name the namespace of the icon set
-     * @param  path the web-accessible path to the icon set (for instance, a CDN)
-     * @param  resolveIconName an optional function to combine the path and an icon name into a final path.  The function will be passed the namespaced icon name (for example, "rh-api" where rh is the namespace and api is the individual icon's name)
-     * @returns  an object with the status of the icon set installation, such as `{ result: true, text: 'icon set installed' }` or `{ result: false, text: 'icon set is already installed' }`
-     */
-    constructor(name, path, _resolveIconName) {
-        this.name = name;
-        this.path = path;
-        this._resolveIconName = _resolveIconName;
-    }
-    get resolver() {
-        return this._resolveIconName;
-    }
-}
-
-class IconsSetController {
-    constructor() {
-        this._svgPathKey = 'mdsIconSvgPath';
-        this._iconsSets = new Map();
-        this._svgPathUpdate = 'mdsIconSvgPathUpdate';
-        this.cacheExp = 60 * 60 * 1000 * 24;
-        this.listeners = [];
-        this.memoryCache = {};
-        // Try to retrieve svg from cache
-        this.isCacheAvailable = async (url) => {
-            try {
-                const loaderItem = await get(`loader_${url}`);
-                if (!loaderItem) {
-                    return false;
-                }
-                const item = JSON.parse(loaderItem);
-                if (Date.now() < item.expiry) {
-                    return item.data;
-                }
-                del(`loader_${url}`);
-                return false;
-            }
-            catch (e) {
-                console.error('isCacheAvailable error', e);
-                return false;
-            }
-        };
-        // Set svg to cache
-        this.setCache = async (url, data) => {
-            try {
-                await set(`loader_${url}`, JSON.stringify({
-                    data,
-                    expiry: Date.now() + this.cacheExp,
-                }));
-            }
-            catch (e) {
-                console.error('setCache error', e);
-            }
-        };
-        this.setUpListener();
-    }
-    addIconSet(name, path, resolveIconName) {
-        let resolveFunction = resolveIconName;
-        const existingSet = this._iconsSets.get(name);
-        if (!resolveFunction && existingSet && typeof existingSet.resolver === 'function') {
-            resolveFunction = existingSet.resolver;
-        }
-        else if (resolveFunction && typeof resolveFunction !== 'function') {
-            console.error("MdsIconSvg: the third input of addIconSet should be a function that parses and returns the icons's filename.");
-            return false;
-        }
-        else if (!resolveFunction) {
-            console.error(`MdsIconSvg: the set ${name} needs a resolve function for the icon names.`);
-            return false;
-        }
-        this._iconsSets.set(name, new MdsIconSet(name, path, resolveFunction));
-        return true;
-    }
-    getIconSet(iconName) {
-        if (!iconName)
-            return { set: null };
-        return { set: this._iconsSets.get(iconName.split('/')[0]) };
-    }
-    /**
-     * recognize svg path pattern and set host and svgPath variable
-     *
-     * input path: https://www.abc.com/svg/path
-     * svgPath =  https://www.abc.com/svg/path
-     *
-     * input path: localhost:9000/svg/path
-     * svgPath = localhost:9000/svg/path
-     *
-     * input path: /svg/path
-     * svgPath = {window.location.host}/svg/path
-     *
-     * input path: svg/path
-     * throw error
-     *
-     */
-    setSvgPath(svgPath) {
-        const reg = /^(((https?:\/\/)?[.\w]+(:\d+)?)|\/)([\w/-]+)*/;
-        const match = reg.exec(svgPath);
-        if (!match) {
-            throw Error(`Svg path not recognize ${svgPath}, ensure is a absolute path starting with '/' or a url`);
-        }
-        if (typeof window !== 'undefined') {
-            this._svgPath = match[1] ? match[0] : window.location.origin.concat(match[0]);
-            window.dispatchEvent(new Event(this._svgPathUpdate));
-        }
-    }
-    getSvgPath() {
-        return this._svgPath;
-    }
-    registerListener(callback) {
-        this.listeners.push(callback);
-    }
-    setUpListener() {
-        if (typeof window !== 'undefined') {
-            window.addEventListener(this._svgPathUpdate, () => {
-                for (const listener of this.listeners)
-                    listener();
-            });
-        }
-    }
-    async fetchSvg(name) {
-        var _a;
-        try {
-            if (!this._svgPath && typeof window === 'undefined') {
-                throw Error('Cant find svgPath, ensure you set it');
-            }
-            if (!this._svgPath) {
-                this.setSvgPath((_a = window.sessionStorage.getItem(IconsSetService._svgPathKey)) !== null && _a !== void 0 ? _a : '');
-            }
-            const src = this._svgPath && !name.startsWith('http') ? this._svgPath.concat(name, '.svg') : name;
-            const lsCache = await this.isCacheAvailable(src);
-            if (this.memoryCache[src] || lsCache) {
-                return this.memoryCache[src] || lsCache;
-            }
-            const response = await fetch(src);
-            if (!response.ok) {
-                throw Error(`Request for '${src}' returned ${response.status} (${response.statusText})`);
-            }
-            const body = await response.text();
-            const bodyLower = body.toLowerCase().trim();
-            if (!(bodyLower.startsWith('<svg') || bodyLower.startsWith('<?xml'))) {
-                throw Error(`Resource '${src}' returned an invalid SVG file`);
-            }
-            this.setCache(src, body);
-            this.memoryCache[src] = body;
-            return body;
-        }
-        catch (e) {
-            console.error('fetchSvg error', e);
-            return '';
-        }
-    }
-}
-const IconsSetService = new IconsSetController();
-
-const mdsIconCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;: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{align-items:center;aspect-ratio:var(--aspect-square,1/1);display:inline-flex;justify-content:center;width:calc(var(--spacing,.0025rem)*600)}.icon{align-items:center;display:inline-flex;font-style:normal;justify-content:center;width:100%}.icon svg{height:auto;width:100%}`;
+const mdsIconCss = () => `@layer reset,vendor,theme,base,components,utilities;: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{align-items:center;aspect-ratio:var(--aspect-square,1/1);display:inline-flex;justify-content:center;width:calc(var(--spacing,.0025rem)*600)}.icon{align-items:center;display:inline-flex;font-style:normal;justify-content:center;width:100%}.icon svg{height:auto;width:100%}`;
 
 const MdsIcon = class {
     constructor(hostRef) {
@@ -491,20 +284,18 @@ const MdsIcon = class {
     }
     componentWillLoad() {
         this.updateIcon();
-        IconsSetService.registerListener(() => this.updateIcon());
-    }
-    static setSvgPathStatic(path) {
-        IconsSetService.setSvgPath(path);
+        index$1.IconsSetService.registerListener(() => this.updateIcon());
     }
     /**
      * Set the path to the directory of svg files
      * @param svgPath path to the directory of svg files
      */
     async setSvgPath(svgPath) {
-        IconsSetService.setSvgPath(svgPath);
+        index$1.IconsSetService.setSvgPath(svgPath);
+        return Promise.resolve();
     }
     async updateIcon() {
-        if (!this.name)
+        if (this.name === '')
             return Promise.resolve();
         if (isIconFormatIsBase64(this.name)) {
             this.svgHTML = this.convertBase64ToSvg();
@@ -514,10 +305,10 @@ const MdsIcon = class {
             this.svgHTML = this.name;
             return Promise.resolve();
         }
-        this.svgHTML = await IconsSetService.fetchSvg(this.name);
+        this.svgHTML = await index$1.IconsSetService.fetchSvg(this.name);
     }
     render() {
-        return (index.h(index.Host, { key: '09a854becde623daa3329e9160b05b57a35aaf4b' }, this.svgHTML && index.h("i", { key: 'f5f6e19b5259418ae88b53cc2be957c858bb47c7', "aria-hidden": "true", class: "icon", part: "svg", innerHTML: this.svgHTML })));
+        return (index.h(index.Host, { key: '8d95b94dbe7f22e136567cb681e44479f5c1be7a' }, this.svgHTML && index.h("i", { key: 'e9808177023e9521abf570b85302b65e43f9e0d8', "aria-hidden": "true", class: "icon", part: "svg", innerHTML: this.svgHTML })));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -534,7 +325,7 @@ var awaitIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2
 </svg>
 `;
 
-const mdsSpinnerCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,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)))){*,::backdrop,:after,:before{--mds-spinner-duration:.725s;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-spinner-duration{syntax:"<time>";inherits:false;initial-value:.725s}:host{--mds-spinner-duration:.725s;height:calc(var(--spacing,.0025rem)*1200);width:calc(var(--spacing,.0025rem)*1200);--tw-duration:.3s;--tw-ease:var(--ease-in-out-quart,cubic-bezier(.77,0,.175,1));align-items:center;color:rgb(var(--variant-primary-03,211 226 255));display:inline-flex;justify-content:center;opacity:0;overflow:hidden;transform:scale(0);transition-duration:.3s;transition-property:opacity,transform;transition-timing-function:var(--ease-in-out-quart,cubic-bezier(.77,0,.175,1))}:host([running]){--tw-duration:.7s;--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));opacity:1;transform:scale(1);transition-duration:.7s;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.await-icon{animation:var(--animate-spin,spin 1s linear infinite);aspect-ratio:var(--aspect-square,1/1);width:100%;--tw-duration:.3s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));-webkit-animation-duration:var(--mds-spinner-duration,.725s);animation-duration:var(--mds-spinner-duration,.725s);animation-play-state:paused;display:flex;flex-shrink:0;stroke:currentColor;transition-duration:.3s;transition-property:stroke;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.await-icon svg{width:100%}:host([running]) .await-icon{animation-play-state:running}:host-context(:root.pref-animation-reduce){--mds-spinner-duration:8s}:host-context(:root.pref-contrast-more){color:rgb(var(--variant-primary-01,242 246 255))}: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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-spinner-duration:8s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--variant-primary-01,242 246 255))}}`;
+const mdsSpinnerCss = () => `@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)))){*,::backdrop,:after,:before{--mds-spinner-duration:.725s;--tw-ease:initial}}}@property --mds-spinner-duration{syntax:"<time>";inherits:false;initial-value:.725s}:host{--mds-spinner-duration:.725s;--tw-ease:var(--ease-in-out-quart,cubic-bezier(.77,0,.175,1));align-items:center;color:rgb(var(--variant-primary-03,211 226 255));display:inline-flex;height:calc(var(--spacing,.0025rem)*1200);justify-content:center;opacity:0;overflow:hidden;transform:scale(0);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:opacity,transform;transition-timing-function:var(--ease-in-out-quart,cubic-bezier(.77,0,.175,1));width:calc(var(--spacing,.0025rem)*1200)}:host([running]){--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));opacity:1;transform:scale(1);-webkit-transition-duration:var(--duration-700,.7s);transition-duration:var(--duration-700,.7s);transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.await-icon{animation:var(--animate-spin,spin 1s linear infinite);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));-webkit-animation-duration:var(--mds-spinner-duration,.725s);animation-duration:var(--mds-spinner-duration,.725s);animation-play-state:paused;aspect-ratio:var(--aspect-square,1/1);display:flex;flex-shrink:0;stroke:currentColor;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:stroke;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.await-icon svg{width:100%}:host([running]) .await-icon{animation-play-state:running}:host([pref-contrast=more]){color:rgb(var(--variant-primary-01,242 246 255))}: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}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){:host{--mds-spinner-duration:8s}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){color:rgb(var(--variant-primary-01,242 246 255))}}`;
 
 const MdsSpinner = class {
     constructor(hostRef) {
@@ -544,13 +335,22 @@ const MdsSpinner = class {
          */
         this.running = false;
     }
+    connectedCallback() {
+        this.unsubscribePrefContrast = preference.subscribePreference('contrast', (value) => {
+            this.prefContrast = value;
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.unsubscribePrefContrast) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
     handleRunning(newValue) {
         if (newValue === false) {
             this.running = undefined;
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'da29b22d2ddd2824a2f71aa9a6ea2c31da835b14' }, index.h("i", { key: 'c8cdc857de88d6e1c89f1365b4f11a7dc96e1ef1', class: "await-icon", innerHTML: awaitIcon })));
+        return (index.h(index.Host, { key: '3cc5be5253b5a0dd6930f3e6b76f8740d929ec06', "pref-contrast": this.prefContrast }, index.h("i", { key: 'cc12373124c1d79f96f6db046282ccf85a140e92', class: "await-icon", innerHTML: awaitIcon })));
     }
     static get watchers() { return {
         "running": [{