@momentum-ui/web-components 2.17.6 → 2.17.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/chunks/md-6.js +1 -1
  2. package/dist/chunks/md-83.js +2 -2
  3. package/dist/chunks/md-90.js +1 -1
  4. package/dist/index-entry.js +1 -1
  5. package/dist/index.js +1 -1
  6. package/dist/types/components/radio/RadioGroup.d.ts +1 -0
  7. package/package.json +1 -1
package/dist/chunks/md-6.js CHANGED
@@ -1,4 +1,4 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[6],{17:function(t,o,d){"use strict";d.r(o),d.d(o,"buttonSize",(function(){return l})),d.d(o,"buttonTag",(function(){return h})),d.d(o,"buttonType",(function(){return v})),d.d(o,"buttonRoles",(function(){return g})),d.d(o,"buttonVariant",(function(){return f})),d.d(o,"buttonColor",(function(){return y})),d.d(o,"buttonAriaLive",(function(){return k})),d.d(o,"Button",(function(){return p}));var r=d(63),a=(d(55),d(5)),n=d(28),e=d(6),b=d(0),i=d(2),c=d(4),u=d(3),m=b.css`[class|=md-button__container]{align-content:center;align-items:center;display:inline-flex;flex-flow:column nowrap;justify-content:center;width:116px}[class|=md-button__container][class$="--small"]{width:104px}:host .md-button{transition:background-color 150ms ease;border:none;border-radius:1.125rem;cursor:pointer;display:inline-flex;font-family:var(--brand-font-medium, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:500;font-size:1rem;line-height:normal;min-width:4.5rem;position:relative;text-align:center;text-decoration:none;align-items:center;justify-content:center}:host .md-button>*{font-size:inherit}:host .md-button .md-button__children{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;max-width:100%;flex:1}:host .md-button+.md-button{margin-left:.3125rem}:host .md-button.active-state.focus-state,:host .md-button.active-state:focus,:host .md-button:active.focus-state,:host .md-button:active:focus{box-shadow:none}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{box-shadow:none;cursor:default;pointer-events:none}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{box-shadow:none}:host .md-button{font-size:1rem;line-height:normal;padding:var(--button-padding-36,.5625rem 1.125rem .625rem 1.125rem);height:2.25rem}:host .md-button .md-prepend{margin-right:calc(2.25rem/4)}:host .md-button .md-append{margin-left:calc(2.25rem/4)}:host .md-button{border-radius:1.125rem}:host .md-button::after{border-radius:calc(1.125rem + 2px)}:host .md-button{background-color:#dedede;border-color:transparent;color:#000}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.focus-state,:host .md-button:focus{box-shadow:none;outline:0}:host .md-button:focus{background-color:#ccc;color:#000}:host .md-button:hover{background-color:#ccc;color:#000}:host .md-button.active,:host .md-button:active{background-color:#b2b2b2;color:#000}:host .md-button{background-color:var(--button-secondary-bg-color);box-sizing:border-box;color:var(--button-secondary-text-color)}:host .md-button:hover{background-color:var(--button-secondary-hover-bg-color);color:var(--button-secondary-text-color)}:host .md-button:active{background-color:var(--button-secondary-pressed-bg-color);color:var(--button-secondary-text-color)}:host .md-button.disabled,:host .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host .md-button.disabled:focus,:host .md-button:disabled:focus{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host .md-button::after{border-radius:calc(1.125rem + 2px);content:"";display:block;height:calc(100% + 2px*2);left:0;margin:-2px;position:absolute;top:0;width:calc(100% + 2px*2)}:host .md-button:focus::after{box-shadow:0 0 0 .125rem var(--button-focus-ring-color)}:host .md-button+.md-button__label{color:var(--md-primary-text-color,#121212);display:block;overflow:hidden;text-align:center;width:100%}:host .md-button--left{text-align:left;text-indent:.75rem}:host .md-button--right{padding-right:.75rem;text-align:right}:host .md-button--outline{box-shadow:0 0 0 1px #ccc}:host .md-button--outline:hover{box-shadow:none!important}:host .md-button--none{box-shadow:none;min-width:0}:host .md-button--none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--none.disabled,:host .md-button--none.md-button--disabled,:host .md-button--none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--none.disabled:focus,:host .md-button--none.disabled:hover,:host .md-button--none.md-button--disabled:focus,:host .md-button--none.md-button--disabled:hover,:host .md-button--none[disabled]:focus,:host .md-button--none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none.active,:host .md-button--none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button--none .md-prepend{margin-right:calc(100%/4)}:host .md-button--none .md-append{margin-left:calc(100%/4)}:host .md-button--none{border-radius:0}:host .md-button--none::after{border-radius:0}:host .md-button--size-none{min-width:0}:host .md-button--size-none{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button--size-none .md-prepend{margin-right:calc(100%/4)}:host .md-button--size-none .md-append{margin-left:calc(100%/4)}:host .md-button--size-none{border-radius:0}:host .md-button--size-none::after{border-radius:0}:host .md-button--24{font-size:var(--button-font-size-extra-small,.625rem);line-height:normal;padding:var(--button-padding-24,.25rem .75rem .3125rem .75rem);height:1.5rem}:host .md-button--24 .md-prepend{margin-right:calc(1.5rem/4)}:host .md-button--24 .md-append{margin-left:calc(1.5rem/4)}:host .md-button--24{border-radius:.75rem}:host .md-button--24::after{border-radius:calc(.75rem + 2px)}:host .md-button--28{font-size:var(--button-font-size-small,.75rem);line-height:normal;padding:var(--button-padding-28,.375rem .875rem .4375rem .875rem);height:1.75rem}:host .md-button--28 .md-prepend{margin-right:calc(1.75rem/4)}:host .md-button--28 .md-append{margin-left:calc(1.75rem/4)}:host .md-button--28{border-radius:.875rem}:host .md-button--28::after{border-radius:calc(.875rem + 2px)}:host .md-button--32{font-size:var(--button-font-size-medium,.875rem);line-height:normal;padding:var(--button-padding-32,.5rem 1rem .5625rem 1rem);height:2rem}:host .md-button--32 .md-prepend{margin-right:calc(2rem/4)}:host .md-button--32 .md-append{margin-left:calc(2rem/4)}:host .md-button--32{border-radius:1rem}:host .md-button--32::after{border-radius:calc(1rem + 2px)}:host .md-button--36{font-size:var(--button-font-size-medium,.875rem);line-height:normal;padding:var(--button-padding-36,.5625rem 1.125rem .625rem 1.125rem);height:2.25rem}:host .md-button--36 .md-prepend{margin-right:calc(2.25rem/4)}:host .md-button--36 .md-append{margin-left:calc(2.25rem/4)}:host .md-button--40{font-size:1rem;line-height:normal;padding:var(--button-padding-40,.6875rem 1.25rem .75rem 1.25rem);height:2.5rem}:host .md-button--40 .md-prepend{margin-right:calc(2.5rem/4)}:host .md-button--40 .md-append{margin-left:calc(2.5rem/4)}:host .md-button--40{border-radius:1.25rem}:host .md-button--40::after{border-radius:calc(1.25rem + 2px)}:host .md-button--52{font-size:1rem;line-height:normal;padding:var(--button-padding-52,.875rem 1.625rem .9375rem 1.625rem);height:3.25rem}:host .md-button--52 .md-prepend{margin-right:calc(3.25rem/4)}:host .md-button--52 .md-append{margin-left:calc(3.25rem/4)}:host .md-button--52{border-radius:1.625rem}:host .md-button--52::after{border-radius:calc(1.625rem + 2px)}:host .md-button--circle{padding:0;width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle{border-radius:100%}:host .md-button--circle::after{border-radius:100%}:host .md-button--circle[class*="--none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--none"]{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--circle[class*="--none"].disabled,:host .md-button--circle[class*="--none"].md-button--disabled,:host .md-button--circle[class*="--none"][disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--circle[class*="--none"].disabled:focus,:host .md-button--circle[class*="--none"].disabled:hover,:host .md-button--circle[class*="--none"].md-button--disabled:focus,:host .md-button--circle[class*="--none"].md-button--disabled:hover,:host .md-button--circle[class*="--none"][disabled]:focus,:host .md-button--circle[class*="--none"][disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--circle[class*="--none"]:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"]:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"].active,:host .md-button--circle[class*="--none"]:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--size-none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--20"]{width:1.25rem;height:1.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-extra-small,.5rem);line-height:var(--button-font-size-extra-small,.5rem)}:host .md-button--circle[class*="--24"]{width:1.5rem;height:1.5rem;min-width:0;min-height:0;font-size:var(--button-font-size-extra-small,.625rem);line-height:var(--button-font-size-extra-small,.625rem)}:host .md-button--circle[class*="--28"]{width:1.75rem;height:1.75rem;min-width:0;min-height:0;font-size:var(--button-font-size-small,.75rem);line-height:var(--button-font-size-small,.75rem)}:host .md-button--circle[class*="--32"]{width:2rem;height:2rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--36"]{width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--40"]{width:2.5rem;height:2.5rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--44"]{width:2.75rem;height:2.75rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--52"]{width:3.25rem;height:3.25rem;min-width:0;min-height:0;font-size:1.375rem;line-height:1.375rem}:host .md-button--circle[class*="--56"]{width:3.5rem;height:3.5rem;min-width:0;min-height:0;font-size:1.5rem;line-height:1.5rem}:host .md-button--circle[class*="--68"]{width:4.25rem;height:4.25rem;min-width:0;min-height:0;font-size:1.75rem;line-height:1.75rem}:host .md-button--circle[class*="--72"]{width:4.5rem;height:4.5rem;min-width:0;min-height:0;font-size:2rem;line-height:2rem}:host .md-button--circle[class*="--84"]{width:5.25rem;height:5.25rem;min-width:0;min-height:0;font-size:2.5rem;line-height:2.5rem}:host .md-button--circle.icon{font-family:momentum-ui-icons}:host .md-button--rounded{border-radius:.5rem}:host .md-button--rounded::after{border-radius:.5rem}:host .md-button .md-loading{left:50%;position:absolute;transform:translateX(-50%)}:host .md-button--blue{background-color:var(--button-accent-bg-color,#007aa3);border-color:transparent;color:#fff}:host .md-button--blue.disabled,:host .md-button--blue.md-button--disabled,:host .md-button--blue[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.disabled:focus,:host .md-button--blue.disabled:hover,:host .md-button--blue.md-button--disabled:focus,:host .md-button--blue.md-button--disabled:hover,:host .md-button--blue[disabled]:focus,:host .md-button--blue[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.focus-state,:host .md-button--blue:focus{box-shadow:none;outline:0}:host .md-button--blue:focus{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue:hover{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.active,:host .md-button--blue:active{background-color:var(--button-accent-pressed-bg-color,#064157);color:#fff}:host .md-button--blue.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-primary-outline-color);box-shadow:0 0 0 1px var(--button-primary-outline-color)}:host .md-button--blue.md-button--outline.disabled,:host .md-button--blue.md-button--outline.md-button--disabled,:host .md-button--blue.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.md-button--outline.disabled:focus,:host .md-button--blue.md-button--outline.disabled:hover,:host .md-button--blue.md-button--outline.md-button--disabled:focus,:host .md-button--blue.md-button--outline.md-button--disabled:hover,:host .md-button--blue.md-button--outline[disabled]:focus,:host .md-button--blue.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.md-button--outline.focus-state,:host .md-button--blue.md-button--outline:focus{box-shadow:none;outline:0}:host .md-button--blue.md-button--outline:focus{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.md-button--outline:hover{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.md-button--outline.active,:host .md-button--blue.md-button--outline:active{background-color:var(--button-accent-pressed-bg-color,#064157);color:#fff}:host .md-button--red{background-color:#f7644a;border-color:transparent;color:#fff}:host .md-button--red.disabled,:host .md-button--red.md-button--disabled,:host .md-button--red[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.disabled:focus,:host .md-button--red.disabled:hover,:host .md-button--red.md-button--disabled:focus,:host .md-button--red.md-button--disabled:hover,:host .md-button--red[disabled]:focus,:host .md-button--red[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red:focus{background-color:#d4371c;color:#fff}:host .md-button--red:hover{background-color:#d4371c;color:#fff}:host .md-button--red.active,:host .md-button--red:active{background-color:#a12512;color:#fff}:host .md-button--red.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f7644a;box-shadow:0 0 0 1px #f7644a}:host .md-button--red.md-button--outline.disabled,:host .md-button--red.md-button--outline.md-button--disabled,:host .md-button--red.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.md-button--outline.disabled:focus,:host .md-button--red.md-button--outline.disabled:hover,:host .md-button--red.md-button--outline.md-button--disabled:focus,:host .md-button--red.md-button--outline.md-button--disabled:hover,:host .md-button--red.md-button--outline[disabled]:focus,:host .md-button--red.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red.md-button--outline:focus{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline:hover{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline.active,:host .md-button--red.md-button--outline:active{background-color:#a12512;color:#fff}:host .md-button--green{background-color:#00ab50;border-color:transparent;color:#fff}:host .md-button--green.disabled,:host .md-button--green.md-button--disabled,:host .md-button--green[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.disabled:focus,:host .md-button--green.disabled:hover,:host .md-button--green.md-button--disabled:focus,:host .md-button--green.md-button--disabled:hover,:host .md-button--green[disabled]:focus,:host .md-button--green[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green:focus{background-color:#00853c;color:#fff}:host .md-button--green:hover{background-color:#00853c;color:#fff}:host .md-button--green.active,:host .md-button--green:active{background-color:#03612c;color:#fff}:host .md-button--green.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00ab50;box-shadow:0 0 0 1px #00ab50}:host .md-button--green.md-button--outline.disabled,:host .md-button--green.md-button--outline.md-button--disabled,:host .md-button--green.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.md-button--outline.disabled:focus,:host .md-button--green.md-button--outline.disabled:hover,:host .md-button--green.md-button--outline.md-button--disabled:focus,:host .md-button--green.md-button--outline.md-button--disabled:hover,:host .md-button--green.md-button--outline[disabled]:focus,:host .md-button--green.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green.md-button--outline:focus{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline:hover{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline.active,:host .md-button--green.md-button--outline:active{background-color:#03612c;color:#fff}:host .md-button--orange{background-color:#f26b1d;border-color:transparent;color:#fff}:host .md-button--orange.disabled,:host .md-button--orange.md-button--disabled,:host .md-button--orange[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.disabled:focus,:host .md-button--orange.disabled:hover,:host .md-button--orange.md-button--disabled:focus,:host .md-button--orange.md-button--disabled:hover,:host .md-button--orange[disabled]:focus,:host .md-button--orange[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.active,:host .md-button--orange:active{background-color:#914017;color:#fff}:host .md-button--orange.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f26b1d;box-shadow:0 0 0 1px #f26b1d}:host .md-button--orange.md-button--outline.disabled,:host .md-button--orange.md-button--outline.md-button--disabled,:host .md-button--orange.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.md-button--outline.disabled:focus,:host .md-button--orange.md-button--outline.disabled:hover,:host .md-button--orange.md-button--outline.md-button--disabled:focus,:host .md-button--orange.md-button--outline.md-button--disabled:hover,:host .md-button--orange.md-button--outline[disabled]:focus,:host .md-button--orange.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange.md-button--outline:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline.active,:host .md-button--orange.md-button--outline:active{background-color:#914017;color:#fff}:host .md-button--yellow{background-color:#d97f00;border-color:transparent;color:#fff}:host .md-button--yellow.disabled,:host .md-button--yellow.md-button--disabled,:host .md-button--yellow[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.disabled:focus,:host .md-button--yellow.disabled:hover,:host .md-button--yellow.md-button--disabled:focus,:host .md-button--yellow.md-button--disabled:hover,:host .md-button--yellow[disabled]:focus,:host .md-button--yellow[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.active,:host .md-button--yellow:active{background-color:#7d4705;color:#fff}:host .md-button--yellow.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#d97f00;box-shadow:0 0 0 1px #d97f00}:host .md-button--yellow.md-button--outline.disabled,:host .md-button--yellow.md-button--outline.md-button--disabled,:host .md-button--yellow.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.md-button--outline.disabled:focus,:host .md-button--yellow.md-button--outline.disabled:hover,:host .md-button--yellow.md-button--outline.md-button--disabled:focus,:host .md-button--yellow.md-button--outline.md-button--disabled:hover,:host .md-button--yellow.md-button--outline[disabled]:focus,:host .md-button--yellow.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow.md-button--outline:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline.active,:host .md-button--yellow.md-button--outline:active{background-color:#7d4705;color:#fff}:host .md-button--mint{background-color:#16a693;border-color:transparent;color:#fff}:host .md-button--mint.disabled,:host .md-button--mint.md-button--disabled,:host .md-button--mint[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.disabled:focus,:host .md-button--mint.disabled:hover,:host .md-button--mint.md-button--disabled:focus,:host .md-button--mint.md-button--disabled:hover,:host .md-button--mint[disabled]:focus,:host .md-button--mint[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint:focus{background-color:#148579;color:#fff}:host .md-button--mint:hover{background-color:#148579;color:#fff}:host .md-button--mint.active,:host .md-button--mint:active{background-color:#12615a;color:#fff}:host .md-button--mint.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#16a693;box-shadow:0 0 0 1px #16a693}:host .md-button--mint.md-button--outline.disabled,:host .md-button--mint.md-button--outline.md-button--disabled,:host .md-button--mint.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.md-button--outline.disabled:focus,:host .md-button--mint.md-button--outline.disabled:hover,:host .md-button--mint.md-button--outline.md-button--disabled:focus,:host .md-button--mint.md-button--outline.md-button--disabled:hover,:host .md-button--mint.md-button--outline[disabled]:focus,:host .md-button--mint.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint.md-button--outline:focus{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline:hover{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline.active,:host .md-button--mint.md-button--outline:active{background-color:#12615a;color:#fff}:host .md-button--purple{background-color:#e060de;border-color:transparent;color:#fff}:host .md-button--purple.disabled,:host .md-button--purple.md-button--disabled,:host .md-button--purple[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.disabled:focus,:host .md-button--purple.disabled:hover,:host .md-button--purple.md-button--disabled:focus,:host .md-button--purple.md-button--disabled:hover,:host .md-button--purple[disabled]:focus,:host .md-button--purple[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple:focus{background-color:#c233c4;color:#fff}:host .md-button--purple:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.active,:host .md-button--purple:active{background-color:#932099;color:#fff}:host .md-button--purple.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#e060de;box-shadow:0 0 0 1px #e060de}:host .md-button--purple.md-button--outline.disabled,:host .md-button--purple.md-button--outline.md-button--disabled,:host .md-button--purple.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.md-button--outline.disabled:focus,:host .md-button--purple.md-button--outline.disabled:hover,:host .md-button--purple.md-button--outline.md-button--disabled:focus,:host .md-button--purple.md-button--outline.md-button--disabled:hover,:host .md-button--purple.md-button--outline[disabled]:focus,:host .md-button--purple.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple.md-button--outline:focus{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline.active,:host .md-button--purple.md-button--outline:active{background-color:#932099;color:#fff}:host .md-button--pink{background-color:#f0677e;border-color:transparent;color:#fff}:host .md-button--pink.disabled,:host .md-button--pink.md-button--disabled,:host .md-button--pink[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.disabled:focus,:host .md-button--pink.disabled:hover,:host .md-button--pink.md-button--disabled:focus,:host .md-button--pink.md-button--disabled:hover,:host .md-button--pink[disabled]:focus,:host .md-button--pink[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink:focus{background-color:#d43b52;color:#fff}:host .md-button--pink:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.active,:host .md-button--pink:active{background-color:#a12a3a;color:#fff}:host .md-button--pink.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f0677e;box-shadow:0 0 0 1px #f0677e}:host .md-button--pink.md-button--outline.disabled,:host .md-button--pink.md-button--outline.md-button--disabled,:host .md-button--pink.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.md-button--outline.disabled:focus,:host .md-button--pink.md-button--outline.disabled:hover,:host .md-button--pink.md-button--outline.md-button--disabled:focus,:host .md-button--pink.md-button--outline.md-button--disabled:hover,:host .md-button--pink.md-button--outline[disabled]:focus,:host .md-button--pink.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink.md-button--outline:focus{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline.active,:host .md-button--pink.md-button--outline:active{background-color:#a12a3a;color:#fff}:host .md-button--cyan{background-color:#00a3b5;border-color:transparent;color:#fff}:host .md-button--cyan.disabled,:host .md-button--cyan.md-button--disabled,:host .md-button--cyan[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.disabled:focus,:host .md-button--cyan.disabled:hover,:host .md-button--cyan.md-button--disabled:focus,:host .md-button--cyan.md-button--disabled:hover,:host .md-button--cyan[disabled]:focus,:host .md-button--cyan[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan:focus{background-color:#008094;color:#fff}:host .md-button--cyan:hover{background-color:#008094;color:#fff}:host .md-button--cyan.active,:host .md-button--cyan:active{background-color:#066070;color:#fff}:host .md-button--cyan.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00a3b5;box-shadow:0 0 0 1px #00a3b5}:host .md-button--cyan.md-button--outline.disabled,:host .md-button--cyan.md-button--outline.md-button--disabled,:host .md-button--cyan.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.md-button--outline.disabled:focus,:host .md-button--cyan.md-button--outline.disabled:hover,:host .md-button--cyan.md-button--outline.md-button--disabled:focus,:host .md-button--cyan.md-button--outline.md-button--disabled:hover,:host .md-button--cyan.md-button--outline[disabled]:focus,:host .md-button--cyan.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan.md-button--outline:focus{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline:hover{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline.active,:host .md-button--cyan.md-button--outline:active{background-color:#066070;color:#fff}:host .md-button--white{background-color:#fff;border-color:transparent;color:#000}:host .md-button--white.disabled,:host .md-button--white.md-button--disabled,:host .md-button--white[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.disabled:focus,:host .md-button--white.disabled:hover,:host .md-button--white.md-button--disabled:focus,:host .md-button--white.md-button--disabled:hover,:host .md-button--white[disabled]:focus,:host .md-button--white[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white:focus{background-color:#ededed;color:#000}:host .md-button--white:hover{background-color:#ededed;color:#000}:host .md-button--white.active,:host .md-button--white:active{background-color:#ccc;color:#000}:host .md-button--white.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color);box-shadow:0 0 0 1px #ccc}:host .md-button--white.md-button--outline.disabled,:host .md-button--white.md-button--outline.md-button--disabled,:host .md-button--white.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.md-button--outline.disabled:focus,:host .md-button--white.md-button--outline.disabled:hover,:host .md-button--white.md-button--outline.md-button--disabled:focus,:host .md-button--white.md-button--outline.md-button--disabled:hover,:host .md-button--white.md-button--outline[disabled]:focus,:host .md-button--white.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white.md-button--outline:focus{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline:hover{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline.active,:host .md-button--white.md-button--outline:active{background-color:#ccc;color:#3b3b3b}:host .md-button--dark-gray{background-color:var(--button-inverted-white-hover-bg-color);border-color:transparent;color:#fff}:host .md-button--dark-gray.disabled,:host .md-button--dark-gray.md-button--disabled,:host .md-button--dark-gray[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.disabled:focus,:host .md-button--dark-gray.disabled:hover,:host .md-button--dark-gray.md-button--disabled:focus,:host .md-button--dark-gray.md-button--disabled:hover,:host .md-button--dark-gray[disabled]:focus,:host .md-button--dark-gray[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.active,:host .md-button--dark-gray:active{background-color:#545454;color:#fff}:host .md-button--dark-gray.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color);box-shadow:0 0 0 1px var(--button-inverted-white-hover-bg-color)}:host .md-button--dark-gray.md-button--outline.disabled,:host .md-button--dark-gray.md-button--outline.md-button--disabled,:host .md-button--dark-gray.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.md-button--outline.disabled:focus,:host .md-button--dark-gray.md-button--outline.disabled:hover,:host .md-button--dark-gray.md-button--outline.md-button--disabled:focus,:host .md-button--dark-gray.md-button--outline.md-button--disabled:hover,:host .md-button--dark-gray.md-button--outline[disabled]:focus,:host .md-button--dark-gray.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray.md-button--outline:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline.active,:host .md-button--dark-gray.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--duck-egg{background-color:#949494;border-color:transparent;color:#fff}:host .md-button--duck-egg.disabled,:host .md-button--duck-egg.md-button--disabled,:host .md-button--duck-egg[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.disabled:focus,:host .md-button--duck-egg.disabled:hover,:host .md-button--duck-egg.md-button--disabled:focus,:host .md-button--duck-egg.md-button--disabled:hover,:host .md-button--duck-egg[disabled]:focus,:host .md-button--duck-egg[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.active,:host .md-button--duck-egg:active{background-color:#545454;color:#fff}:host .md-button--duck-egg.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#949494;box-shadow:0 0 0 1px #949494}:host .md-button--duck-egg.md-button--outline.disabled,:host .md-button--duck-egg.md-button--outline.md-button--disabled,:host .md-button--duck-egg.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.md-button--outline.disabled:focus,:host .md-button--duck-egg.md-button--outline.disabled:hover,:host .md-button--duck-egg.md-button--outline.md-button--disabled:focus,:host .md-button--duck-egg.md-button--outline.md-button--disabled:hover,:host .md-button--duck-egg.md-button--outline[disabled]:focus,:host .md-button--duck-egg.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg.md-button--outline:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline.active,:host .md-button--duck-egg.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--violet{background-color:#a87ff1;border-color:transparent;color:#fff}:host .md-button--violet.disabled,:host .md-button--violet.md-button--disabled,:host .md-button--violet[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.disabled:focus,:host .md-button--violet.disabled:hover,:host .md-button--violet.md-button--disabled:focus,:host .md-button--violet.md-button--disabled:hover,:host .md-button--violet[disabled]:focus,:host .md-button--violet[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet:focus{background-color:#875ae1;color:#fff}:host .md-button--violet:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.active,:host .md-button--violet:active{background-color:#643abd;color:#fff}:host .md-button--violet.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#a87ff1;box-shadow:0 0 0 1px #a87ff1}:host .md-button--violet.md-button--outline.disabled,:host .md-button--violet.md-button--outline.md-button--disabled,:host .md-button--violet.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.md-button--outline.disabled:focus,:host .md-button--violet.md-button--outline.disabled:hover,:host .md-button--violet.md-button--outline.md-button--disabled:focus,:host .md-button--violet.md-button--outline.md-button--disabled:hover,:host .md-button--violet.md-button--outline[disabled]:focus,:host .md-button--violet.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet.md-button--outline:focus{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline.active,:host .md-button--violet.md-button--outline:active{background-color:#643abd;color:#fff}:host .md-button--link{color:#007aa3}:host .md-button--link{background-color:rgba(0,0,0,0);border-color:transparent;color:#fff}:host .md-button--link.disabled,:host .md-button--link.md-button--disabled,:host .md-button--link[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--link.disabled:focus,:host .md-button--link.disabled:hover,:host .md-button--link.md-button--disabled:focus,:host .md-button--link.md-button--disabled:hover,:host .md-button--link[disabled]:focus,:host .md-button--link[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--link:focus{background-color:#ccc;color:#fff}:host .md-button--link:hover{background-color:#ccc;color:#fff}:host .md-button--link.active,:host .md-button--link:active{background-color:#b2b2b2;color:#fff}:host .md-button--color-none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--color-none.disabled,:host .md-button--color-none.md-button--disabled,:host .md-button--color-none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--color-none.disabled:focus,:host .md-button--color-none.disabled:hover,:host .md-button--color-none.md-button--disabled:focus,:host .md-button--color-none.md-button--disabled:hover,:host .md-button--color-none[disabled]:focus,:host .md-button--color-none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--color-none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none.active,:host .md-button--color-none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button[class*=md-button--icon] .md-icon{fill:inherit}:host .md-button.md-button--icon{min-width:0}:host .md-button.md-button--icon{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon.active,:host .md-button.md-button--icon:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon{color:#545454;fill:#545454}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,0)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,0);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon.hover-state,:host .md-button.md-button--icon:hover{color:#007aa3;fill:#007aa3}:host .md-button.md-button--icon.active-state,:host .md-button.md-button--icon:active{color:#005e7d;fill:#005e7d}:host .md-button.md-button--icon{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button.md-button--icon .md-prepend{margin-right:calc(100%/4)}:host .md-button.md-button--icon .md-append{margin-left:calc(100%/4)}:host .md-button.md-button--icon{border-radius:0}:host .md-button.md-button--icon::after{border-radius:0}:host .md-button.md-button--icon.md-button--icon-white{color:#fff;fill:#fff}:host .md-button.md-button--icon.md-button--icon-white.disabled,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled,:host .md-button.md-button--icon.md-button--icon-white[disabled]{color:hsla(0,0%,100%,.2);fill:hsla(0,0%,100%,.2);background-color:rgba(0,0,0,0)}:host .md-button.md-button--icon.md-button--icon-white.disabled:focus,:host .md-button.md-button--icon.md-button--icon-white.disabled:hover,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled:hover,:host .md-button.md-button--icon.md-button--icon-white[disabled]:focus,:host .md-button.md-button--icon.md-button--icon-white[disabled]:hover{background-color:rgba(0,0,0,0);color:hsla(0,0%,100%,.2);fill:hsla(0,0%,100%,.2)}:host .md-button.md-button--icon.md-button--icon-white.hover-state,:host .md-button.md-button--icon.md-button--icon-white:hover{color:hsla(0,0%,100%,.92);fill:hsla(0,0%,100%,.92)}:host .md-button.md-button--icon.md-button--icon-white.active-state,:host .md-button.md-button--icon.md-button--icon-white:active{color:hsla(0,0%,100%,.84);fill:hsla(0,0%,100%,.84)}:host .md-button.md-button--onlyicon.disabled,:host .md-button.md-button--onlyicon:disabled{background-color:rgba(0,0,0,0)!important}:host([type=reset]){appearance:none!important}:host([type=submit]){appearance:none!important}:host([variant=primary]) .md-button{background-color:var(--button-primary-bg-color);color:var(--button-primary-text-color)}:host([variant=primary]) .md-button:hover{background-color:var(--button-primary-hover-bg-color)}:host([variant=primary]) .md-button:active{background-color:var(--button-primary-pressed-bg-color)}:host([variant=primary]) .md-button.disabled,:host([variant=primary]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=inverted-primary]) .md-button{background-color:var(--button-inverted-primary-bg-color);color:var(--button-inverted-primary-text-color)}:host([variant=inverted-primary]) .md-button:hover{background-color:var(--button-inverted-primary-hover-bg-color)}:host([variant=inverted-primary]) .md-button:active{background-color:var(--button-inverted-primary-pressed-bg-color)}:host([variant=inverted-primary]) .md-button.disabled,:host([variant=inverted-primary]) .md-button:disabled{background-color:var(--button-inverted-primary-disabled-bg-color);color:var(--button-inverted-primary-disabled-text-color)}:host([variant=dropdown]) .md-button{font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400;font-size:.875rem;background-color:var(--button-dropdown-bg-color);color:var(--button-dropdown-text-color);border:1px solid var(--button-dropdown-border-color)}:host([variant=dropdown]) .md-button--placeholder-text{color:var(--button-dropdown-text-color-placeholder)}:host([variant=dropdown]) .md-button:hover{background-color:var(--button-dropdown-hover)}:host([variant=dropdown]) .md-button:active{background-color:var(--button-dropdown-active)}:host([variant=dropdown]) .md-button.disabled,:host([variant=dropdown]) .md-button:disabled{background-color:var(--button-dropdown-disabled-bg-color);color:var(--button-dropdown-disabled-text-color);border:1px solid var(--button-dropdown-disabled-border-color)}:host([variant=inverted-secondary]) .md-button{background-color:var(--button-inverted-secondary-bg-color);color:var(--button-inverted-secondary-text-color);border:1px solid var(--button-inverted-secondary-border-color)}:host([variant=inverted-secondary]) .md-button:hover{background-color:var(--button-inverted-secondary-hover-bg-color);color:var(--button-inverted-secondary-text-color)}:host([variant=inverted-secondary]) .md-button:active{background-color:var(--button-inverted-secondary-pressed-bg-color);color:var(--button-inverted-secondary-text-color)}:host([variant=inverted-secondary]) .md-button.disabled,:host([variant=inverted-secondary]) .md-button:disabled{background-color:var(--button-inverted-secondary-disabled-bg-color);border:1px solid var(--button-inverted-secondary-disabled-border-color);color:var(--button-inverted-secondary-disabled-text-color)}:host([variant=promotional]) .md-button{background:var(--button-promotional-bg-color);color:var(--button-promotional-text-color,var(--button-primary-text-color))}:host([variant=promotional]) .md-button:hover{background:var(--button-promotional-hover-bg-color)}:host([variant=promotional]) .md-button:active{background:var(--button-promotional-pressed-bg-color)}:host([variant=promotional]) .md-button.disabled,:host([variant=promotional]) .md-button:disabled{background:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=ghost]) .md-button{background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color,var(--button-secondary-text-color));border:unset}:host([variant=ghost]) .md-button:hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=ghost]) .md-button:active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=ghost]) .md-button.disabled,:host([variant=ghost]) .md-button:disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:var(--button-ghost-disabled-text-color,var(--button-disabled-text-color))}:host([variant=ghostInheritTextColor]) .md-button{background-color:var(--button-ghost-bg-color,transparent);color:inherit;border:unset}:host([variant=ghostInheritTextColor]) .md-button:hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=ghostInheritTextColor]) .md-button:active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=ghostInheritTextColor]) .md-button.disabled,:host([variant=ghostInheritTextColor]) .md-button:disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:inherit}:host([variant=secondary]) .md-button:not(.isActive){background-color:var(--button-secondary-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button:not(.isActive):hover{background-color:var(--button-secondary-hover-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button:not(.isActive):active{background-color:var(--button-secondary-pressed-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button:not(.isActive).disabled,:host([variant=secondary]) .md-button:not(.isActive):disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=secondary]) .md-button.isActive{background-color:var(--button-secondary-active-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button.isActive:hover{background-color:var(--button-secondary-active-hover-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button.isActive:active{background-color:var(--button-secondary-active-pressed-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button.isActive.disabled,:host([variant=secondary]) .md-button.isActive:disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=red]) .md-button{background-color:var(--button-red-bg-color);color:var(--button-red-text-color,var(--button-primary-text-color))}:host([variant=red]) .md-button:hover{background-color:var(--button-red-hover-bg-color)}:host([variant=red]) .md-button:active{background-color:var(--button-red-pressed-bg-color)}:host([variant=red]) .md-button.disabled,:host([variant=red]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=green]) .md-button{background-color:var(--button-green-bg-color);color:var(--button-green-text-color,var(--button-primary-text-color))}:host([variant=green]) .md-button:hover{background-color:var(--button-green-hover-bg-color)}:host([variant=green]) .md-button:active{background-color:var(--button-green-pressed-bg-color)}:host([variant=green]) .md-button.disabled,:host([variant=green]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=available]) .md-button{background-color:var(--button-available-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-available-border-color);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=available]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=available]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=available]) .md-button:hover{background-color:var(--button-available-hover-bg-color)}:host([variant=available]) .md-button:active{background-color:var(--button-available-pressed-bg-color)}:host([variant=available]) .md-button.disabled,:host([variant=available]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=unavailable]) .md-button{background-color:var(--button-unavailable-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-unavailable-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=unavailable]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=unavailable]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=unavailable]) .md-button:hover{background-color:var(--button-unavailable-hover-bg-color)}:host([variant=unavailable]) .md-button:active{background-color:var(--button-unavailable-pressed-bg-color)}:host([variant=unavailable]) .md-button.disabled,:host([variant=unavailable]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=idle]) .md-button{background-color:var(--button-idle-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-idle-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=idle]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=idle]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=idle]) .md-button:hover{background-color:var(--button-idle-hover-bg-color)}:host([variant=idle]) .md-button:active{background-color:var(--button-idle-pressed-bg-color)}:host([variant=idle]) .md-button.disabled,:host([variant=idle]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=white]) .md-button{background-color:var(--button-white-bg-color);color:var(--button-white-text-color)}:host([variant=white]) .md-button:hover{background-color:var(--button-white-hover-bg-color)}:host([variant=white]) .md-button:active{background-color:var(--button-white-pressed-bg-color)}:host([variant=white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-white-outline-color);color:var(--button-white-outline-text-color)}:host([variant=inverted-white]) .md-button{background-color:var(--button-inverted-white-bg-color);color:var(--button-inverted-white-text-color)}:host([variant=inverted-white]) .md-button:hover{background-color:var(--button-inverted-white-hover-bg-color)}:host([variant=inverted-white]) .md-button:active{background-color:var(--button-inverted-white-pressed-bg-color)}:host([variant=inverted-white]) .md-button.disabled,:host([variant=inverted-white]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=inverted-white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-inverted-white-outline-color);color:var(--button-inverted-white-outline-text-color)}:host([variant=engaged]) .md-button{background-color:var(--button-engaged-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-engaged-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=engaged]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=engaged]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=engaged]) .md-button:hover{background-color:var(--button-engaged-hover-bg-color)}:host([variant=engaged]) .md-button:active{background-color:var(--button-engaged-pressed-bg-color)}:host([variant=tab]) .md-button:not(.isActive){background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color,var(--button-secondary-text-color))}:host([variant=tab]) .md-button:not(.isActive):hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=tab]) .md-button:not(.isActive):active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=tab]) .md-button:not(.isActive).disabled,:host([variant=tab]) .md-button:not(.isActive):disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:var(--button-ghost-disabled-text-color,var(--button-disabled-text-color))}:host([variant=tab]) .md-button.isActive{background-color:var(--button-ghost-active-bg-color);color:var(--button-ghost-active-text-color)}:host([variant=tab]) .md-button.isActive:hover{background-color:var(--button-ghost-active-hover-bg-color)}:host([variant=tab]) .md-button.isActive:active{background-color:var(--button-ghost-active-pressed-bg-color)}:host([variant=tab]) .md-button.isActive.disabled,:host([variant=tab]) .md-button.isActive:disabled{background-color:var(--button-ghost-active-disabled-bg-color);color:var(--button-ghost-active-disabled-text-color)}::slotted(*){display:flex}::slotted([slot=text]){align-self:end;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::slotted(:not(:first-child)){display:inline-block;margin-left:.5rem}::slotted(md-icon){line-height:normal}md-spinner{display:flex}md-spinner+::slotted(*){margin-left:.5rem}@media(forced-colors:active){:host .md-button:focus{outline:2px solid Highlight}:host .md-button:active{color:Highlight;outline:2px solid Highlight}:host .md-button.disabled,:host .md-button[disabled]{color:GrayText!important}:host .md-button--outline.disabled{color:GrayText!important}:host .md-button--outline:active:disabled,:host .md-button--outline:focus:disabled{outline:2px solid Highlight}}`,s=function(t,o,d,r){var a,n=arguments.length,e=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,d):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,o,d,r);else for(var b=t.length-1;b>=0;b--)(a=t[b])&&(e=(n<3?a(e):n>3?a(o,d,e):a(o,d))||e);return n>3&&e&&Object.defineProperty(o,d,e),e};const l=["20","24","28","32","36","40","44","52","56","72","68","84","size-none",20,24,28,32,36,40,44,52,56,68,72,68,84],h=["button","input","a"],v=["button","reset","submit"],g=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"],f=["primary","secondary","red","green","ghost","ghostInheritTextColor","white","darkGrey","promotional","tab","available","unavailable","engaged","idle","inverted-primary","inverted-secondary","dropdown"],y=["blue","red","green","orange","yellow","mint","purple","pink","cyan","white","dark-gray","duck-egg","violet","color-none",""],k=["","off","polite","assertive"];var p;!function(t){let o=class extends b.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.rounded=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.isActive=!1,this.renderWidth=()=>this.width?`width: ${this.width};`:i.nothing,this.renderMaxWidth=()=>this.maxWidth?`max-width: ${this.maxWidth};`:i.nothing,this.getStyles=()=>{if(this.width||this.maxWidth)return b.html`
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[6],{17:function(t,o,d){"use strict";d.r(o),d.d(o,"buttonSize",(function(){return l})),d.d(o,"buttonTag",(function(){return h})),d.d(o,"buttonType",(function(){return v})),d.d(o,"buttonRoles",(function(){return g})),d.d(o,"buttonVariant",(function(){return f})),d.d(o,"buttonColor",(function(){return y})),d.d(o,"buttonAriaLive",(function(){return k})),d.d(o,"Button",(function(){return p}));var r=d(63),a=(d(55),d(5)),n=d(28),e=d(6),b=d(0),i=d(2),c=d(4),u=d(3),m=b.css`[class|=md-button__container]{align-content:center;align-items:center;display:inline-flex;flex-flow:column nowrap;justify-content:center;width:116px}[class|=md-button__container][class$="--small"]{width:104px}:host .md-button{transition:background-color 150ms ease;border:none;border-radius:1.125rem;cursor:pointer;display:inline-flex;font-family:var(--brand-font-medium, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:500;font-size:1rem;line-height:normal;min-width:4.5rem;position:relative;text-align:center;text-decoration:none;align-items:center;justify-content:center}:host .md-button>*{font-size:inherit}:host .md-button .md-button__children{align-content:center;align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;max-width:100%;flex:1}:host .md-button+.md-button{margin-left:.3125rem}:host .md-button.active-state.focus-state,:host .md-button.active-state:focus,:host .md-button:active.focus-state,:host .md-button:active:focus{box-shadow:none}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{box-shadow:none;cursor:default;pointer-events:none}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{box-shadow:none}:host .md-button{font-size:1rem;line-height:normal;padding:var(--button-padding-36,.5625rem 1.125rem .625rem 1.125rem);height:2.25rem}:host .md-button .md-prepend{margin-right:calc(2.25rem/4)}:host .md-button .md-append{margin-left:calc(2.25rem/4)}:host .md-button{border-radius:1.125rem}:host .md-button::after{border-radius:calc(1.125rem + 2px)}:host .md-button{background-color:#dedede;border-color:transparent;color:#000}:host .md-button.disabled,:host .md-button.md-button--disabled,:host .md-button[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.disabled:focus,:host .md-button.disabled:hover,:host .md-button.md-button--disabled:focus,:host .md-button.md-button--disabled:hover,:host .md-button[disabled]:focus,:host .md-button[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.focus-state,:host .md-button:focus{box-shadow:none;outline:0}:host .md-button:focus{background-color:#ccc;color:#000}:host .md-button:hover{background-color:#ccc;color:#000}:host .md-button.active,:host .md-button:active{background-color:#b2b2b2;color:#000}:host .md-button{background-color:var(--button-secondary-bg-color);box-sizing:border-box;color:var(--button-secondary-text-color)}:host .md-button:hover{background-color:var(--button-secondary-hover-bg-color);color:var(--button-secondary-text-color)}:host .md-button:active{background-color:var(--button-secondary-pressed-bg-color);color:var(--button-secondary-text-color)}:host .md-button.disabled,:host .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host .md-button.disabled:focus,:host .md-button:disabled:focus{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host .md-button::after{border-radius:calc(1.125rem + 2px);content:"";display:block;height:calc(100% + 2px*2);left:0;margin:-2px;position:absolute;top:0;width:calc(100% + 2px*2)}:host .md-button:focus::after{box-shadow:0 0 0 .125rem var(--button-focus-ring-color)}:host .md-button+.md-button__label{color:var(--md-primary-text-color,#121212);display:block;overflow:hidden;text-align:center;width:100%}:host .md-button--left{text-align:left;text-indent:.75rem}:host .md-button--right{padding-right:.75rem;text-align:right}:host .md-button--outline{box-shadow:0 0 0 1px #ccc}:host .md-button--outline:hover{box-shadow:none!important}:host .md-button--none{box-shadow:none;min-width:0}:host .md-button--none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--none.disabled,:host .md-button--none.md-button--disabled,:host .md-button--none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--none.disabled:focus,:host .md-button--none.disabled:hover,:host .md-button--none.md-button--disabled:focus,:host .md-button--none.md-button--disabled:hover,:host .md-button--none[disabled]:focus,:host .md-button--none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none.active,:host .md-button--none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--none{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button--none .md-prepend{margin-right:calc(100%/4)}:host .md-button--none .md-append{margin-left:calc(100%/4)}:host .md-button--none{border-radius:0}:host .md-button--none::after{border-radius:0}:host .md-button--size-none{min-width:0}:host .md-button--size-none{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button--size-none .md-prepend{margin-right:calc(100%/4)}:host .md-button--size-none .md-append{margin-left:calc(100%/4)}:host .md-button--size-none{border-radius:0}:host .md-button--size-none::after{border-radius:0}:host .md-button--24{font-size:var(--button-font-size-extra-small,.625rem);line-height:normal;padding:var(--button-padding-24,.25rem .75rem .3125rem .75rem);height:1.5rem}:host .md-button--24 .md-prepend{margin-right:calc(1.5rem/4)}:host .md-button--24 .md-append{margin-left:calc(1.5rem/4)}:host .md-button--24{border-radius:.75rem}:host .md-button--24::after{border-radius:calc(.75rem + 2px)}:host .md-button--28{font-size:var(--button-font-size-small,.75rem);line-height:normal;padding:var(--button-padding-28,.375rem .875rem .4375rem .875rem);height:1.75rem}:host .md-button--28 .md-prepend{margin-right:calc(1.75rem/4)}:host .md-button--28 .md-append{margin-left:calc(1.75rem/4)}:host .md-button--28{border-radius:.875rem}:host .md-button--28::after{border-radius:calc(.875rem + 2px)}:host .md-button--32{font-size:var(--button-font-size-medium,.875rem);line-height:normal;padding:var(--button-padding-32,.5rem 1rem .5625rem 1rem);height:2rem}:host .md-button--32 .md-prepend{margin-right:calc(2rem/4)}:host .md-button--32 .md-append{margin-left:calc(2rem/4)}:host .md-button--32{border-radius:1rem}:host .md-button--32::after{border-radius:calc(1rem + 2px)}:host .md-button--36{font-size:var(--button-font-size-medium,.875rem);line-height:normal;padding:var(--button-padding-36,.5625rem 1.125rem .625rem 1.125rem);height:2.25rem}:host .md-button--36 .md-prepend{margin-right:calc(2.25rem/4)}:host .md-button--36 .md-append{margin-left:calc(2.25rem/4)}:host .md-button--40{font-size:1rem;line-height:normal;padding:var(--button-padding-40,.6875rem 1.25rem .75rem 1.25rem);height:2.5rem}:host .md-button--40 .md-prepend{margin-right:calc(2.5rem/4)}:host .md-button--40 .md-append{margin-left:calc(2.5rem/4)}:host .md-button--40{border-radius:1.25rem}:host .md-button--40::after{border-radius:calc(1.25rem + 2px)}:host .md-button--52{font-size:1rem;line-height:normal;padding:var(--button-padding-52,.875rem 1.625rem .9375rem 1.625rem);height:3.25rem}:host .md-button--52 .md-prepend{margin-right:calc(3.25rem/4)}:host .md-button--52 .md-append{margin-left:calc(3.25rem/4)}:host .md-button--52{border-radius:1.625rem}:host .md-button--52::after{border-radius:calc(1.625rem + 2px)}:host .md-button--circle{padding:0;width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle{border-radius:100%}:host .md-button--circle::after{border-radius:100%}:host .md-button--circle[class*="--none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--none"]{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--circle[class*="--none"].disabled,:host .md-button--circle[class*="--none"].md-button--disabled,:host .md-button--circle[class*="--none"][disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--circle[class*="--none"].disabled:focus,:host .md-button--circle[class*="--none"].disabled:hover,:host .md-button--circle[class*="--none"].md-button--disabled:focus,:host .md-button--circle[class*="--none"].md-button--disabled:hover,:host .md-button--circle[class*="--none"][disabled]:focus,:host .md-button--circle[class*="--none"][disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--circle[class*="--none"]:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"]:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--none"].active,:host .md-button--circle[class*="--none"]:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--circle[class*="--size-none"]{width:auto;height:auto;min-width:0;min-height:0}:host .md-button--circle[class*="--20"]{width:1.25rem;height:1.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-extra-small,.5rem);line-height:var(--button-font-size-extra-small,.5rem)}:host .md-button--circle[class*="--24"]{width:1.5rem;height:1.5rem;min-width:0;min-height:0;font-size:var(--button-font-size-extra-small,.625rem);line-height:var(--button-font-size-extra-small,.625rem)}:host .md-button--circle[class*="--28"]{width:1.75rem;height:1.75rem;min-width:0;min-height:0;font-size:var(--button-font-size-small,.75rem);line-height:var(--button-font-size-small,.75rem)}:host .md-button--circle[class*="--32"]{width:2rem;height:2rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--36"]{width:2.25rem;height:2.25rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--40"]{width:2.5rem;height:2.5rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--44"]{width:2.75rem;height:2.75rem;min-width:0;min-height:0;font-size:var(--button-font-size-medium,.875rem);line-height:var(--button-font-size-medium,.875rem)}:host .md-button--circle[class*="--52"]{width:3.25rem;height:3.25rem;min-width:0;min-height:0;font-size:1.375rem;line-height:1.375rem}:host .md-button--circle[class*="--56"]{width:3.5rem;height:3.5rem;min-width:0;min-height:0;font-size:1.5rem;line-height:1.5rem}:host .md-button--circle[class*="--68"]{width:4.25rem;height:4.25rem;min-width:0;min-height:0;font-size:1.75rem;line-height:1.75rem}:host .md-button--circle[class*="--72"]{width:4.5rem;height:4.5rem;min-width:0;min-height:0;font-size:2rem;line-height:2rem}:host .md-button--circle[class*="--84"]{width:5.25rem;height:5.25rem;min-width:0;min-height:0;font-size:2.5rem;line-height:2.5rem}:host .md-button--circle.icon{font-family:momentum-ui-icons}:host .md-button--rounded{border-radius:.5rem}:host .md-button--rounded::after{border-radius:.5rem}:host .md-button .md-loading{left:50%;position:absolute;transform:translateX(-50%)}:host .md-button--blue{background-color:var(--button-accent-bg-color,#007aa3);border-color:transparent;color:#fff}:host .md-button--blue.disabled,:host .md-button--blue.md-button--disabled,:host .md-button--blue[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.disabled:focus,:host .md-button--blue.disabled:hover,:host .md-button--blue.md-button--disabled:focus,:host .md-button--blue.md-button--disabled:hover,:host .md-button--blue[disabled]:focus,:host .md-button--blue[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.focus-state,:host .md-button--blue:focus{box-shadow:none;outline:0}:host .md-button--blue:focus{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue:hover{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.active,:host .md-button--blue:active{background-color:var(--button-accent-pressed-bg-color,#064157);color:#fff}:host .md-button--blue.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-primary-outline-color);box-shadow:0 0 0 1px var(--button-primary-outline-color)}:host .md-button--blue.md-button--outline.disabled,:host .md-button--blue.md-button--outline.md-button--disabled,:host .md-button--blue.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--blue.md-button--outline.disabled:focus,:host .md-button--blue.md-button--outline.disabled:hover,:host .md-button--blue.md-button--outline.md-button--disabled:focus,:host .md-button--blue.md-button--outline.md-button--disabled:hover,:host .md-button--blue.md-button--outline[disabled]:focus,:host .md-button--blue.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--blue.md-button--outline.focus-state,:host .md-button--blue.md-button--outline:focus{box-shadow:none;outline:0}:host .md-button--blue.md-button--outline:focus{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.md-button--outline:hover{background-color:var(--button-accent-hover-bg-color,#005e7d);color:#fff}:host .md-button--blue.md-button--outline.active,:host .md-button--blue.md-button--outline:active{background-color:var(--button-accent-pressed-bg-color,#064157);color:#fff}:host .md-button--red{background-color:#f7644a;border-color:transparent;color:#fff}:host .md-button--red.disabled,:host .md-button--red.md-button--disabled,:host .md-button--red[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.disabled:focus,:host .md-button--red.disabled:hover,:host .md-button--red.md-button--disabled:focus,:host .md-button--red.md-button--disabled:hover,:host .md-button--red[disabled]:focus,:host .md-button--red[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red:focus{background-color:#d4371c;color:#fff}:host .md-button--red:hover{background-color:#d4371c;color:#fff}:host .md-button--red.active,:host .md-button--red:active{background-color:#a12512;color:#fff}:host .md-button--red.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f7644a;box-shadow:0 0 0 1px #f7644a}:host .md-button--red.md-button--outline.disabled,:host .md-button--red.md-button--outline.md-button--disabled,:host .md-button--red.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--red.md-button--outline.disabled:focus,:host .md-button--red.md-button--outline.disabled:hover,:host .md-button--red.md-button--outline.md-button--disabled:focus,:host .md-button--red.md-button--outline.md-button--disabled:hover,:host .md-button--red.md-button--outline[disabled]:focus,:host .md-button--red.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--red.md-button--outline:focus{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline:hover{background-color:#d4371c;color:#fff}:host .md-button--red.md-button--outline.active,:host .md-button--red.md-button--outline:active{background-color:#a12512;color:#fff}:host .md-button--green{background-color:#00ab50;border-color:transparent;color:#fff}:host .md-button--green.disabled,:host .md-button--green.md-button--disabled,:host .md-button--green[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.disabled:focus,:host .md-button--green.disabled:hover,:host .md-button--green.md-button--disabled:focus,:host .md-button--green.md-button--disabled:hover,:host .md-button--green[disabled]:focus,:host .md-button--green[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green:focus{background-color:#00853c;color:#fff}:host .md-button--green:hover{background-color:#00853c;color:#fff}:host .md-button--green.active,:host .md-button--green:active{background-color:#03612c;color:#fff}:host .md-button--green.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00ab50;box-shadow:0 0 0 1px #00ab50}:host .md-button--green.md-button--outline.disabled,:host .md-button--green.md-button--outline.md-button--disabled,:host .md-button--green.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--green.md-button--outline.disabled:focus,:host .md-button--green.md-button--outline.disabled:hover,:host .md-button--green.md-button--outline.md-button--disabled:focus,:host .md-button--green.md-button--outline.md-button--disabled:hover,:host .md-button--green.md-button--outline[disabled]:focus,:host .md-button--green.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--green.md-button--outline:focus{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline:hover{background-color:#00853c;color:#fff}:host .md-button--green.md-button--outline.active,:host .md-button--green.md-button--outline:active{background-color:#03612c;color:#fff}:host .md-button--orange{background-color:#f26b1d;border-color:transparent;color:#fff}:host .md-button--orange.disabled,:host .md-button--orange.md-button--disabled,:host .md-button--orange[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.disabled:focus,:host .md-button--orange.disabled:hover,:host .md-button--orange.md-button--disabled:focus,:host .md-button--orange.md-button--disabled:hover,:host .md-button--orange[disabled]:focus,:host .md-button--orange[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.active,:host .md-button--orange:active{background-color:#914017;color:#fff}:host .md-button--orange.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f26b1d;box-shadow:0 0 0 1px #f26b1d}:host .md-button--orange.md-button--outline.disabled,:host .md-button--orange.md-button--outline.md-button--disabled,:host .md-button--orange.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--orange.md-button--outline.disabled:focus,:host .md-button--orange.md-button--outline.disabled:hover,:host .md-button--orange.md-button--outline.md-button--disabled:focus,:host .md-button--orange.md-button--outline.md-button--disabled:hover,:host .md-button--orange.md-button--outline[disabled]:focus,:host .md-button--orange.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--orange.md-button--outline:focus{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline:hover{background-color:#c74f0e;color:#fff}:host .md-button--orange.md-button--outline.active,:host .md-button--orange.md-button--outline:active{background-color:#914017;color:#fff}:host .md-button--yellow{background-color:#d97f00;border-color:transparent;color:#fff}:host .md-button--yellow.disabled,:host .md-button--yellow.md-button--disabled,:host .md-button--yellow[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.disabled:focus,:host .md-button--yellow.disabled:hover,:host .md-button--yellow.md-button--disabled:focus,:host .md-button--yellow.md-button--disabled:hover,:host .md-button--yellow[disabled]:focus,:host .md-button--yellow[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.active,:host .md-button--yellow:active{background-color:#7d4705;color:#fff}:host .md-button--yellow.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#d97f00;box-shadow:0 0 0 1px #d97f00}:host .md-button--yellow.md-button--outline.disabled,:host .md-button--yellow.md-button--outline.md-button--disabled,:host .md-button--yellow.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--yellow.md-button--outline.disabled:focus,:host .md-button--yellow.md-button--outline.disabled:hover,:host .md-button--yellow.md-button--outline.md-button--disabled:focus,:host .md-button--yellow.md-button--outline.md-button--disabled:hover,:host .md-button--yellow.md-button--outline[disabled]:focus,:host .md-button--yellow.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--yellow.md-button--outline:focus{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline:hover{background-color:#a85f00;color:#fff}:host .md-button--yellow.md-button--outline.active,:host .md-button--yellow.md-button--outline:active{background-color:#7d4705;color:#fff}:host .md-button--mint{background-color:#16a693;border-color:transparent;color:#fff}:host .md-button--mint.disabled,:host .md-button--mint.md-button--disabled,:host .md-button--mint[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.disabled:focus,:host .md-button--mint.disabled:hover,:host .md-button--mint.md-button--disabled:focus,:host .md-button--mint.md-button--disabled:hover,:host .md-button--mint[disabled]:focus,:host .md-button--mint[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint:focus{background-color:#148579;color:#fff}:host .md-button--mint:hover{background-color:#148579;color:#fff}:host .md-button--mint.active,:host .md-button--mint:active{background-color:#12615a;color:#fff}:host .md-button--mint.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#16a693;box-shadow:0 0 0 1px #16a693}:host .md-button--mint.md-button--outline.disabled,:host .md-button--mint.md-button--outline.md-button--disabled,:host .md-button--mint.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--mint.md-button--outline.disabled:focus,:host .md-button--mint.md-button--outline.disabled:hover,:host .md-button--mint.md-button--outline.md-button--disabled:focus,:host .md-button--mint.md-button--outline.md-button--disabled:hover,:host .md-button--mint.md-button--outline[disabled]:focus,:host .md-button--mint.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--mint.md-button--outline:focus{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline:hover{background-color:#148579;color:#fff}:host .md-button--mint.md-button--outline.active,:host .md-button--mint.md-button--outline:active{background-color:#12615a;color:#fff}:host .md-button--purple{background-color:#e060de;border-color:transparent;color:#fff}:host .md-button--purple.disabled,:host .md-button--purple.md-button--disabled,:host .md-button--purple[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.disabled:focus,:host .md-button--purple.disabled:hover,:host .md-button--purple.md-button--disabled:focus,:host .md-button--purple.md-button--disabled:hover,:host .md-button--purple[disabled]:focus,:host .md-button--purple[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple:focus{background-color:#c233c4;color:#fff}:host .md-button--purple:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.active,:host .md-button--purple:active{background-color:#932099;color:#fff}:host .md-button--purple.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#e060de;box-shadow:0 0 0 1px #e060de}:host .md-button--purple.md-button--outline.disabled,:host .md-button--purple.md-button--outline.md-button--disabled,:host .md-button--purple.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--purple.md-button--outline.disabled:focus,:host .md-button--purple.md-button--outline.disabled:hover,:host .md-button--purple.md-button--outline.md-button--disabled:focus,:host .md-button--purple.md-button--outline.md-button--disabled:hover,:host .md-button--purple.md-button--outline[disabled]:focus,:host .md-button--purple.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--purple.md-button--outline:focus{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline:hover{background-color:#c233c4;color:#fff}:host .md-button--purple.md-button--outline.active,:host .md-button--purple.md-button--outline:active{background-color:#932099;color:#fff}:host .md-button--pink{background-color:#f0677e;border-color:transparent;color:#fff}:host .md-button--pink.disabled,:host .md-button--pink.md-button--disabled,:host .md-button--pink[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.disabled:focus,:host .md-button--pink.disabled:hover,:host .md-button--pink.md-button--disabled:focus,:host .md-button--pink.md-button--disabled:hover,:host .md-button--pink[disabled]:focus,:host .md-button--pink[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink:focus{background-color:#d43b52;color:#fff}:host .md-button--pink:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.active,:host .md-button--pink:active{background-color:#a12a3a;color:#fff}:host .md-button--pink.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#f0677e;box-shadow:0 0 0 1px #f0677e}:host .md-button--pink.md-button--outline.disabled,:host .md-button--pink.md-button--outline.md-button--disabled,:host .md-button--pink.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--pink.md-button--outline.disabled:focus,:host .md-button--pink.md-button--outline.disabled:hover,:host .md-button--pink.md-button--outline.md-button--disabled:focus,:host .md-button--pink.md-button--outline.md-button--disabled:hover,:host .md-button--pink.md-button--outline[disabled]:focus,:host .md-button--pink.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--pink.md-button--outline:focus{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline:hover{background-color:#d43b52;color:#fff}:host .md-button--pink.md-button--outline.active,:host .md-button--pink.md-button--outline:active{background-color:#a12a3a;color:#fff}:host .md-button--cyan{background-color:#00a3b5;border-color:transparent;color:#fff}:host .md-button--cyan.disabled,:host .md-button--cyan.md-button--disabled,:host .md-button--cyan[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.disabled:focus,:host .md-button--cyan.disabled:hover,:host .md-button--cyan.md-button--disabled:focus,:host .md-button--cyan.md-button--disabled:hover,:host .md-button--cyan[disabled]:focus,:host .md-button--cyan[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan:focus{background-color:#008094;color:#fff}:host .md-button--cyan:hover{background-color:#008094;color:#fff}:host .md-button--cyan.active,:host .md-button--cyan:active{background-color:#066070;color:#fff}:host .md-button--cyan.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#00a3b5;box-shadow:0 0 0 1px #00a3b5}:host .md-button--cyan.md-button--outline.disabled,:host .md-button--cyan.md-button--outline.md-button--disabled,:host .md-button--cyan.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--cyan.md-button--outline.disabled:focus,:host .md-button--cyan.md-button--outline.disabled:hover,:host .md-button--cyan.md-button--outline.md-button--disabled:focus,:host .md-button--cyan.md-button--outline.md-button--disabled:hover,:host .md-button--cyan.md-button--outline[disabled]:focus,:host .md-button--cyan.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--cyan.md-button--outline:focus{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline:hover{background-color:#008094;color:#fff}:host .md-button--cyan.md-button--outline.active,:host .md-button--cyan.md-button--outline:active{background-color:#066070;color:#fff}:host .md-button--white{background-color:#fff;border-color:transparent;color:#000}:host .md-button--white.disabled,:host .md-button--white.md-button--disabled,:host .md-button--white[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.disabled:focus,:host .md-button--white.disabled:hover,:host .md-button--white.md-button--disabled:focus,:host .md-button--white.md-button--disabled:hover,:host .md-button--white[disabled]:focus,:host .md-button--white[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white:focus{background-color:#ededed;color:#000}:host .md-button--white:hover{background-color:#ededed;color:#000}:host .md-button--white.active,:host .md-button--white:active{background-color:#ccc;color:#000}:host .md-button--white.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color);box-shadow:0 0 0 1px #ccc}:host .md-button--white.md-button--outline.disabled,:host .md-button--white.md-button--outline.md-button--disabled,:host .md-button--white.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--white.md-button--outline.disabled:focus,:host .md-button--white.md-button--outline.disabled:hover,:host .md-button--white.md-button--outline.md-button--disabled:focus,:host .md-button--white.md-button--outline.md-button--disabled:hover,:host .md-button--white.md-button--outline[disabled]:focus,:host .md-button--white.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--white.md-button--outline:focus{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline:hover{background-color:#ededed;color:#3b3b3b}:host .md-button--white.md-button--outline.active,:host .md-button--white.md-button--outline:active{background-color:#ccc;color:#3b3b3b}:host .md-button--dark-gray{background-color:var(--button-inverted-white-hover-bg-color);border-color:transparent;color:#fff}:host .md-button--dark-gray.disabled,:host .md-button--dark-gray.md-button--disabled,:host .md-button--dark-gray[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.disabled:focus,:host .md-button--dark-gray.disabled:hover,:host .md-button--dark-gray.md-button--disabled:focus,:host .md-button--dark-gray.md-button--disabled:hover,:host .md-button--dark-gray[disabled]:focus,:host .md-button--dark-gray[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.active,:host .md-button--dark-gray:active{background-color:#545454;color:#fff}:host .md-button--dark-gray.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:var(--button-inverted-white-hover-bg-color);box-shadow:0 0 0 1px var(--button-inverted-white-hover-bg-color)}:host .md-button--dark-gray.md-button--outline.disabled,:host .md-button--dark-gray.md-button--outline.md-button--disabled,:host .md-button--dark-gray.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--dark-gray.md-button--outline.disabled:focus,:host .md-button--dark-gray.md-button--outline.disabled:hover,:host .md-button--dark-gray.md-button--outline.md-button--disabled:focus,:host .md-button--dark-gray.md-button--outline.md-button--disabled:hover,:host .md-button--dark-gray.md-button--outline[disabled]:focus,:host .md-button--dark-gray.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--dark-gray.md-button--outline:focus{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline:hover{background-color:#3b3b3b;color:#fff}:host .md-button--dark-gray.md-button--outline.active,:host .md-button--dark-gray.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--duck-egg{background-color:#949494;border-color:transparent;color:#fff}:host .md-button--duck-egg.disabled,:host .md-button--duck-egg.md-button--disabled,:host .md-button--duck-egg[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.disabled:focus,:host .md-button--duck-egg.disabled:hover,:host .md-button--duck-egg.md-button--disabled:focus,:host .md-button--duck-egg.md-button--disabled:hover,:host .md-button--duck-egg[disabled]:focus,:host .md-button--duck-egg[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.active,:host .md-button--duck-egg:active{background-color:#545454;color:#fff}:host .md-button--duck-egg.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#949494;box-shadow:0 0 0 1px #949494}:host .md-button--duck-egg.md-button--outline.disabled,:host .md-button--duck-egg.md-button--outline.md-button--disabled,:host .md-button--duck-egg.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--duck-egg.md-button--outline.disabled:focus,:host .md-button--duck-egg.md-button--outline.disabled:hover,:host .md-button--duck-egg.md-button--outline.md-button--disabled:focus,:host .md-button--duck-egg.md-button--outline.md-button--disabled:hover,:host .md-button--duck-egg.md-button--outline[disabled]:focus,:host .md-button--duck-egg.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--duck-egg.md-button--outline:focus{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline:hover{background-color:#707070;color:#fff}:host .md-button--duck-egg.md-button--outline.active,:host .md-button--duck-egg.md-button--outline:active{background-color:#545454;color:#fff}:host .md-button--violet{background-color:#a87ff1;border-color:transparent;color:#fff}:host .md-button--violet.disabled,:host .md-button--violet.md-button--disabled,:host .md-button--violet[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.disabled:focus,:host .md-button--violet.disabled:hover,:host .md-button--violet.md-button--disabled:focus,:host .md-button--violet.md-button--disabled:hover,:host .md-button--violet[disabled]:focus,:host .md-button--violet[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet:focus{background-color:#875ae1;color:#fff}:host .md-button--violet:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.active,:host .md-button--violet:active{background-color:#643abd;color:#fff}:host .md-button--violet.md-button--outline{background-color:rgba(0,0,0,0);border-color:transparent;color:#a87ff1;box-shadow:0 0 0 1px #a87ff1}:host .md-button--violet.md-button--outline.disabled,:host .md-button--violet.md-button--outline.md-button--disabled,:host .md-button--violet.md-button--outline[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--violet.md-button--outline.disabled:focus,:host .md-button--violet.md-button--outline.disabled:hover,:host .md-button--violet.md-button--outline.md-button--disabled:focus,:host .md-button--violet.md-button--outline.md-button--disabled:hover,:host .md-button--violet.md-button--outline[disabled]:focus,:host .md-button--violet.md-button--outline[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--violet.md-button--outline:focus{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline:hover{background-color:#875ae1;color:#fff}:host .md-button--violet.md-button--outline.active,:host .md-button--violet.md-button--outline:active{background-color:#643abd;color:#fff}:host .md-button--link{color:#007aa3}:host .md-button--link{background-color:rgba(0,0,0,0);border-color:transparent;color:#fff}:host .md-button--link.disabled,:host .md-button--link.md-button--disabled,:host .md-button--link[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--link.disabled:focus,:host .md-button--link.disabled:hover,:host .md-button--link.md-button--disabled:focus,:host .md-button--link.md-button--disabled:hover,:host .md-button--link[disabled]:focus,:host .md-button--link[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--link:focus{background-color:#ccc;color:#fff}:host .md-button--link:hover{background-color:#ccc;color:#fff}:host .md-button--link.active,:host .md-button--link:active{background-color:#b2b2b2;color:#fff}:host .md-button--color-none{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button--color-none.disabled,:host .md-button--color-none.md-button--disabled,:host .md-button--color-none[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button--color-none.disabled:focus,:host .md-button--color-none.disabled:hover,:host .md-button--color-none.md-button--disabled:focus,:host .md-button--color-none.md-button--disabled:hover,:host .md-button--color-none[disabled]:focus,:host .md-button--color-none[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button--color-none:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button--color-none.active,:host .md-button--color-none:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button[class*=md-button--icon] .md-icon{fill:inherit}:host .md-button.md-button--icon{min-width:0}:host .md-button.md-button--icon{background-color:rgba(0,0,0,0);border-color:transparent;color:inherit}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,.04)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,.04);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon:focus{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon:hover{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon.active,:host .md-button.md-button--icon:active{background-color:rgba(0,0,0,0);color:inherit}:host .md-button.md-button--icon{color:#545454;fill:#545454}:host .md-button.md-button--icon.disabled,:host .md-button.md-button--icon.md-button--disabled,:host .md-button.md-button--icon[disabled]{color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2);background-color:rgba(0,0,0,0)}:host .md-button.md-button--icon.disabled:focus,:host .md-button.md-button--icon.disabled:hover,:host .md-button.md-button--icon.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--disabled:hover,:host .md-button.md-button--icon[disabled]:focus,:host .md-button.md-button--icon[disabled]:hover{background-color:rgba(0,0,0,0);color:rgba(0,0,0,.2);fill:rgba(0,0,0,.2)}:host .md-button.md-button--icon.hover-state,:host .md-button.md-button--icon:hover{color:#007aa3;fill:#007aa3}:host .md-button.md-button--icon.active-state,:host .md-button.md-button--icon:active{color:#005e7d;fill:#005e7d}:host .md-button.md-button--icon{font-size:1rem;line-height:normal;padding:0;height:auto}:host .md-button.md-button--icon .md-prepend{margin-right:calc(100%/4)}:host .md-button.md-button--icon .md-append{margin-left:calc(100%/4)}:host .md-button.md-button--icon{border-radius:0}:host .md-button.md-button--icon::after{border-radius:0}:host .md-button.md-button--icon.md-button--icon-white{color:#fff;fill:#fff}:host .md-button.md-button--icon.md-button--icon-white.disabled,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled,:host .md-button.md-button--icon.md-button--icon-white[disabled]{color:hsla(0,0%,100%,.2);fill:hsla(0,0%,100%,.2);background-color:rgba(0,0,0,0)}:host .md-button.md-button--icon.md-button--icon-white.disabled:focus,:host .md-button.md-button--icon.md-button--icon-white.disabled:hover,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled:focus,:host .md-button.md-button--icon.md-button--icon-white.md-button--disabled:hover,:host .md-button.md-button--icon.md-button--icon-white[disabled]:focus,:host .md-button.md-button--icon.md-button--icon-white[disabled]:hover{background-color:rgba(0,0,0,0);color:hsla(0,0%,100%,.2);fill:hsla(0,0%,100%,.2)}:host .md-button.md-button--icon.md-button--icon-white.hover-state,:host .md-button.md-button--icon.md-button--icon-white:hover{color:hsla(0,0%,100%,.92);fill:hsla(0,0%,100%,.92)}:host .md-button.md-button--icon.md-button--icon-white.active-state,:host .md-button.md-button--icon.md-button--icon-white:active{color:hsla(0,0%,100%,.84);fill:hsla(0,0%,100%,.84)}:host .md-button.md-button--onlyicon.disabled,:host .md-button.md-button--onlyicon:disabled{background-color:rgba(0,0,0,0)!important}:host([type=reset]){appearance:none!important}:host([type=submit]){appearance:none!important}:host([variant=primary]) .md-button{background-color:var(--button-primary-bg-color);color:var(--button-primary-text-color)}:host([variant=primary]) .md-button:hover{background-color:var(--button-primary-hover-bg-color)}:host([variant=primary]) .md-button:active{background-color:var(--button-primary-pressed-bg-color)}:host([variant=primary]) .md-button.disabled,:host([variant=primary]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=inverted-primary]) .md-button{background-color:var(--button-inverted-primary-bg-color);color:var(--button-inverted-primary-text-color)}:host([variant=inverted-primary]) .md-button:hover{background-color:var(--button-inverted-primary-hover-bg-color)}:host([variant=inverted-primary]) .md-button:active{background-color:var(--button-inverted-primary-pressed-bg-color)}:host([variant=inverted-primary]) .md-button.disabled,:host([variant=inverted-primary]) .md-button:disabled{background-color:var(--button-inverted-primary-disabled-bg-color);color:var(--button-inverted-primary-disabled-text-color)}:host([variant=dropdown]) .md-button{font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400;font-size:.875rem;background-color:var(--button-dropdown-bg-color);color:var(--button-dropdown-text-color);border:1px solid var(--button-dropdown-border-color)}:host([variant=dropdown]) .md-button--placeholder-text{color:var(--button-dropdown-text-color-placeholder)}:host([variant=dropdown]) .md-button:hover{background-color:var(--button-dropdown-hover)}:host([variant=dropdown]) .md-button:active{background-color:var(--button-dropdown-active)}:host([variant=dropdown]) .md-button.disabled,:host([variant=dropdown]) .md-button:disabled{background-color:var(--button-dropdown-disabled-bg-color);color:var(--button-dropdown-disabled-text-color);border:1px solid var(--button-dropdown-disabled-border-color)}:host([variant=inverted-secondary]) .md-button{background-color:var(--button-inverted-secondary-bg-color);color:var(--button-inverted-secondary-text-color);border:1px solid var(--button-inverted-secondary-border-color)}:host([variant=inverted-secondary]) .md-button:hover{background-color:var(--button-inverted-secondary-hover-bg-color);color:var(--button-inverted-secondary-text-color)}:host([variant=inverted-secondary]) .md-button:active{background-color:var(--button-inverted-secondary-pressed-bg-color);color:var(--button-inverted-secondary-text-color)}:host([variant=inverted-secondary]) .md-button.disabled,:host([variant=inverted-secondary]) .md-button:disabled{background-color:var(--button-inverted-secondary-disabled-bg-color);border:1px solid var(--button-inverted-secondary-disabled-border-color);color:var(--button-inverted-secondary-disabled-text-color)}:host([variant=promotional]) .md-button{background:var(--button-promotional-bg-color);color:var(--button-promotional-text-color,var(--button-primary-text-color))}:host([variant=promotional]) .md-button:hover{background:var(--button-promotional-hover-bg-color)}:host([variant=promotional]) .md-button:active{background:var(--button-promotional-pressed-bg-color)}:host([variant=promotional]) .md-button.disabled,:host([variant=promotional]) .md-button:disabled{background:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=ghost]) .md-button{background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color);border:unset}:host([variant=ghost]) .md-button:hover{background-color:var(--button-ghost-hover-bg-color)}:host([variant=ghost]) .md-button:active{background-color:var(--button-ghost-pressed-bg-color)}:host([variant=ghost]) .md-button.disabled,:host([variant=ghost]) .md-button:disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:var(--button-ghost-disabled-text-color,var(--button-disabled-text-color))}:host([variant=ghostInheritTextColor]) .md-button{background-color:var(--button-ghost-bg-color,transparent);color:inherit;border:unset}:host([variant=ghostInheritTextColor]) .md-button:hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=ghostInheritTextColor]) .md-button:active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=ghostInheritTextColor]) .md-button.disabled,:host([variant=ghostInheritTextColor]) .md-button:disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:inherit}:host([variant=secondary]) .md-button:not(.isActive){background-color:var(--button-secondary-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button:not(.isActive):hover{background-color:var(--button-secondary-hover-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button:not(.isActive):active{background-color:var(--button-secondary-pressed-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button:not(.isActive).disabled,:host([variant=secondary]) .md-button:not(.isActive):disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=secondary]) .md-button.isActive{background-color:var(--button-secondary-active-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-secondary-border-color)}:host([variant=secondary]) .md-button.isActive:hover{background-color:var(--button-secondary-active-hover-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button.isActive:active{background-color:var(--button-secondary-active-pressed-bg-color);color:var(--button-secondary-text-color)}:host([variant=secondary]) .md-button.isActive.disabled,:host([variant=secondary]) .md-button.isActive:disabled{background-color:var(--button-secondary-disabled-bg-color,var(--button-disabled-bg-color));border:1px solid var(--button-secondary-disabled-border-color);color:var(--button-secondary-disabled-text-color,var(--button-disabled-text-color))}:host([variant=red]) .md-button{background-color:var(--button-red-bg-color);color:var(--button-red-text-color,var(--button-primary-text-color))}:host([variant=red]) .md-button:hover{background-color:var(--button-red-hover-bg-color)}:host([variant=red]) .md-button:active{background-color:var(--button-red-pressed-bg-color)}:host([variant=red]) .md-button.disabled,:host([variant=red]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=green]) .md-button{background-color:var(--button-green-bg-color);color:var(--button-green-text-color,var(--button-primary-text-color))}:host([variant=green]) .md-button:hover{background-color:var(--button-green-hover-bg-color)}:host([variant=green]) .md-button:active{background-color:var(--button-green-pressed-bg-color)}:host([variant=green]) .md-button.disabled,:host([variant=green]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=available]) .md-button{background-color:var(--button-available-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-available-border-color);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=available]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=available]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=available]) .md-button:hover{background-color:var(--button-available-hover-bg-color)}:host([variant=available]) .md-button:active{background-color:var(--button-available-pressed-bg-color)}:host([variant=available]) .md-button.disabled,:host([variant=available]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=unavailable]) .md-button{background-color:var(--button-unavailable-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-unavailable-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=unavailable]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=unavailable]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=unavailable]) .md-button:hover{background-color:var(--button-unavailable-hover-bg-color)}:host([variant=unavailable]) .md-button:active{background-color:var(--button-unavailable-pressed-bg-color)}:host([variant=unavailable]) .md-button.disabled,:host([variant=unavailable]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=idle]) .md-button{background-color:var(--button-idle-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-idle-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=idle]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=idle]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=idle]) .md-button:hover{background-color:var(--button-idle-hover-bg-color)}:host([variant=idle]) .md-button:active{background-color:var(--button-idle-pressed-bg-color)}:host([variant=idle]) .md-button.disabled,:host([variant=idle]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=white]) .md-button{background-color:var(--button-white-bg-color);color:var(--button-white-text-color)}:host([variant=white]) .md-button:hover{background-color:var(--button-white-hover-bg-color)}:host([variant=white]) .md-button:active{background-color:var(--button-white-pressed-bg-color)}:host([variant=white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-white-outline-color);color:var(--button-white-outline-text-color)}:host([variant=inverted-white]) .md-button{background-color:var(--button-inverted-white-bg-color);color:var(--button-inverted-white-text-color)}:host([variant=inverted-white]) .md-button:hover{background-color:var(--button-inverted-white-hover-bg-color)}:host([variant=inverted-white]) .md-button:active{background-color:var(--button-inverted-white-pressed-bg-color)}:host([variant=inverted-white]) .md-button.disabled,:host([variant=inverted-white]) .md-button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-text-color)}:host([variant=inverted-white]) .md-button--outline{box-shadow:0 0 0 1px var(--button-inverted-white-outline-color);color:var(--button-inverted-white-outline-text-color)}:host([variant=engaged]) .md-button{background-color:var(--button-engaged-bg-color);color:var(--button-secondary-text-color);border:1px solid var(--button-engaged-border-color);border-radius:var(--button-state-selector-border-radius);font-size:.875rem;font-family:var(--brand-font-regular, var(--brand-font-regular, "CiscoSansTT Regular", "Helvetica Neue", Helvetica, Arial, sans-serif));font-weight:400}:host([variant=engaged]) .md-button--32{border-radius:var(--button-state-selector-border-radius,1rem);padding:var(--button-state-selector-padding,.5rem .625rem .5rem .625rem)}:host([variant=engaged]) .md-button--32::after{border-radius:calc(var(--button-state-selector-border-radius,1rem) + 2px)}:host([variant=engaged]) .md-button:hover{background-color:var(--button-engaged-hover-bg-color)}:host([variant=engaged]) .md-button:active{background-color:var(--button-engaged-pressed-bg-color)}:host([variant=tab]) .md-button:not(.isActive){background-color:var(--button-ghost-bg-color,transparent);color:var(--button-ghost-text-color,var(--button-secondary-text-color))}:host([variant=tab]) .md-button:not(.isActive):hover{background-color:var(--button-ghost-hover-bg-color,var(--button-secondary-hover-bg-color))}:host([variant=tab]) .md-button:not(.isActive):active{background-color:var(--button-ghost-pressed-bg-color,var(--button-secondary-pressed-bg-color))}:host([variant=tab]) .md-button:not(.isActive).disabled,:host([variant=tab]) .md-button:not(.isActive):disabled{background-color:var(--button-ghost-disabled-bg-color,transparent);color:var(--button-ghost-disabled-text-color,var(--button-disabled-text-color))}:host([variant=tab]) .md-button.isActive{background-color:var(--button-ghost-active-bg-color);color:var(--button-ghost-active-text-color)}:host([variant=tab]) .md-button.isActive:hover{background-color:var(--button-ghost-active-hover-bg-color)}:host([variant=tab]) .md-button.isActive:active{background-color:var(--button-ghost-active-pressed-bg-color)}:host([variant=tab]) .md-button.isActive.disabled,:host([variant=tab]) .md-button.isActive:disabled{background-color:var(--button-ghost-active-disabled-bg-color);color:var(--button-ghost-active-disabled-text-color)}::slotted(*){display:flex}::slotted([slot=text]){align-self:end;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::slotted(:not(:first-child)){display:inline-block;margin-left:.5rem}::slotted(md-icon){line-height:normal}md-spinner{display:flex}md-spinner+::slotted(*){margin-left:.5rem}@media(forced-colors:active){:host .md-button:focus{outline:2px solid Highlight}:host .md-button:active{color:Highlight;outline:2px solid Highlight}:host .md-button.disabled,:host .md-button[disabled]{color:GrayText!important}:host .md-button--outline.disabled{color:GrayText!important}:host .md-button--outline:active:disabled,:host .md-button--outline:focus:disabled{outline:2px solid Highlight}}`,s=function(t,o,d,r){var a,n=arguments.length,e=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,d):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)e=Reflect.decorate(t,o,d,r);else for(var b=t.length-1;b>=0;b--)(a=t[b])&&(e=(n<3?a(e):n>3?a(o,d,e):a(o,d))||e);return n>3&&e&&Object.defineProperty(o,d,e),e};const l=["20","24","28","32","36","40","44","52","56","72","68","84","size-none",20,24,28,32,36,40,44,52,56,68,72,68,84],h=["button","input","a"],v=["button","reset","submit"],g=["button","checkbox","link","menuitem","menuitemcheckbox","menuitemradio","option","radio","switch","tab"],f=["primary","secondary","red","green","ghost","ghostInheritTextColor","white","darkGrey","promotional","tab","available","unavailable","engaged","idle","inverted-primary","inverted-secondary","dropdown"],y=["blue","red","green","orange","yellow","mint","purple","pink","cyan","white","dark-gray","duck-egg","violet","color-none",""],k=["","off","polite","assertive"];var p;!function(t){let o=class extends b.LitElement{constructor(){super(...arguments),this._active=!1,this._tabIndex=0,this.ariaLabel="",this.ariaLabelledBy="",this.ariaLive="",this.ariaExpanded="",this.ariaHaspopup="false",this.ariaPressed="",this.circle=!1,this.rounded=!1,this.color="",this.containerLarge=!1,this.disabled=!1,this.href="",this.id="",this.value="",this.keyboardKey="",this.label="",this.loading=!1,this.outline=!1,this.hasRemoveStyle=!1,this.size="32",this.tag="button",this.type="button",this.role="button",this.variant="secondary",this.width="",this.maxWidth="",this.activityType="",this.iconActive=!1,this.isActive=!1,this.renderWidth=()=>this.width?`width: ${this.width};`:i.nothing,this.renderMaxWidth=()=>this.maxWidth?`max-width: ${this.maxWidth};`:i.nothing,this.getStyles=()=>{if(this.width||this.maxWidth)return b.html`
2
2
  <style>
3
3
  :host .md-button--${this.size} {
4
4
  ${this.renderWidth()};
package/dist/chunks/md-83.js CHANGED
@@ -1,5 +1,5 @@
1
- (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[83],{105:function(e,t,s){"use strict";s.r(t),s.d(t,"RadioGroup",(function(){return i}));var i,d=s(1),o=s(7),r=s(5),c=s(6),n=s(0),l=s(72),a=function(e,t,s,i){var d,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var c=e.length-1;c>=0;c--)(d=e[c])&&(r=(o<3?d(r):o>3?d(t,s,r):d(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r};!function(e){let t=class extends(Object(o.d)(n.LitElement)){constructor(){super(...arguments),this.label="group",this.checked=-1,this.alignment="vertical",this._disabled=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.requestUpdate("disabled",t)}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}updated(e){super.updated(e),(e.has("slotted")||e.has("checked"))&&this.setFirstChecked()}get selectedRadioValue(){return this.slotted[this.selected].value}notifySelectedChange(){this.dispatchEvent(new CustomEvent("radio-change",{detail:{selected:this.selectedRadioValue},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}setFirstChecked(){-1!==this.checked&&(this.selected=this.checked,this.setChecked(this.checked))}findRadioIndex(e){const t=e.composedPath();return this.slotted.findIndex(e=>t.includes(e))}findCheckedRadioIndex(){return this.slotted.findIndex(e=>e.checked)}setChecked(e){const t=this.findCheckedRadioIndex();-1!==t&&t!==e&&this.slotted[t]&&(this.slotted[t].checked=!1),this.slotted[e]&&(this.slotted[e].checked=!0)}switchRadioOnArrowPress(e,t=1){const s=super.getAvailableSelectedIndex(e,t);-1!==s&&(this.selected=s,this.setChecked(s),this.notifySelectedChange())}isRadioDisabled(e){return this.slotted[e].disabled}handleClick(e){if(this.disabled)return!1;const t=this.findRadioIndex(e);-1!==t&&(this.isRadioDisabled(t)||(this.selected=t,this.setChecked(t),this.notifySelectedChange()))}handleKeyDown(e){if(this.disabled)return!1;const{code:t}=e;switch(t){case d.b.Enter:case d.b.Space:this.isRadioDisabled(this.selected)||(this.setChecked(this.selected),this.notifySelectedChange());break;case d.b.ArrowUp:case d.b.ArrowLeft:0===this.selected?this.switchRadioOnArrowPress(this.slotted.length-1,-1):this.switchRadioOnArrowPress(this.selected-1,-1);break;case d.b.ArrowDown:case d.b.ArrowRight:this.selected===this.slotted.length-1?this.switchRadioOnArrowPress(0):this.switchRadioOnArrowPress(this.selected+1)}}get slotElement(){return this.radioSlot}static get styles(){return[c.a,l.a]}render(){return n.html`
1
+ (window["momentum-web-components-[id]"]=window["momentum-web-components-[id]"]||[]).push([[83],{105:function(e,t,s){"use strict";s.r(t),s.d(t,"RadioGroup",(function(){return i}));var i,d=s(1),o=s(7),r=s(5),c=s(6),n=s(0),a=s(72),l=function(e,t,s,i){var d,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,s):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,s,i);else for(var c=e.length-1;c>=0;c--)(d=e[c])&&(r=(o<3?d(r):o>3?d(t,s,r):d(t,s))||r);return o>3&&r&&Object.defineProperty(t,s,r),r};!function(e){let t=class extends(Object(o.d)(n.LitElement)){constructor(){super(...arguments),this.label="group",this.checked=-1,this.alignment="vertical",this._disabled=!1}get disabled(){return this._disabled}set disabled(e){const t=this._disabled;this._disabled=e,this.requestUpdate("disabled",t)}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","radiogroup"),this.setAttribute("aria-label",this.label)}updated(e){super.updated(e),(e.has("slotted")||e.has("checked"))&&this.setFirstChecked()}get selectedRadioValue(){return this.slotted[this.selected].value}notifySelectedChange(){this.dispatchEvent(new CustomEvent("radio-change",{detail:{selected:this.selectedRadioValue},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("click",this.handleClick)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("click",this.handleClick)}setFirstChecked(){-1!==this.checked&&(this.selected=this.checked,this.setChecked(this.checked))}findRadioIndex(e){const t=e.composedPath();return this.slotted.findIndex(e=>t.includes(e))}findCheckedRadioIndex(){return this.slotted.findIndex(e=>e.checked)}setChecked(e){const t=this.findCheckedRadioIndex();-1!==t&&t!==e&&this.slotted[t]&&(this.slotted[t].checked=!1),this.slotted[e]&&(this.slotted[e].checked=!0)}switchRadioOnArrowPress(e,t=1){const s=super.getAvailableSelectedIndex(e,t);-1!==s&&(this.selected=s,this.setChecked(s),this.notifySelectedChange())}isRadioDisabled(e){return this.slotted[e].disabled}handleClick(e){if(this.disabled)return!1;const t=this.findRadioIndex(e);-1!==t&&(this.isRadioDisabled(t)||(this.selected=t,this.setChecked(t),this.notifySelectedChange()))}handleKeyDown(e){if(this.disabled)return!1;const{code:t}=e;switch(t){case d.b.Enter:case d.b.Space:this.isRadioDisabled(this.selected)||(this.setChecked(this.selected),this.notifySelectedChange(),e.stopPropagation(),e.preventDefault());break;case d.b.ArrowUp:case d.b.ArrowLeft:0===this.selected?this.switchRadioOnArrowPress(this.slotted.length-1,-1):this.switchRadioOnArrowPress(this.selected-1,-1),e.stopPropagation(),e.preventDefault();break;case d.b.ArrowDown:case d.b.ArrowRight:this.selected===this.slotted.length-1?this.switchRadioOnArrowPress(0):this.switchRadioOnArrowPress(this.selected+1),e.stopPropagation(),e.preventDefault()}}get slotElement(){return this.radioSlot}static get styles(){return[c.a,a.a]}clearSelection(){const e=this.findCheckedRadioIndex();-1!=e&&(this.checked=-1,this.slotted[e].checked=!1)}render(){return n.html`
2
2
  <div class="radio-group-container" part="radio-group-container">
3
3
  <slot name="radio"></slot>
4
4
  </div>
5
- `}};a([Object(n.property)({type:String,attribute:"group-label"})],t.prototype,"label",void 0),a([Object(n.property)({type:Number,reflect:!0})],t.prototype,"checked",void 0),a([Object(n.property)({type:String,reflect:!0})],t.prototype,"alignment",void 0),a([Object(n.query)("slot[name='radio']")],t.prototype,"radioSlot",void 0),a([Object(n.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),t=a([Object(r.a)("md-radiogroup")],t),e.ELEMENT=t}(i||(i={}))}}]);
5
+ `}};l([Object(n.property)({type:String,attribute:"group-label"})],t.prototype,"label",void 0),l([Object(n.property)({type:Number,reflect:!0})],t.prototype,"checked",void 0),l([Object(n.property)({type:String,reflect:!0})],t.prototype,"alignment",void 0),l([Object(n.query)("slot[name='radio']")],t.prototype,"radioSlot",void 0),l([Object(n.property)({type:Boolean,reflect:!0})],t.prototype,"disabled",null),t=l([Object(r.a)("md-radiogroup")],t),e.ELEMENT=t}(i||(i={}))}}]);