{"code":"import { html } from '@polymer/lit-element';\r\nexport default html `<style>:host input[type=\"submit\"],:host zen-button[size=large]{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-button:not([color])[size=large]{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-button[size=large] *{vertical-align:middle}:host input[type=\"submit\"]+input[type=\"submit\"],:host zen-button[size=large]+input[type=\"submit\"],:host input[type=\"submit\"]+zen-button[size=large],:host zen-button[size=large]+zen-button[size=large]{margin-left:var(--size-small)}:host input:hover[type=\"submit\"],:host zen-button:hover[size=large]{filter:brightness(1.1)}:host input:focus[type=\"submit\"],:host zen-button:focus[size=large]{border:none;filter:brightness(0.9)}:host input.round[type=\"submit\"],:host zen-button.round[size=large]{padding:0;border-radius:50%}:host input.has-icon[type=\"submit\"],:host zen-button.has-icon[size=large]{padding-left:var(--size-small, 2rem)}:host input.has-icon[type=\"submit\"] .i,:host zen-button.has-icon[size=large] .i{vertical-align:top;margin-right:var(--size-small, 2rem)}:host input.has-icon[type=\"submit\"] .loader,:host zen-button.has-icon[size=large] .loader{margin-top:calc(default('size-small') / 2)}:host input.no-text[type=\"submit\"],:host zen-button.no-text[size=large]{padding:0}:host input.no-text[type=\"submit\"] .i,:host zen-button.no-text[size=large] .i{margin:0}:host input:disabled[type=\"submit\"],:host zen-button:disabled[size=large]{opacity:0.5;pointer-events:none}:host input[type=\"submit\"]>span,:host zen-button[size=large]>span{display:inline-block;vertical-align:middle}:host input.size-tiny[type=\"submit\"],:host zen-button.size-tiny[size=large],:host input[size=tiny][type=\"submit\"],:host zen-button[size=tiny][size=large]{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-button.size-tiny.icon-right[size=large],:host input[size=tiny].icon-right[type=\"submit\"],:host zen-button[size=tiny].icon-right[size=large]{padding-right:var(--size-tiny, 1rem)}:host input.size-small[type=\"submit\"],:host zen-button.size-small[size=large],:host input[size=small][type=\"submit\"],:host zen-button[size=small][size=large]{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-button.size-small.icon-right[size=large],:host input[size=small].icon-right[type=\"submit\"],:host zen-button[size=small].icon-right[size=large]{padding-right:var(--size-small, 2rem)}:host input.size-medium[type=\"submit\"],:host zen-button.size-medium[size=large],:host input[size=medium][type=\"submit\"],:host zen-button[size=medium][size=large]{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-button.size-medium.icon-right[size=large],:host input[size=medium].icon-right[type=\"submit\"],:host zen-button[size=medium].icon-right[size=large]{padding-right:var(--size-medium, 3rem)}:host input.size-main[type=\"submit\"],:host zen-button.size-main[size=large],:host input[size=main][type=\"submit\"],:host zen-button[size=main][size=large]{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-button.size-main.icon-right[size=large],:host input[size=main].icon-right[type=\"submit\"],:host zen-button[size=main].icon-right[size=large]{padding-right:var(--size-main, 4rem)}:host input.size-large[type=\"submit\"],:host zen-button.size-large[size=large],:host input[size=large][type=\"submit\"],:host zen-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-button.size-large.icon-right[size=large],:host input[size=large].icon-right[type=\"submit\"],:host zen-button[size=large].icon-right{padding-right:var(--size-large, 6rem)}:host input.size-huge[type=\"submit\"],:host zen-button.size-huge[size=large],:host input[size=huge][type=\"submit\"],:host zen-button[size=huge][size=large]{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-button.size-huge.icon-right[size=large],:host input[size=huge].icon-right[type=\"submit\"],:host zen-button[size=huge].icon-right[size=large]{padding-right:var(--size-huge, 8rem)}:host input.size-super[type=\"submit\"],:host zen-button.size-super[size=large],:host input[size=super][type=\"submit\"],:host zen-button[size=super][size=large]{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-button.size-super.icon-right[size=large],:host input[size=super].icon-right[type=\"submit\"],:host zen-button[size=super].icon-right[size=large]{padding-right:var(--size-super, 12rem)}:host input.size-hero[type=\"submit\"],:host zen-button.size-hero[size=large],:host input[size=hero][type=\"submit\"],:host zen-button[size=hero][size=large]{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-button.size-hero.icon-right[size=large],:host input[size=hero].icon-right[type=\"submit\"],:host zen-button[size=hero].icon-right[size=large]{padding-right:var(--size-hero, 24rem)}:host input.hollow[type=\"submit\"],:host zen-button.hollow[size=large],:host input[hollow][type=\"submit\"],:host zen-button[hollow][size=large]{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-button.hollow[color=main][size=large],:host input[color=main][hollow][type=\"submit\"],:host zen-button[color=main][hollow][size=large]{color:var(--color-main)}:host input.hollow[color=alt][type=\"submit\"],:host zen-button.hollow[color=alt][size=large],:host input[color=alt][hollow][type=\"submit\"],:host zen-button[color=alt][hollow][size=large]{color:var(--color-alt)}:host input.hollow[color=text][type=\"submit\"],:host zen-button.hollow[color=text][size=large],:host input[color=text][hollow][type=\"submit\"],:host zen-button[color=text][hollow][size=large]{color:var(--color-text)}:host input.hollow[color=white][type=\"submit\"],:host zen-button.hollow[color=white][size=large],:host input[color=white][hollow][type=\"submit\"],:host zen-button[color=white][hollow][size=large]{color:var(--color-white)}:host input.hollow[color=grey-50][type=\"submit\"],:host zen-button.hollow[color=grey-50][size=large],:host input[color=grey-50][hollow][type=\"submit\"],:host zen-button[color=grey-50][hollow][size=large]{color:var(--color-grey-50)}:host input.hollow[color=grey-100][type=\"submit\"],:host zen-button.hollow[color=grey-100][size=large],:host input[color=grey-100][hollow][type=\"submit\"],:host zen-button[color=grey-100][hollow][size=large]{color:var(--color-grey-100)}:host input.hollow[color=grey-200][type=\"submit\"],:host zen-button.hollow[color=grey-200][size=large],:host input[color=grey-200][hollow][type=\"submit\"],:host zen-button[color=grey-200][hollow][size=large]{color:var(--color-grey-200)}:host input.hollow[color=grey-300][type=\"submit\"],:host zen-button.hollow[color=grey-300][size=large],:host input[color=grey-300][hollow][type=\"submit\"],:host zen-button[color=grey-300][hollow][size=large]{color:var(--color-grey-300)}:host input.hollow[color=grey-400][type=\"submit\"],:host zen-button.hollow[color=grey-400][size=large],:host input[color=grey-400][hollow][type=\"submit\"],:host zen-button[color=grey-400][hollow][size=large]{color:var(--color-grey-400)}:host input.hollow[color=grey-500][type=\"submit\"],:host zen-button.hollow[color=grey-500][size=large],:host input[color=grey-500][hollow][type=\"submit\"],:host zen-button[color=grey-500][hollow][size=large]{color:var(--color-grey-500)}:host input.hollow[color=grey-600][type=\"submit\"],:host zen-button.hollow[color=grey-600][size=large],:host input[color=grey-600][hollow][type=\"submit\"],:host zen-button[color=grey-600][hollow][size=large]{color:var(--color-grey-600)}:host input.hollow[color=grey-700][type=\"submit\"],:host zen-button.hollow[color=grey-700][size=large],:host input[color=grey-700][hollow][type=\"submit\"],:host zen-button[color=grey-700][hollow][size=large]{color:var(--color-grey-700)}:host input.hollow[color=grey-800][type=\"submit\"],:host zen-button.hollow[color=grey-800][size=large],:host input[color=grey-800][hollow][type=\"submit\"],:host zen-button[color=grey-800][hollow][size=large]{color:var(--color-grey-800)}:host input.hollow[color=grey-900][type=\"submit\"],:host zen-button.hollow[color=grey-900][size=large],:host input[color=grey-900][hollow][type=\"submit\"],:host zen-button[color=grey-900][hollow][size=large]{color:var(--color-grey-900)}:host input.hollow[color=black][type=\"submit\"],:host zen-button.hollow[color=black][size=large],:host input[color=black][hollow][type=\"submit\"],:host zen-button[color=black][hollow][size=large]{color:var(--color-black)}:host input.hollow[color=error][type=\"submit\"],:host zen-button.hollow[color=error][size=large],:host input[color=error][hollow][type=\"submit\"],:host zen-button[color=error][hollow][size=large]{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>.i textarea,:host>zen-icon textarea,:host 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{display:flex;flex-wrap:wrap;margin-bottom:var(--size-small, 2rem);position:relative;flex-basis:100%}:host>*{align-self:flex-end;width:100%}:host>.i,:host>zen-icon{position:absolute;left:0;bottom:0;margin:1rem;z-index:1}:host>.i:not(.hide)+input,:host>.i:not(.hide)+select,:host>.i:not(.hide)+*+input,:host>.i:not(.hide)+*+select,:host>zen-icon:not(.hide)+input,:host>zen-icon:not(.hide)+select,:host>zen-icon:not(.hide)+*+input,:host>zen-icon:not(.hide)+*+select{padding-left:var(--input-height, var(--size-large, 6rem))}:host>.i+zen-autocomplete,:host>zen-icon+zen-autocomplete{--autocomplete-padding-left: default('input-height')}:host span.error{display:block;flex-basis:100%;color:var(--color-error, var(--color-red, #ff5554))}:host span.error *{vertical-align:middle}.width-50:host,[rowwidth=half]:host{flex:1;margin-right:var(--size-small, 2rem)}.width-50:nth-of-type(2n):host,[rowwidth=half]:nth-of-type(2n):host{margin-right:0}:host button{flex-basis:var(--btn-height, var(--size-main, 4rem));padding:0;margin-left:var(--size-small, 2rem)}.disabled:host .i{opacity:0.5}:host zen-checkbox+span{margin-left:var(--size-small, 2rem)}:host input[type=\"submit\"],:host zen-button[size=large]{width:100%}:host .label{display:block;margin:calc(var(--input-height) / 4) 0;color:var(--label-color, var(--color-grey-600, #777))}:host .hide-empty:empty{display:none}:host .hide{display:none}:host zen-icon:not(.hide)+zen-input{--input-padding-left: default('input-height')}:host zen-button{width:100%;box-sizing:border-box;height:var(--input-height, var(--size-large, 6rem));line-height:var(--input-height, var(--size-large, 6rem))}:host-context([rowwidth=half]){flex:1;margin-right:var(--size-small, 2rem)}:host-context([rowwidth=half]):nth-of-type(2n){margin-right:0}\n</style>`;\r\n","dts":{"name":"/Users/tristanmatthias/projects/origami/zen/packages/components/FormRow/form-row-css.d.ts","text":"import { TemplateResult } from 'lit-html';\r\ndeclare const _default: TemplateResult;\r\nexport default _default;\r\n"}}