.input-medium{--input-height: 40px;--input-padding-inline: 12px;--input-font-size: var(--text-sm)}@media(hover:none){.input-medium{--input-font-size: var(--text-base)}}cm-field>input:not([type=checkbox],[type=radio],[type=hidden],[type=file]),cm-input-group{width:100%;max-width:100%;height:var(--input-height, 44px);margin:0;border:1px solid var(--color-form-border);border-radius:8px;background:var(--color-white);color:var(--color-body);font-size:var(--input-font-size, var(--text-base));font-weight:400}cm-field>input:not([type=checkbox],[type=radio],[type=hidden],[type=file]){padding:0 var(--input-padding-inline, 16px)}cm-input-group{display:flex;align-items:center}cm-input-group>input:not([type=hidden]){flex:1;min-width:0;width:auto;height:100%;margin:0;padding:0 var(--input-padding-inline, 16px);border:0;border-radius:inherit;outline:none;background:transparent;color:inherit;font-size:inherit;font-weight:inherit}cm-input-group>input:not(:last-child){padding-right:8px}cm-input-group>input[type=number]{-webkit-appearance:textfield;appearance:textfield}cm-input-group>input[type=number]::-webkit-inner-spin-button,cm-input-group>input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}cm-field>input[type=date],cm-input-group>input[type=date]{min-width:0;text-align:left}cm-field>input[type=date]::-webkit-date-and-time-value,cm-input-group>input[type=date]::-webkit-date-and-time-value{text-align:left}cm-field>input[type=date]::-webkit-calendar-picker-indicator{width:calc(var(--input-height, 44px) - 12px);height:calc(var(--input-height, 44px) - 12px);margin:0 calc(5px - var(--input-padding-inline, 16px)) 0 0;padding:0;border-radius:9999px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c2d2e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") center / 18px no-repeat;cursor:pointer}cm-field>input[type=date]::-webkit-calendar-picker-indicator:hover{background-color:var(--color-secondary)}cm-field>input[type=date]:disabled::-webkit-calendar-picker-indicator{cursor:not-allowed}cm-input-group>input[type=date]::-webkit-calendar-picker-indicator{display:none}cm-field>input:not([type=hidden])::placeholder,cm-input-group>input:not([type=hidden])::placeholder{color:rgba(var(--color-body-rgb),.7);opacity:1}cm-field>input:hover,cm-input-group:hover{border-color:rgba(var(--color-body-rgb),.45)}cm-field>input:focus,cm-input-group:has(input:focus){border-color:var(--color-accent);box-shadow:var(--color-input-box-shadow);outline:none}cm-field[data-invalid]>input,cm-field[data-invalid] cm-input-group{border-color:var(--color-error)}cm-field[data-invalid]>input:focus,cm-field[data-invalid] cm-input-group:has(input:focus){border-color:var(--color-error);box-shadow:0 0 0 3px #e539352e}cm-field>input:disabled,cm-input-group:has(input:disabled){border-color:var(--color-form-border);opacity:.5;cursor:not-allowed}cm-field>input[readonly],cm-input-group:has(input[readonly]){border-color:var(--color-secondary);background:var(--color-secondary);box-shadow:none;cursor:default}cm-field>input[readonly]:focus-visible,cm-input-group:has(input[readonly]:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}cm-input-addon{display:flex;align-items:center;flex:none;gap:4px;padding-right:var(--input-padding-inline, 16px);color:rgba(var(--color-body-rgb),.8);font-size:var(--text-sm);white-space:nowrap;cursor:text;-webkit-user-select:none;user-select:none}cm-input-addon:has(>button){padding-right:5px}cm-input-addon svg{width:16px;height:16px}cm-input-addon>button{display:flex;align-items:center;justify-content:center;flex:none;width:calc(var(--input-height, 44px) - 12px);height:calc(var(--input-height, 44px) - 12px);padding:0;border:0;border-radius:9999px;background:transparent;color:var(--color-body);cursor:pointer}cm-input-addon>button:hover{background:var(--color-secondary)}cm-input-addon>button:focus-visible{outline:2px solid var(--color-accent)}cm-input-addon>button:disabled{opacity:.5;cursor:not-allowed}cm-input-addon>button svg{width:18px;height:18px}
/*# sourceMappingURL=/cdn/shop/t/72/assets/cm-input.css.map */