:where(.field){--field-color: var(--contrast, #14141e);--field-bg: var(--bg, #fff);--field-interface-bg: var(--bgContrast, transparent);--field-accent: var(--accent, #4b6bff);--field-invalid: var(--error, #e5484d);--field-font: inherit;--field-font-size: .9rem;--field-border-width: var(--border-width, 2px);--field-control-height: 2rem;--field-row-height: calc(var(--ru) * 2);--field-textarea-min-height: var(--field-row-height);--field-gap: .5rem;--field-radius: 0;--field-label-opacity: 1;--field-ease: var(--ease-in-out-circ, cubic-bezier(.65, .05, .36, 1));--field-elastic: var(--elastic, cubic-bezier(.5, 1.6, .4, .9));--field-duration: .2s;--field-label-focus-transform:translateY(-.125rem) scale(.5)}.field input[type=number]{appearance:textfield;-moz-appearance:textfield}.field input[type=number]::-webkit-outer-spin-button,.field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field{position:relative;display:inline-flex;align-items:center;min-width:0;max-width:100%;margin-bottom:var(--ru, 1.5rem);font-size:var(--field-font-size);&.no-margin{margin-bottom:0}&.field--disabled{opacity:.5;pointer-events:none}}.field__label{display:inline-block;line-height:var(--ru, 1.5rem);color:var(--field-accent)}.field__select,.field__input,.field__textarea{position:relative;height:var(--field-control-height);line-height:calc(var(--field-control-height) - .25rem);font-family:var(--field-font);font-size:var(--field-font-size);color:var(--field-color);background:transparent;border:none;border-radius:var(--field-radius);@media(pointer:coarse){font-size:max(16px,var(--field-font-size))}padding:0 calc(var(--ru, 1.5rem) * .25);padding-top:.25rem;outline:none}.field__input{flex:0 1 auto;width:auto}.field__textarea{width:100%;height:auto;min-height:var(--field-textarea-min-height);line-height:var(--ru, 1.5rem);padding-top:calc((var(--field-row-height) - 1lh) / 2);padding-bottom:calc((var(--field-row-height) - var(--field-control-height)) / 2);resize:vertical}@supports (field-sizing: content){.field__textarea{field-sizing:content;resize:none}}.field__interface{position:relative;display:flex;align-items:center;min-width:0;height:var(--field-control-height);background-color:var(--field-interface-bg);&:before,&:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;transform-origin:bottom left;border-bottom:var(--field-border-width) solid transparent;pointer-events:none;transition:border-color var(--field-duration) var(--field-ease),transform .3s var(--field-ease)}.field__label{position:absolute;top:0;left:0;z-index:1;height:var(--field-control-height);line-height:var(--field-control-height);padding-left:calc(var(--ru, 1.5rem) * .5);margin-right:var(--field-gap);opacity:var(--field-label-opacity);pointer-events:none;transform-origin:top left;transition:transform var(--field-duration) var(--field-ease)}&:has(:user-invalid):before{border-color:var(--field-invalid)}}.field:not(.field--select) .field__interface:after{border-color:var(--field-accent);transform:scaleX(0)}.field:not(.field--select) .field__interface:focus-within:after{transform:scaleX(1);transition-duration:var(--field-duration)}.field__interface:focus-within .field__label,.field__interface:has(.field__input:not(:placeholder-shown)) .field__label,.field__interface:has(.field__textarea:not(:placeholder-shown)) .field__label,.field--select .field__interface .field__label{transform:var(--field-label-focus-transform);transition:transform var(--field-duration) var(--field-elastic)}.field--textarea .field__interface{height:auto}.field--textarea .field__interface:before,.field--textarea .field__interface:after{height:calc(100% - .5rem)}.field--select .field__select{padding-right:calc(var(--ru, 1.5rem) * 1.5)}.field--select .field__interface:after{border:none;border-right:var(--field-border-width) solid var(--field-accent);border-bottom:var(--field-border-width) solid var(--field-accent);width:.5rem;height:.5rem;top:50%;bottom:auto;left:auto;right:calc(var(--ru, 1.5rem) * .5);transform:translateY(-75%) rotate(45deg)}.field__submit{flex:0 0 auto;align-self:center;margin-right:calc(var(--ru, 1.5rem) - 1rem);white-space:nowrap}.field__checkbox,.field__radio{position:absolute;opacity:0}.field--checkbox .field__label,.field--radio .field__label{position:relative;display:block;padding-left:calc(var(--ru, 1.5rem) * 1.25);font-weight:400;line-height:var(--ru, 1.5rem);text-align:left;opacity:1;cursor:pointer;&:before,&:after{content:"";position:absolute;top:0;left:0;display:block;width:calc(var(--ru, 1.5rem) * .75);height:calc(var(--ru, 1.5rem) * .75);margin:calc(var(--ru, 1.5rem) * .25 / 2)}&:before{margin-left:0;background-color:var(--field-bg);border:var(--field-border-width) solid var(--field-color)}&:after{top:-1px;margin-left:1px;opacity:0;transform:scale(.5);transition:var(--field-duration) var(--field-elastic)}}.field--radio .field__label:before{border-radius:50%}.field--radio .field__label:after{background-color:var(--field-accent);border-radius:50%;box-sizing:border-box}.field--checkbox .field__label:after{background-color:var(--field-accent);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 24 24'%3E%3Cg stroke-linecap='square' stroke-width='2' fill='none' stroke='black' stroke-linejoin='miter' class='nc-icon-wrapper' stroke-miterlimit='10'%3E%3Cpolyline points='6,12 10,16 18,8 '%3E%3C/polyline%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat}.field__radio:checked+.field__label:after,.field__checkbox:checked+.field__label:after{opacity:1;transform:scale(1)}.field__radio:focus-visible+.field__label:before,.field__checkbox:focus-visible+.field__label:before{outline:var(--field-border-width) solid var(--field-accent);outline-offset:2px}.field--inline{display:flex;align-items:center}.field--inline .field__label{margin-right:calc(var(--ru, 1.5rem) * .5)}.field--required .field__interface .field__label:after{content:"*";color:var(--field-accent)}.field__hint{position:absolute;top:100%;width:100%;left:0;z-index:2;margin-top:-.125rem;text-align:right;font-size:.7rem;line-height:var(--ru);color:var(--field-invalid);opacity:0;transform:translateY(-.25rem);pointer-events:none;transition:opacity var(--field-duration) var(--field-ease),transform var(--field-duration) var(--field-ease)}.field:has(:user-invalid) .field__hint{opacity:1;transform:translateY(0)}.field--block{display:block;width:100%}.field--block .field__label{display:block;margin-right:0}.field--block .field__input,.field--block .field__select,.field--block .field__textarea{display:block;width:100%}.field--invert{--field-color: var(--white, #fff);--field-bg: var(--black, #000)}.field--large{--field-control-height:var(--field-row-height);--font-size:1rem}