@layer components{.c-field{display:grid;align-content:start;gap:var(--space-2);min-width:0}.c-field__label{font-size:var(--type-small-size);line-height:var(--type-small-line);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.c-field__hint,.c-field__error{margin:0;font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--color-text-secondary)}.c-field__error{color:var(--color-text-error)}.c-field__error--icon{display:flex;align-items:flex-start;gap:var(--space-2)}.c-field__error--icon .icon{margin-block-start:var(--space-raw-2)}.c-field__control{--field-px: var(--space-4);position:relative;display:flex;align-items:center;gap:var(--space-2);min-width:0;min-height:var(--control-height-field);padding-inline:var(--field-px);background:var(--color-bg-page);color:var(--color-text-primary);border:var(--border-width-hairline) solid var(--color-border-control);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out)}.c-field--pill .c-field__control{--field-px: var(--space-5);border-radius:var(--radius-pill)}.c-field__control:focus-within{border-color:var(--color-border-selected);box-shadow:var(--shadow-focus)}.c-field--error .c-field__control{border-color:var(--color-border-error)}.c-field--disabled .c-field__control{background:var(--color-bg-disabled);border-color:var(--color-border-subtle);color:var(--color-text-disabled)}.c-field__input{inline-size:0;flex:1;min-width:0;align-self:stretch;margin:0;padding:0;font-size:var(--type-body-size);line-height:var(--type-body-line);color:inherit;background:transparent;border:0;border-radius:0;outline:0;box-shadow:none;-webkit-appearance:none;appearance:none}.c-field__input:focus-visible{box-shadow:none}.c-field__input::placeholder{color:var(--color-text-secondary);opacity:1}.c-field__input::-webkit-search-decoration,.c-field__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.c-field__input:disabled{cursor:not-allowed;color:var(--color-text-disabled)}.c-field__input:disabled::placeholder{color:var(--color-text-disabled)}textarea.c-field__input{min-height:0;padding-block:var(--space-3);resize:vertical}.c-field__control:has(textarea){align-items:stretch}.c-field__icon{flex:none;width:var(--icon-md);height:var(--icon-md);color:var(--color-icon-default)}.c-field__clear{position:relative;flex:none;display:inline-grid;place-items:center;width:var(--space-6);height:var(--space-6);margin-inline-end:calc(var(--space-2) * -1);padding:0;border:0;border-radius:var(--radius-round);background:transparent;color:var(--color-icon-default);cursor:pointer}.c-field__clear:after{content:"";position:absolute;inset:calc((var(--space-6) - var(--touch-target)) / 2)}.c-field__clear svg{width:var(--icon-md);height:var(--icon-md)}.c-field__input:placeholder-shown~.c-field__clear{display:none}select.c-field__input{padding-inline-end:var(--space-6);cursor:pointer}.c-field__control:has(select):after{content:"";position:absolute;inset-inline-end:var(--field-px);width:var(--icon-md);height:var(--icon-md);pointer-events:none;background-color:currentColor;-webkit-mask:var(--icon-mask-chevron-down) center / contain no-repeat;mask:var(--icon-mask-chevron-down) center / contain no-repeat}@media(hover:hover)and (pointer:fine){.c-field:not(.c-field--disabled,.c-field--error) .c-field__control:hover:not(:focus-within){border-color:var(--color-border-strong-ink)}}.c-check{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--space-2);min-height:var(--touch-target)}.c-check__input{position:relative;flex:none;display:inline-grid;place-items:center;width:var(--space-5);height:var(--space-5);margin:0;background:var(--color-bg-page);border:var(--border-width-hairline) solid var(--color-border-control);border-radius:var(--radius-sm);-webkit-appearance:none;appearance:none;cursor:pointer}.c-check__input:after{content:"";position:absolute;inset:calc((var(--space-5) - var(--touch-target)) / 2)}.c-check__input[type=radio]{border-radius:var(--radius-round)}.c-check__input[type=checkbox]:checked{background:var(--color-bg-brand);border-color:var(--color-border-selected)}.c-check__input[type=checkbox]:checked:before{content:"";width:var(--icon-sm);height:var(--icon-sm);background-color:var(--color-text-on-brand);-webkit-mask:var(--icon-mask-check) center / contain no-repeat;mask:var(--icon-mask-check) center / contain no-repeat}.c-check__input[type=radio]:checked{border:var(--border-width-selected) solid var(--color-border-selected)}.c-check__input[type=radio]:checked:before{content:"";width:var(--space-3);height:var(--space-3);border-radius:var(--radius-round);background:var(--color-bg-brand)}.c-check__label{font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--color-text-primary);cursor:pointer}.c-check__error{grid-column:2;margin:0;font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--color-text-error)}.c-check--error .c-check__input{border-color:var(--color-border-error)}.c-check__input:disabled{background:var(--color-bg-disabled);border-color:var(--color-border-subtle);cursor:not-allowed}.c-check__input:disabled+.c-check__label{color:var(--color-text-disabled);cursor:not-allowed}.c-toggle{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--touch-target);cursor:pointer}.c-toggle__track{position:relative;flex:none;width:var(--touch-target);height:var(--space-5);border-radius:var(--radius-pill);background:var(--color-border-control);transition:background-color var(--duration-fast) var(--ease-out)}.c-toggle__track:before{content:"";position:absolute;inset-block-start:var(--space-raw-2);inset-inline-start:var(--space-raw-2);width:var(--space-raw-20);height:var(--space-raw-20);border-radius:var(--radius-round);background:var(--color-bg-page);transition:transform var(--duration-base) var(--ease-out)}.c-toggle__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.c-toggle__input:checked+.c-toggle__track{background:var(--color-bg-brand)}.c-toggle__input:checked+.c-toggle__track:before{transform:translate(var(--space-raw-20))}.c-toggle__input:focus-visible+.c-toggle__track{box-shadow:var(--shadow-focus)}.c-toggle__input:disabled+.c-toggle__track{background:var(--color-bg-disabled)}.c-toggle:has(.c-toggle__input:disabled){cursor:not-allowed;color:var(--color-text-disabled)}.c-toggle__label{font-size:var(--type-small-size);line-height:var(--type-small-line)}.c-select{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--type-small-size);line-height:var(--type-small-line)}.c-select__label{color:var(--color-text-secondary)}.c-select__control{min-height:var(--touch-target);padding-inline:0 var(--space-6);margin:0;font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--color-text-primary);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;-webkit-appearance:none;appearance:none}.c-select{position:relative}.c-select:after{content:"";position:absolute;inset-inline-end:0;width:var(--icon-md);height:var(--icon-md);pointer-events:none;background-color:currentColor;-webkit-mask:var(--icon-mask-chevron-down) center / contain no-repeat;mask:var(--icon-mask-chevron-down) center / contain no-repeat}@supports (appearance: base-select){@media(min-width:990px){.c-select:after{content:none}.c-select__control,.c-select__control::picker(select){-webkit-appearance:base-select;appearance:base-select}.c-select__control{display:inline-flex;align-items:center;gap:var(--space-1);padding-block:0;padding-inline-end:0}.c-select__control::picker-icon{content:"";width:var(--icon-md);height:var(--icon-md);background-color:currentColor;-webkit-mask:var(--icon-mask-chevron-down) center / contain no-repeat;mask:var(--icon-mask-chevron-down) center / contain no-repeat;transition:rotate var(--duration-base) var(--ease-out)}.c-select__control:open::picker-icon{rotate:180deg}.c-select__control::picker(select){padding:var(--space-2);border:0;border-radius:var(--radius-md);background:var(--color-bg-page);box-shadow:var(--shadow-lg)}.c-select__control option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--color-text-primary)}.c-select__control option:checked{background:var(--color-bg-tint)}.c-select__control option:focus-visible{box-shadow:var(--shadow-focus)}.c-select__control option::checkmark{order:1;content:"";width:var(--icon-sm);height:var(--icon-sm);background-color:currentColor;-webkit-mask:var(--icon-mask-check) center / contain no-repeat;mask:var(--icon-mask-check) center / contain no-repeat}}}.c-error-summary{display:grid;grid-template-columns:auto 1fr;align-items:start;column-gap:var(--space-3);row-gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-error);color:var(--color-text-secondary)}.c-error-summary:before{content:"";grid-row:1 / span 2;width:var(--icon-md);height:var(--icon-md);background-color:var(--color-text-error);-webkit-mask:var(--icon-mask-alert) center / contain no-repeat;mask:var(--icon-mask-alert) center / contain no-repeat}.c-error-summary__title{margin:0;font-size:var(--type-small-size);line-height:var(--type-small-line);font-weight:var(--font-weight-medium)}.c-error-summary__list{grid-column:2;display:grid;gap:var(--space-raw-2);margin:0;padding:0 0 0 var(--space-raw-18);list-style:none;font-size:var(--type-small-size);line-height:var(--type-small-line)}.c-error-summary__list a{color:inherit}.c-error-summary:focus-visible{box-shadow:var(--shadow-focus)}@media(forced-colors:active){.c-check__input[type=checkbox]:checked:before,.c-field__control:has(select):after,.c-select:after,.c-error-summary:before{background-color:CanvasText}.c-toggle__input:checked+.c-toggle__track{background:Highlight}}@media(prefers-reduced-motion:reduce){.c-field__control,.c-toggle__track,.c-toggle__track:before,.c-select__control::picker-icon{transition:none}}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/c-forms.css.map */