{"code":"import { html } from '@polymer/lit-element';\r\nexport default html `<style>:host input[type=\"submit\"],:host zen-ui-button{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}:host input:not([color])[type=\"submit\"],:host zen-ui-button:not([color]){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 input[type=\"submit\"] *,:host zen-ui-button *{vertical-align:middle}:host input[type=\"submit\"]+input[type=\"submit\"],:host zen-ui-button+input[type=\"submit\"],:host input[type=\"submit\"]+zen-ui-button,:host zen-ui-button+zen-ui-button{margin-left:var(--size-small)}:host input:hover[type=\"submit\"],:host zen-ui-button:hover{filter:brightness(1.1)}:host input:focus[type=\"submit\"],:host zen-ui-button:focus{border:none;filter:brightness(0.9)}:host input.round[type=\"submit\"],:host zen-ui-button.round{padding:0;border-radius:50%}:host input.has-icon[type=\"submit\"],:host zen-ui-button.has-icon{padding-left:var(--size-small, 2rem)}:host input.has-icon[type=\"submit\"] .i,:host zen-ui-button.has-icon .i{vertical-align:top;margin-right:var(--size-small, 2rem)}:host input.has-icon[type=\"submit\"] .loader,:host zen-ui-button.has-icon .loader{margin-top:calc(default('size-small') / 2)}:host input.no-text[type=\"submit\"],:host zen-ui-button.no-text{padding:0}:host input.no-text[type=\"submit\"] .i,:host zen-ui-button.no-text .i{margin:0}:host input:disabled[type=\"submit\"],:host zen-ui-button:disabled{opacity:0.5;pointer-events:none}:host input[type=\"submit\"]>span,:host zen-ui-button>span{display:inline-block;vertical-align:middle}:host input.size-tiny[type=\"submit\"],:host zen-ui-button.size-tiny,:host input[size=tiny][type=\"submit\"],:host zen-ui-button[size=tiny]{width:auto;height:var(--size-tiny, 1rem);line-height:var(--size-tiny, 1rem);padding:0 calc(var(--size-tiny, 1rem) / 2)}:host input.size-tiny.icon-right[type=\"submit\"],:host zen-ui-button.size-tiny.icon-right,:host input[size=tiny].icon-right[type=\"submit\"],:host zen-ui-button[size=tiny].icon-right{padding-right:var(--size-tiny, 1rem)}:host input.size-small[type=\"submit\"],:host zen-ui-button.size-small,:host input[size=small][type=\"submit\"],:host zen-ui-button[size=small]{width:auto;height:var(--size-small, 2rem);line-height:var(--size-small, 2rem);padding:0 calc(var(--size-small, 2rem) / 2)}:host input.size-small.icon-right[type=\"submit\"],:host zen-ui-button.size-small.icon-right,:host input[size=small].icon-right[type=\"submit\"],:host zen-ui-button[size=small].icon-right{padding-right:var(--size-small, 2rem)}:host input.size-medium[type=\"submit\"],:host zen-ui-button.size-medium,:host input[size=medium][type=\"submit\"],:host zen-ui-button[size=medium]{width:auto;height:var(--size-medium, 3rem);line-height:var(--size-medium, 3rem);padding:0 calc(var(--size-medium, 3rem) / 2)}:host input.size-medium.icon-right[type=\"submit\"],:host zen-ui-button.size-medium.icon-right,:host input[size=medium].icon-right[type=\"submit\"],:host zen-ui-button[size=medium].icon-right{padding-right:var(--size-medium, 3rem)}:host input.size-main[type=\"submit\"],:host zen-ui-button.size-main,:host input[size=main][type=\"submit\"],:host zen-ui-button[size=main]{width:auto;height:var(--size-main, 4rem);line-height:var(--size-main, 4rem);padding:0 calc(var(--size-main, 4rem) / 2)}:host input.size-main.icon-right[type=\"submit\"],:host zen-ui-button.size-main.icon-right,:host input[size=main].icon-right[type=\"submit\"],:host zen-ui-button[size=main].icon-right{padding-right:var(--size-main, 4rem)}:host input.size-large[type=\"submit\"],:host zen-ui-button.size-large,:host input[size=large][type=\"submit\"],:host zen-ui-button[size=large]{width:auto;height:var(--size-large, 6rem);line-height:var(--size-large, 6rem);padding:0 calc(var(--size-large, 6rem) / 2)}:host input.size-large.icon-right[type=\"submit\"],:host zen-ui-button.size-large.icon-right,:host input[size=large].icon-right[type=\"submit\"],:host zen-ui-button[size=large].icon-right{padding-right:var(--size-large, 6rem)}:host input.size-huge[type=\"submit\"],:host zen-ui-button.size-huge,:host input[size=huge][type=\"submit\"],:host zen-ui-button[size=huge]{width:auto;height:var(--size-huge, 8rem);line-height:var(--size-huge, 8rem);padding:0 calc(var(--size-huge, 8rem) / 2)}:host input.size-huge.icon-right[type=\"submit\"],:host zen-ui-button.size-huge.icon-right,:host input[size=huge].icon-right[type=\"submit\"],:host zen-ui-button[size=huge].icon-right{padding-right:var(--size-huge, 8rem)}:host input.size-super[type=\"submit\"],:host zen-ui-button.size-super,:host input[size=super][type=\"submit\"],:host zen-ui-button[size=super]{width:auto;height:var(--size-super, 12rem);line-height:var(--size-super, 12rem);padding:0 calc(var(--size-super, 12rem) / 2)}:host input.size-super.icon-right[type=\"submit\"],:host zen-ui-button.size-super.icon-right,:host input[size=super].icon-right[type=\"submit\"],:host zen-ui-button[size=super].icon-right{padding-right:var(--size-super, 12rem)}:host input.size-hero[type=\"submit\"],:host zen-ui-button.size-hero,:host input[size=hero][type=\"submit\"],:host zen-ui-button[size=hero]{width:auto;height:var(--size-hero, 24rem);line-height:var(--size-hero, 24rem);padding:0 calc(var(--size-hero, 24rem) / 2)}:host input.size-hero.icon-right[type=\"submit\"],:host zen-ui-button.size-hero.icon-right,:host input[size=hero].icon-right[type=\"submit\"],:host zen-ui-button[size=hero].icon-right{padding-right:var(--size-hero, 24rem)}:host input.hollow[type=\"submit\"],:host zen-ui-button.hollow,:host input[hollow][type=\"submit\"],:host zen-ui-button[hollow]{background:transparent !important;color:var(--color-main, var(--color-purple, #693a91));padding-left:0;padding-right:0}:host input.hollow[color=main][type=\"submit\"],:host zen-ui-button.hollow[color=main],:host input[color=main][hollow][type=\"submit\"],:host zen-ui-button[color=main][hollow]{color:var(--color-main)}:host input.hollow[color=alt][type=\"submit\"],:host zen-ui-button.hollow[color=alt],:host input[color=alt][hollow][type=\"submit\"],:host zen-ui-button[color=alt][hollow]{color:var(--color-alt)}:host input.hollow[color=text][type=\"submit\"],:host zen-ui-button.hollow[color=text],:host input[color=text][hollow][type=\"submit\"],:host zen-ui-button[color=text][hollow]{color:var(--color-text)}:host input.hollow[color=white][type=\"submit\"],:host zen-ui-button.hollow[color=white],:host input[color=white][hollow][type=\"submit\"],:host zen-ui-button[color=white][hollow]{color:var(--color-white)}:host input.hollow[color=grey-50][type=\"submit\"],:host zen-ui-button.hollow[color=grey-50],:host input[color=grey-50][hollow][type=\"submit\"],:host zen-ui-button[color=grey-50][hollow]{color:var(--color-grey-50)}:host input.hollow[color=grey-100][type=\"submit\"],:host zen-ui-button.hollow[color=grey-100],:host input[color=grey-100][hollow][type=\"submit\"],:host zen-ui-button[color=grey-100][hollow]{color:var(--color-grey-100)}:host input.hollow[color=grey-200][type=\"submit\"],:host zen-ui-button.hollow[color=grey-200],:host input[color=grey-200][hollow][type=\"submit\"],:host zen-ui-button[color=grey-200][hollow]{color:var(--color-grey-200)}:host input.hollow[color=grey-300][type=\"submit\"],:host zen-ui-button.hollow[color=grey-300],:host input[color=grey-300][hollow][type=\"submit\"],:host zen-ui-button[color=grey-300][hollow]{color:var(--color-grey-300)}:host input.hollow[color=grey-400][type=\"submit\"],:host zen-ui-button.hollow[color=grey-400],:host input[color=grey-400][hollow][type=\"submit\"],:host zen-ui-button[color=grey-400][hollow]{color:var(--color-grey-400)}:host input.hollow[color=grey-500][type=\"submit\"],:host zen-ui-button.hollow[color=grey-500],:host input[color=grey-500][hollow][type=\"submit\"],:host zen-ui-button[color=grey-500][hollow]{color:var(--color-grey-500)}:host input.hollow[color=grey-600][type=\"submit\"],:host zen-ui-button.hollow[color=grey-600],:host input[color=grey-600][hollow][type=\"submit\"],:host zen-ui-button[color=grey-600][hollow]{color:var(--color-grey-600)}:host input.hollow[color=grey-700][type=\"submit\"],:host zen-ui-button.hollow[color=grey-700],:host input[color=grey-700][hollow][type=\"submit\"],:host zen-ui-button[color=grey-700][hollow]{color:var(--color-grey-700)}:host input.hollow[color=grey-800][type=\"submit\"],:host zen-ui-button.hollow[color=grey-800],:host input[color=grey-800][hollow][type=\"submit\"],:host zen-ui-button[color=grey-800][hollow]{color:var(--color-grey-800)}:host input.hollow[color=grey-900][type=\"submit\"],:host zen-ui-button.hollow[color=grey-900],:host input[color=grey-900][hollow][type=\"submit\"],:host zen-ui-button[color=grey-900][hollow]{color:var(--color-grey-900)}:host input.hollow[color=black][type=\"submit\"],:host zen-ui-button.hollow[color=black],:host input[color=black][hollow][type=\"submit\"],:host zen-ui-button[color=black][hollow]{color:var(--color-black)}:host input.hollow[color=error][type=\"submit\"],:host zen-ui-button.hollow[color=error],:host input[color=error][hollow][type=\"submit\"],:host zen-ui-button[color=error][hollow]{color:var(--color-error)}:host input,:host select,:host textarea,:host input[type=\"file\"]+span.input{display:inline-block;color:var(--color-text, var(--color-grey-900, #443750));background-color:var(--input-bg, rgba(0,0,0,0));height:var(--input-height, var(--size-large, 6rem));line-height:var(--input-height, var(--size-large, 6rem));padding:0 var(--input-padding, var(--size-small, 2rem));border-radius:var(--input-border-radius, var(--border-radius, .4rem));border:none;width:100%;border:var(--input-border, var(--border-200, 2px solid var(--color-grey-200, #eae3f0)));transition:border var(--transition-time, .35s);font-size:var(--input-font-size, var(--font-size-main, 1.6rem));box-shadow:var(--input-shadow, );font-family:var(--font-family, \"Work Sans\",sans-serif)}:host input:focus,:host select:focus,:host textarea:focus,:host input[type=\"file\"]+span.input:focus{border:var(--input-border-focus, var(--border-main, 2px solid var(--color-main, var(--color-purple, #693a91))))}:host input::placeholder,:host select::placeholder,:host textarea::placeholder,:host input[type=\"file\"]+span.input::placeholder{color:var(--color-grey-300, #bda9cf)}:host input:disabled,:host select:disabled,:host textarea:disabled,:host input[type=\"file\"]+span.input:disabled{opacity:0.5;user-select:none}:host input:read-only,:host select:read-only,:host textarea:read-only,:host input[type=\"file\"]+span.input:read-only{user-select:none}:host input.error,:host select.error,:host textarea.error,:host input[type=\"file\"]+span.error.input{border-color:var(--color-error, var(--color-red, #ff5554))}:host .form-row>.i textarea,:host zen-ui-form-row>.i textarea,:host .form-row>zen-icon textarea,:host zen-ui-form-row>zen-icon textarea{resize:none;min-height:calc(var(--input-height, var(--size-large, 6rem)) * 2);max-width:100%;outline:none}:host select{padding-right:4rem;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PHBhdGggZmlsbD0idmFyKC0tY29sb3ItZ3JleS0zMDAsICNlZGVkZWQpIiBkPSJNMjkuNyAxNC44Yy0uNC0uNC0xLS40LTEuNCAwTDIwIDIzLjFsLTguMy04LjNjLS40LS40LTEtLjQtMS40IDBzLS40IDEgMCAxLjRsOSA5Yy4yLjIuNS4zLjcuM3MuNS0uMS43LS4zbDktOWMuNC0uNC40LTEgMC0xLjR6Ii8+PC9zdmc+);background-repeat:no-repeat;background-position:right center}:host .form-row,:host zen-ui-form-row{display:flex;flex-wrap:wrap;margin-bottom:var(--size-small, 2rem);position:relative;flex-basis:100%}:host .form-row>*,:host zen-ui-form-row>*{align-self:flex-end;width:100%}:host .form-row>.i,:host zen-ui-form-row>.i,:host .form-row>zen-icon,:host zen-ui-form-row>zen-icon{position:absolute;left:0;bottom:0;margin:1rem;z-index:1}:host .form-row>.i:not(.hide)+input,:host zen-ui-form-row>.i:not(.hide)+input,:host .form-row>.i:not(.hide)+select,:host zen-ui-form-row>.i:not(.hide)+select,:host .form-row>.i:not(.hide)+*+input,:host zen-ui-form-row>.i:not(.hide)+*+input,:host .form-row>.i:not(.hide)+*+select,:host zen-ui-form-row>.i:not(.hide)+*+select,:host .form-row>zen-icon:not(.hide)+input,:host zen-ui-form-row>zen-icon:not(.hide)+input,:host .form-row>zen-icon:not(.hide)+select,:host zen-ui-form-row>zen-icon:not(.hide)+select,:host .form-row>zen-icon:not(.hide)+*+input,:host zen-ui-form-row>zen-icon:not(.hide)+*+input,:host .form-row>zen-icon:not(.hide)+*+select,:host zen-ui-form-row>zen-icon:not(.hide)+*+select{padding-left:var(--input-height, var(--size-large, 6rem))}:host .form-row>.i+zen-autocomplete,:host zen-ui-form-row>.i+zen-autocomplete,:host .form-row>zen-icon+zen-autocomplete,:host zen-ui-form-row>zen-icon+zen-autocomplete{--autocomplete-padding-left: default('input-height')}:host .form-row span.error,:host zen-ui-form-row span.error{display:block;flex-basis:100%;color:var(--color-error, var(--color-red, #ff5554))}:host .form-row span.error *,:host zen-ui-form-row span.error *{vertical-align:middle}:host .width-50.form-row,:host zen-ui-form-row.width-50,:host .form-row[rowwidth=half],:host zen-ui-form-row[rowwidth=half]{flex:1;margin-right:var(--size-small, 2rem)}:host .width-50.form-row:nth-of-type(2n),:host zen-ui-form-row.width-50:nth-of-type(2n),:host .form-row[rowwidth=half]:nth-of-type(2n),:host zen-ui-form-row[rowwidth=half]:nth-of-type(2n){margin-right:0}:host .form-row button,:host zen-ui-form-row button{flex-basis:var(--btn-height, var(--size-main, 4rem));padding:0;margin-left:var(--size-small, 2rem)}:host .disabled.form-row .i,:host zen-ui-form-row.disabled .i{opacity:0.5}:host .form-row zen-checkbox+span,:host zen-ui-form-row zen-checkbox+span{margin-left:var(--size-small, 2rem)}:host{user-select:none;display:flex;flex-wrap:wrap}.full-field-width:host{width:100%}.full-field-width:host .form-group,.full-field-width:host input,.full-field-width:host button,.full-field-width:host select,.full-field-width:host textarea{width:100%}:host input[type=\"submit\"],:host zen-ui-button{width:100%}:host fieldset legend{font-size:var(--fs-large);color:var(--color-alt);padding-top:var(--size-small);width:100%}:host fieldset+fieldset{margin-top:var(--size-hero)}:host fieldset+fieldset legend{padding-top:var(--size-hero);border-top:var(--border-100)}.input-small:host input,.input-small:host select,.input-small:host textarea{height:var(--input-height-small)}:host{display:block}:host form{display:flex;flex-wrap:wrap}:host>.error{margin-bottom:var(--size-small, 2rem)}.error{color:var(--color-error, var(--color-red, #ff5554))}span.error{display:block;margin-bottom:var(--size-small, 2rem)}span.error zen-ui-icon,span.error zen-ui-icon+span{vertical-align:middle}span.error:empty{display:none}zen-form-row[rowwidth=half]+zen-form-row[rowwidth=half]{margin-right:0}\n</style>`;\r\n","dts":{"name":"/Users/tristanmatthias/projects/origami/zen/packages/components/Form/form-css.d.ts","text":"import { TemplateResult } from 'lit-html';\r\ndeclare const _default: TemplateResult;\r\nexport default _default;\r\n"}}