[data-component=input]{display:block;width:100%;background:var(--bg, var(--color-background));color:var(--fg, var(--color-text));border:var(--border-w, 1px) solid var(--border, var(--color-border));border-radius:var(--radius, var(--radius-sm));line-height:var(--leading-normal);transition:border-color .15s ease-out,box-shadow .15s ease-out}[data-component=input]::placeholder{color:var(--color-muted);opacity:1}[data-component=input][data-style=filled]{border-color:transparent}[data-component=input][data-style=filled]:focus{border-color:var(--color-primary)}[data-component=input][data-style=underline]{background:transparent;border-radius:0;border-top-style:none;border-left-style:none;border-right-style:none;padding-left:0;padding-right:0}[data-component=input][data-style=underline]:focus{box-shadow:none;border-bottom-color:var(--color-primary)}[data-component=input][data-preset=sm]{--pt: .5rem;--pb: .5rem;--pl: .75rem;--pr: .75rem;font-size:var(--text-sm)}[data-component=input][data-preset=md]{--pt: .75rem;--pb: .75rem;--pl: 1rem;--pr: 1rem}[data-component=input][data-preset=lg]{--pt: 1rem;--pb: 1rem;--pl: 1.5rem;--pr: 1.5rem;font-size:var(--text-lg)}[data-component=input]:focus{outline:none;box-shadow:var(--focus-ring);border-color:var(--color-primary)}[data-component=input][data-error]{border-color:var(--color-error)}[data-component=input][data-error]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error) 20%,transparent)}[data-component=input]:disabled{opacity:.5;cursor:not-allowed}textarea[data-component=input]{min-height:calc(var(--spacing) * 24);resize:vertical}select[data-component=input]{cursor:pointer}[data-component=checkbox],[data-component=radio]{-webkit-appearance:none;appearance:none;width:var(--w, calc(var(--spacing) * 5));height:var(--h, calc(var(--spacing) * 5));background-color:var(--color-background);border:2px solid var(--color-border);cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out}[data-component=checkbox]{border-radius:var(--radius-sm)}[data-component=radio]{border-radius:var(--radius-full)}[data-component=checkbox]:checked,[data-component=radio]:checked{background-color:var(--check-active, var(--color-primary));border-color:var(--check-active, var(--color-primary))}[data-component=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:100% 100%}[data-component=radio]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='4' fill='white'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat}[data-component=checkbox][data-preset=sm],[data-component=radio][data-preset=sm]{--w: calc(var(--spacing) * 4);--h: calc(var(--spacing) * 4)}[data-component=checkbox][data-preset=lg],[data-component=radio][data-preset=lg]{--w: calc(var(--spacing) * 6);--h: calc(var(--spacing) * 6)}[data-component=checkbox]:focus,[data-component=checkbox]:focus-visible,[data-component=radio]:focus,[data-component=radio]:focus-visible{outline:none;box-shadow:var(--focus-ring)}[data-component=toggle]{position:relative;display:inline-flex;align-items:center;width:var(--w, calc(var(--spacing) * 10));height:var(--h, calc(var(--spacing) * 6));background-color:var(--color-border);border-radius:var(--radius-full);transition:background-color .15s ease-out}[data-component=toggle]:has(input:checked){background-color:var(--toggle-active, var(--color-primary))}[data-component=toggle] input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}[data-component=toggle] [data-toggle-thumb]{position:absolute;left:2px;width:calc(var(--h, calc(var(--spacing) * 6)) - 4px);height:calc(var(--h, calc(var(--spacing) * 6)) - 4px);background-color:var(--color-background);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform .15s ease-out;pointer-events:none}[data-component=toggle]:has(input:checked) [data-toggle-thumb]{transform:translate(calc(var(--w, calc(var(--spacing) * 10)) - var(--h, calc(var(--spacing) * 6)) + 4px))}[data-component=toggle][data-preset=sm]{--w: calc(var(--spacing) * 8);--h: calc(var(--spacing) * 5)}[data-component=toggle][data-preset=lg]{--w: calc(var(--spacing) * 12);--h: calc(var(--spacing) * 6)}[data-component=toggle]:has(input:focus-visible){outline:none;box-shadow:var(--focus-ring)}[data-component=toggle]:has(input:disabled){opacity:.5;cursor:not-allowed}[data-form-wrapper]{display:inline-flex;align-items:flex-start;gap:.5rem;cursor:pointer}[data-form-wrapper]:has(input:disabled){opacity:.5;cursor:not-allowed}[data-toggle-wrapper]{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}[data-toggle-wrapper][data-label-left]{flex-direction:row-reverse}[data-toggle-wrapper]:has(input:disabled){opacity:.5;cursor:not-allowed}[data-form-label]{display:flex;flex-direction:column;gap:.25rem;font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-text)}[data-form-hint]{font-size:var(--text-xs);color:var(--color-muted)}[data-form-error]{font-size:var(--text-xs);color:var(--color-error)}[data-form-group]{display:flex;flex-direction:column;gap:.25rem}[data-form-group]>[data-form-label]{font-weight:var(--font-weight-medium)}[data-form-group][data-error] [data-component=input]{border-color:var(--color-error)}[data-form-group][data-error] [data-component=input]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error) 20%,transparent)}[data-form-wrapper][data-style=card]{padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);transition:border-color .15s ease-out,background-color .15s ease-out}[data-form-wrapper][data-style=card]:hover{border-color:var(--color-primary)}[data-form-wrapper][data-style=card]:has(input:checked){border-color:var(--check-active, var(--color-primary));background-color:color-mix(in srgb,var(--check-active, var(--color-primary)) 5%,transparent)}[data-form-wrapper][data-style=card]:focus-within{box-shadow:var(--focus-ring)}[data-form-wrapper][data-style=pill]{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-background);transition:all .15s ease-out}[data-form-wrapper][data-style=pill] [data-component=checkbox],[data-form-wrapper][data-style=pill] [data-component=radio]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}[data-form-wrapper][data-style=pill]:hover{border-color:var(--color-primary)}[data-form-wrapper][data-style=pill]:focus-within{box-shadow:var(--focus-ring)}[data-form-wrapper][data-style=pill]:has(input:checked){background-color:var(--check-active, var(--color-primary));border-color:var(--check-active, var(--color-primary));color:#fff}[data-form-wrapper][data-style=pill]:has(input:checked) [data-form-label]{color:#fff}
/*# sourceMappingURL=/cdn/shop/t/5/assets/presets-input.css.map */