{"code":"import { html } from '@polymer/lit-element';\r\nexport default html `<style>:host{display:inline-block;width:auto;text-transform:uppercase;font-weight:600;letter-spacing:2px;border:none;height:var(--btn-height, var(--size-main, 4rem));line-height:var(--btn-height, var(--size-main, 4rem));padding:0 var(--btn-padding, var(--size-small, 2rem));border-radius:var(--btn-border-radius, var(--border-radius, .4rem));color:var(--color-white, #fff);transition:color var(--transition-time, .35s),background var(--transition-time, .35s);user-select:none;font-family:var(--btn-font-family, var(--font-family, \"Work Sans\",sans-serif));cursor:pointer;font-size:var(--btn-font-size, var(--font-size-main, 1.6rem));text-align:center;white-space:nowrap}:not([color]):host{background-color:var(--btn-bg, linear-gradient(to bottom right, var(--color-main-alt, #b155ba), var(--color-main, var(--color-purple, #693a91))));background:var(--btn-bg, linear-gradient(to bottom right, var(--color-main-alt, #b155ba), var(--color-main, var(--color-purple, #693a91))))}:host *{vertical-align:middle}:host+:host{margin-left:var(--size-small)}:hover:host{filter:brightness(1.1)}:focus:host{border:none;filter:brightness(0.9)}.round:host{padding:0;border-radius:50%}.has-icon:host{padding-left:var(--size-small, 2rem)}.has-icon:host .i{vertical-align:top;margin-right:var(--size-small, 2rem)}.has-icon:host .loader{margin-top:calc(default('size-small') / 2)}.no-text:host{padding:0}.no-text:host .i{margin:0}:disabled:host{opacity:0.5;pointer-events:none}:host>span{display:inline-block;vertical-align:middle}.size-tiny:host,[size=tiny]:host{width:auto;height:var(--size-tiny, 1rem);line-height:var(--size-tiny, 1rem);padding:0 calc(var(--size-tiny, 1rem) / 2)}.size-tiny.icon-right:host,[size=tiny].icon-right:host{padding-right:var(--size-tiny, 1rem)}.size-small:host,[size=small]:host{width:auto;height:var(--size-small, 2rem);line-height:var(--size-small, 2rem);padding:0 calc(var(--size-small, 2rem) / 2)}.size-small.icon-right:host,[size=small].icon-right:host{padding-right:var(--size-small, 2rem)}.size-medium:host,[size=medium]:host{width:auto;height:var(--size-medium, 3rem);line-height:var(--size-medium, 3rem);padding:0 calc(var(--size-medium, 3rem) / 2)}.size-medium.icon-right:host,[size=medium].icon-right:host{padding-right:var(--size-medium, 3rem)}.size-main:host,[size=main]:host{width:auto;height:var(--size-main, 4rem);line-height:var(--size-main, 4rem);padding:0 calc(var(--size-main, 4rem) / 2)}.size-main.icon-right:host,[size=main].icon-right:host{padding-right:var(--size-main, 4rem)}.size-large:host,[size=large]:host{width:auto;height:var(--size-large, 6rem);line-height:var(--size-large, 6rem);padding:0 calc(var(--size-large, 6rem) / 2)}.size-large.icon-right:host,[size=large].icon-right:host{padding-right:var(--size-large, 6rem)}.size-huge:host,[size=huge]:host{width:auto;height:var(--size-huge, 8rem);line-height:var(--size-huge, 8rem);padding:0 calc(var(--size-huge, 8rem) / 2)}.size-huge.icon-right:host,[size=huge].icon-right:host{padding-right:var(--size-huge, 8rem)}.size-super:host,[size=super]:host{width:auto;height:var(--size-super, 12rem);line-height:var(--size-super, 12rem);padding:0 calc(var(--size-super, 12rem) / 2)}.size-super.icon-right:host,[size=super].icon-right:host{padding-right:var(--size-super, 12rem)}.size-hero:host,[size=hero]:host{width:auto;height:var(--size-hero, 24rem);line-height:var(--size-hero, 24rem);padding:0 calc(var(--size-hero, 24rem) / 2)}.size-hero.icon-right:host,[size=hero].icon-right:host{padding-right:var(--size-hero, 24rem)}.hollow:host,[hollow]:host,:host([hollow]){background:transparent !important;color:var(--color-main, var(--color-purple, #693a91));padding-left:0;padding-right:0}.hollow[color=main]:host,[color=main][hollow]:host,[color=main]:host([hollow]){color:var(--color-main)}.hollow[color=alt]:host,[color=alt][hollow]:host,[color=alt]:host([hollow]){color:var(--color-alt)}.hollow[color=text]:host,[color=text][hollow]:host,[color=text]:host([hollow]){color:var(--color-text)}.hollow[color=white]:host,[color=white][hollow]:host,[color=white]:host([hollow]){color:var(--color-white)}.hollow[color=grey-50]:host,[color=grey-50][hollow]:host,[color=grey-50]:host([hollow]){color:var(--color-grey-50)}.hollow[color=grey-100]:host,[color=grey-100][hollow]:host,[color=grey-100]:host([hollow]){color:var(--color-grey-100)}.hollow[color=grey-200]:host,[color=grey-200][hollow]:host,[color=grey-200]:host([hollow]){color:var(--color-grey-200)}.hollow[color=grey-300]:host,[color=grey-300][hollow]:host,[color=grey-300]:host([hollow]){color:var(--color-grey-300)}.hollow[color=grey-400]:host,[color=grey-400][hollow]:host,[color=grey-400]:host([hollow]){color:var(--color-grey-400)}.hollow[color=grey-500]:host,[color=grey-500][hollow]:host,[color=grey-500]:host([hollow]){color:var(--color-grey-500)}.hollow[color=grey-600]:host,[color=grey-600][hollow]:host,[color=grey-600]:host([hollow]){color:var(--color-grey-600)}.hollow[color=grey-700]:host,[color=grey-700][hollow]:host,[color=grey-700]:host([hollow]){color:var(--color-grey-700)}.hollow[color=grey-800]:host,[color=grey-800][hollow]:host,[color=grey-800]:host([hollow]){color:var(--color-grey-800)}.hollow[color=grey-900]:host,[color=grey-900][hollow]:host,[color=grey-900]:host([hollow]){color:var(--color-grey-900)}.hollow[color=black]:host,[color=black][hollow]:host,[color=black]:host([hollow]){color:var(--color-black)}.hollow[color=error]:host,[color=error][hollow]:host,[color=error]:host([hollow]){color:var(--color-error)}:host([iconright]){position:relative;padding-right:0}:host([iconright]) .i:last-of-type,:host([iconright]) zen-icon{float:right;margin-right:0}:host .loading{position:relative;display:block;height:var(--loading-size, var(--size-main, 4rem));width:var(--loading-size, var(--size-main, 4rem))}:host .loading:before{content:'';background:var(--loading-color, var(--color-white, #fff));position:absolute;left:50%;width:var(--loading-size, var(--size-main, 4rem));height:var(--loading-size, var(--size-main, 4rem));margin-left:calc(var(--loading-size, var(--size-main, 4rem)) / -2);animation:loading-bounce infinite 1.5s ease-in-out}:host .loading:after{content:'';position:absolute;background:var(--loading-color, var(--color-white, #fff));display:inline-block;width:calc(var(--loading-size, var(--size-main, 4rem)) * 3 / 4);height:calc(var(--loading-size, var(--size-main, 4rem)) * 1 / 4);left:50%;margin-left:calc(var(--loading-size, var(--size-main, 4rem)) * -1.5 / 4);top:calc(100% + (var(--loading-size, var(--size-main, 4rem)) * 3 / 4));border-radius:50%;animation:loading-bounce-shadow infinite 1.5s ease-in-out;opacity:0.1}:host zen-icon{margin-right:var(--size-tiny, 1rem);vertical-align:middle}:host .loading{--loading-color: default('color-white');--loading-size: 1.5rem;position:absolute;top:0;left:50%;margin:auto;transform:translate(-50%, 1.5rem)}:host([size=tiny]){width:auto;height:var(--size-tiny, 1rem);line-height:var(--size-tiny, 1rem);font-size:calc((1.6/4) * var(--size-tiny, 1rem));padding:0 calc(var(--size-tiny, 1rem) / 2)}:host([size=small]){width:auto;height:var(--size-small, 2rem);line-height:var(--size-small, 2rem);font-size:calc((1.6/4) * var(--size-small, 2rem));padding:0 calc(var(--size-small, 2rem) / 2)}:host([size=medium]){width:auto;height:var(--size-medium, 3rem);line-height:var(--size-medium, 3rem);font-size:calc((1.6/4) * var(--size-medium, 3rem));padding:0 calc(var(--size-medium, 3rem) / 2)}:host([size=main]){width:auto;height:var(--size-main, 4rem);line-height:var(--size-main, 4rem);font-size:calc((1.6/4) * var(--size-main, 4rem));padding:0 calc(var(--size-main, 4rem) / 2)}:host([size=large]){width:auto;height:var(--size-large, 6rem);line-height:var(--size-large, 6rem);font-size:calc((1.6/4) * var(--size-large, 6rem));padding:0 calc(var(--size-large, 6rem) / 2)}:host([size=huge]){width:auto;height:var(--size-huge, 8rem);line-height:var(--size-huge, 8rem);font-size:calc((1.6/4) * var(--size-huge, 8rem));padding:0 calc(var(--size-huge, 8rem) / 2)}:host([size=super]){width:auto;height:var(--size-super, 12rem);line-height:var(--size-super, 12rem);font-size:calc((1.6/4) * var(--size-super, 12rem));padding:0 calc(var(--size-super, 12rem) / 2)}:host([size=hero]){width:auto;height:var(--size-hero, 24rem);line-height:var(--size-hero, 24rem);font-size:calc((1.6/4) * var(--size-hero, 24rem));padding:0 calc(var(--size-hero, 24rem) / 2)}:host([color=\"main\"]){background:linear-gradient(to bottom right, var(--color-main-alt, #b155ba), var(--color-main, var(--color-purple, #693a91)))}:host([color=\"orange\"]){background:linear-gradient(to bottom right, #FF9B54, #C95A54)}:host([color=\"red\"]){background:linear-gradient(to bottom right, #FF5554, #C92954)}:host([color=\"green\"]){background:linear-gradient(to bottom right, #84D59A, #00BED0)}:host([color=\"blue\"]){background:linear-gradient(to bottom right, #008CBA, #6146C8)}:host([color=\"white\"]){background:linear-gradient(to bottom right, var(--color-main-soft), #cacadf)}:host([color=\"gold\"]){background:linear-gradient(to bottom right, #f1e35f, #da9124)}:host([disabled]){opacity:0.5;pointer-events:none}:host(:not([color]):not([hollow])){background-color:var(--btn-bg, linear-gradient(to bottom right, var(--color-main-alt, #b155ba), var(--color-main, var(--color-purple, #693a91))));background:var(--btn-bg, linear-gradient(to bottom right, var(--color-main-alt, #b155ba), var(--color-main, var(--color-purple, #693a91))))}\n</style>`;\r\n","dts":{"name":"/Users/tristanmatthias/projects/origami/zen/packages/components/Button/button-css.d.ts","text":"import { TemplateResult } from 'lit-html';\r\ndeclare const _default: TemplateResult;\r\nexport default _default;\r\n"}}