@square/maker/components/Input/styles.css

Maker Design System by Square

.📚19-10-2CNuZQ{--color-background:var(--maker-color-neutral-10,#f1f1f1);--color-border:#0000}.📚19-10-2_2TXJ{--color-background:var(--maker-color-background,#fff);--color-border:var(--maker-color-neutral-20,#919191)}.📚19-10-2swXoB{fill:currentColor;align-items:center;background-color:initial;border-radius:inherit;box-sizing:inherit;color:var(--color-placeholder);cursor:inherit;display:flex;font-size:inherit;z-index:1}.📚19-10-2swXoB.📚19-10-2qI9Qu{order:1;padding-right:8px}.📚19-10-2swXoB.📚19-10-2Du2TA{order:3;padding-left:8px}.📚19-10-2_FrL8{--color-placeholder:var(--maker-color-neutral-80,#707070);--color-foreground:var(--maker-color-neutral-90,#1b1b1b);--color-border-active:var(--maker-color-neutral-80,#707070);--color-error:var(--maker-color-error-fill,#cd2026);align-items:center;background-color:var(--color-background,#fff);border:1px solid var(--color-border);border-radius:var(--maker-shape-default-border-radius,4px);box-sizing:border-box;color:var(--color-foreground);display:flex;font-size:16px;height:48px;overflow:hidden;padding:0 16px;transition:border-color .2s ease;width:100%}.📚19-10-2_FrL8:not(.📚19-10-2ZTPmq,.📚19-10-2_8xt2):focus-within,.📚19-10-2_FrL8:not(.📚19-10-2ZTPmq,.📚19-10-2_8xt2):hover{border-color:var(--color-border-active)}.📚19-10-2_FrL8.📚19-10-2ZTPmq{cursor:not-allowed;opacity:.5}.📚19-10-2_FrL8.📚19-10-2_8xt2{border-color:var(--color-error)}.📚19-10-2U4Dfn{-webkit-appearance:none;appearance:none;background-color:initial;border:none;box-shadow:none;box-sizing:inherit;color:inherit;cursor:inherit;flex-grow:1;font-family:inherit;font-size:inherit;font-weight:inherit;order:2;outline:none;text-overflow:ellipsis;width:100%}.📚19-10-2U4Dfn::placeholder{color:var(--color-placeholder)}.📚19-10-2U4Dfn.📚19-10-2jZ_Vi{text-align:left}.📚19-10-2U4Dfn.📚19-10-2L_V3_{text-align:right}.📚19-10-2U4Dfn:-webkit-autofill,.📚19-10-2U4Dfn:-webkit-autofill:active,.📚19-10-2U4Dfn:-webkit-autofill:focus,.📚19-10-2U4Dfn:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-background);box-shadow:0 0 0 48px var(--color-foreground) inset,0 0 0 9999px var(--color-foreground)}.📚19-10-2U4Dfn:-webkit-autofill~.📚19-10-2swXoB{color:var(--color-background)}
/*# sourceMappingURL=styles.css.map*/