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

📚 Maker Design System by Square

.\1F4DA 4-7-01MnG6{--color-background:rgba(0,0,0,0.05);--color-background-focus:hsla(0,0%,100%,0.95);--color-foreground:rgba(0,0,0,0.9);--color-disabled:rgba(0,0,0,0.3);--color-background-disabled:rgba(0,0,0,0.05);--color-accent:#222;--color-border:transparent;--color-border-active:#222;--color-error:#ce3217}.\1F4DA 4-7-01MnG6,.\1F4DA 4-7-01pZ1U{--focus-shadow:0 0 0 2px rgba(34,34,34,0.3);--border-radius:8px}.\1F4DA 4-7-01pZ1U{--color-background:#fff;--color-background-focus:#fff;--color-foreground:rgba(0,0,0,0.9);--color-disabled:rgba(0,0,0,0.3);--color-background-disabled:rgba(0,0,0,0.05);--color-accent:#222;--color-border:rgba(0,0,0,0.15);--color-border-active:rgba(0,0,0,0.3);--color-error:#ce3217;--focus-shadow:none}.\1F4DA 4-7-01Na1Z{position:relative;box-sizing:border-box;min-width:80px;font-size:16px;font-family:inherit;font-family:var(--font-family);border-radius:var(--border-radius)}.\1F4DA 4-7-03sm7k{position:absolute;top:50%;left:16px;line-height:0;transform:translateY(-50%);pointer-events:none}.\1F4DA 4-7-01dhpY{box-sizing:inherit;width:100%;height:48px;padding:0 32px 0 16px;overflow:hidden;color:var(--color-foreground);font-size:inherit;font-family:inherit;white-space:nowrap;text-overflow:ellipsis;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:inherit;outline:none;cursor:pointer;transition:border-color .2s ease;-webkit-appearance:none;appearance:none}.\1F4DA 4-7-01dhpY.\1F4DA 4-7-03SmSS{padding-left:40px}.\1F4DA 4-7-01dhpY.\1F4DA 4-7-02yt9B{color:var(--color-foreground)}.\1F4DA 4-7-01dhpY:not(:disabled):not(:invalid):hover{border-color:var(--color-border-active)}.\1F4DA 4-7-01dhpY:not(:disabled):not(:invalid):active,.\1F4DA 4-7-01dhpY:not(:disabled):not(:invalid):focus{background-color:var(--color-background-focus);border-color:var(--color-border-active);box-shadow:var(--focus-shadow)}.\1F4DA 4-7-01dhpY:disabled{color:var(--color-disabled);background-color:var(--color-background-disabled);cursor:not-allowed}.\1F4DA 4-7-01dhpY:invalid{border-color:var(--color-error)}.\1F4DA 4-7-01dhpY::-ms-expand{display:none}.\1F4DA 4-7-03TfiR{position:absolute;top:50%;right:16px;width:16px;height:16px;color:var(--color-disabled);transform:translateY(-50%);pointer-events:none}