@layer proxima.field{.field{display:block;box-sizing:border-box;border-radius:var(--field-border-radius, calc( var(--base-field-size) / var(--field-border-radius-divider, 16) ));--base-field-size: var(--field-size, 2.75rem);--base-field-font-size: var(--field-font-size, 1rem);--base-field-label-font-size: var(--field-label-font-size, .875rem);--base-field-prepend-font-size: var(--field-prepend-font-size, calc( var(--base-field-font-size) * 1.25 ));--base-field-prepend-width: var(--field-prepend-width, var(--base-field-size));--base-field-prepend-height: var(--field-prepend-height, 100%);--base-field-padding-x: calc( (var(--base-field-size) * .25) + (.375rem * var(--field-is-full-round, 0)) );--base-field-start-padding: calc( var(--base-field-prepend-width) * var(--field-has-prepend, 0) );--base-field-end-padding: calc( (var(--base-field-action-size) * var(--field-actions-length, 0)) + (var(--base-field-arrow-width) * var(--field-has-arrow, 0)) );--base-field-padding-x-start: max( var(--field-padding-x-start, var(--base-field-padding-x)), var(--base-field-start-padding, 0rem) );--base-field-padding-x-end: max( var(--field-padding-x-end, var(--base-field-padding-x)), var(--base-field-end-padding, 0rem) );--base-field-empty-background: var(--field-background, var(--app-field-background, #fff));--base-field-inert-background: var(--base-field-empty-background);--base-field-background: var(--base-field-inert-background);--base-field-border-width: var(--field-border-width, 1px);--base-field-inert-border-color: var(--field-border-color, var(--app-field-border-color, #cfd4d9));--base-field-border-color: var(--base-field-inert-border-color);--base-field-inert-placeholder-color: var(--field-placeholder-color, #6c757d);--base-field-placeholder-color: var(--base-field-inert-placeholder-color);--base-field-mask-color: var(--field-mask-color, var(--base-field-placeholder-color));--base-field-color: var(--field-color, var(--app-field-color, #212529));--base-field-autofill-color: var(--field-autofill-color, #e8f0fe);--base-field-accent-color: var(--field-accent-color, var(--app-accent-color, #0071e3));--base-field-invalid-color: var(--field-invalid-color, var(--app-invalid-color, #dc3545));--base-field-valid-color: var(--field-valid-color, var(--app-valid-color, #03a10e));--base-field-status-size: var(--field-status-size, var(--base-field-font-size));--base-field-action-size: var(--field-action-size, var(--base-field-size));--base-field-action-icon-size: var(--field-action-icon-size, .875rem);--base-field-arrow-width: calc(var(--base-field-action-size) / 4 * 2.5);--base-field-view-line-actions-offset: calc( (var(--base-field-action-size) - var(--base-field-action-icon-size)) / 2.5 );--base-field-max-width: var(--field-max-width, calc( var(--base-field-padding-x-start) + var(--base-field-padding-x-end) + ( var(--field-width-length) * var(--field-width-length-multiplier, calc(var(--base-field-font-size) * .61)) ) ))}[dir=rtl] .field{--field-direction: -1}.field *,.field *:before,.field *:after{box-sizing:inherit}.field_has_prepend{--field-has-prepend: 1}.field_has_actions{--field-has-actions: 1}.field_has_label{--field-has-label: 1}.field_has_value{--field-has-value: 1}.field_has_status{--field-has-status: 1}.field_has_arrow{--field-has-arrow: 1}.field_enabled{--field-is-enabled: 1}.field_label_above{--field-is-label-above: 1}.field_actions_hover{--field-is-actions-hover: 1}.field_actions_always{--field-is-actions-always: 1}.field__header{margin-block-end:var(--field-header-margin-y-end, calc( var(--base-field-label-font-size) * .375 ))}.field__label{font-size:var(--base-field-label-font-size);letter-spacing:var(--field-label-letter-spacing, normal);line-height:var(--field-label-line-height, 1.2);color:var(--field-label-color, var(--app-label-color, #6c757d));cursor:pointer}.field__label-required{display:var(--field-label-required-display, inline);color:var(--field-label-required-color, inherit)}.field__content{position:relative;width:var(--base-field-max-width);height:var(--base-field-size);border-radius:inherit;transition:var(--field-transition, background-color .2s, border-color .2s);--field-is-hover-or-focus: max( var(--field-is-focus, 0), var(--field-is-hover, 0) )}.field__prepend{position:absolute;inset-block-start:0;inset-inline-start:0;display:flex;align-items:center;justify-content:center;font-size:var(--base-field-prepend-font-size);background:var(--field-prepend-background, none);color:var(--field-prepend-color, var(--base-field-color));width:var(--base-field-prepend-width);height:var(--base-field-prepend-height);padding-inline:var(--field-prepend-padding-x, 0);padding-block:var(--field-prepend-padding-y, 0);border-style:var(--field-prepend-border-style, var(--field-border-style, solid));border-width:var(--field-prepend-border-width, 0);border-color:var(--field-prepend-border-color, var(--base-field-border-color));border-start-start-radius:inherit;border-end-start-radius:inherit;pointer-events:var(--field-prepend-pointer-events, none);z-index:var(--field-prepend-z-index, 2);transition:inherit}.field__footer{max-width:var(--field-footer-max-width, none);margin-block-start:var(--field-footer-margin-y-start, .5rem)}.field__input{font-size:var(--base-field-font-size);font-family:var(--field-font-family, inherit);font-weight:var(--field-font-weight, 400);font-style:var(--field-font-style, normal);text-transform:var(--field-text-transform, none);text-align:var(--field-text-align, start);line-height:var(--field-line-height, normal);color:var(--base-field-color);caret-color:var(--field-caret-color, auto);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;opacity:1}.field:not(.field_focused) .field__content:not(:hover) .field__input:not([type=password]){text-overflow:var(--field-text-overflow, ellipsis)}.field__input::-moz-placeholder{font-family:var(--field-placeholder-font-family, inherit);font-size:var(--field-placeholder-font-size, inherit);font-weight:var(--field-placeholder-font-weight, inherit);font-style:var(--field-placeholder-font-style, normal);line-height:var(--field-placeholder-line-height, normal);opacity:var(--field-placeholder-opacity, 1);color:var(--base-field-placeholder-color)}.field__input::placeholder{font-family:var(--field-placeholder-font-family, inherit);font-size:var(--field-placeholder-font-size, inherit);font-weight:var(--field-placeholder-font-weight, inherit);font-style:var(--field-placeholder-font-style, normal);line-height:var(--field-placeholder-line-height, normal);opacity:var(--field-placeholder-opacity, 1);color:var(--base-field-placeholder-color)}.field__input:-moz-placeholder-shown{text-overflow:ellipsis}.field__input:placeholder-shown{text-overflow:ellipsis}.field__input::-webkit-strong-password-auto-fill-button{font-size:.75em}.field__input::-webkit-contacts-auto-fill-button{position:absolute;inset-block-start:50%;inset-inline-start:100%;margin-inline-start:.5rem;transform:translateY(-50%);cursor:pointer;z-index:6}.field__input[list]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}.field__input[list]::-webkit-list-button{opacity:0;pointer-events:none}.field__input:-webkit-autofill{box-shadow:inset 0 0 0 var(--base-field-size) var(--base-field-autofill-color)!important}.field__input:autofill{box-shadow:inset 0 0 0 var(--base-field-size) var(--base-field-autofill-color)!important}.field__input:-webkit-autofill~.field__status{--base-field-background: var(--base-field-autofill-color)}.field__input:-webkit-autofill~.field__status,.field__input:autofill~.field__status{--base-field-background: var(--base-field-autofill-color)}.field__el{display:block;width:100%;height:100%;max-width:100%;padding-block:var(--field-padding-y, 0);padding-inline-start:var(--base-field-padding-x-start);padding-inline-end:var(--base-field-padding-x-end);background:var(--base-field-background);border-style:var(--field-border-style, solid);border-width:var(--base-field-border-width);border-color:var(--base-field-border-color);border-radius:inherit;transition:inherit}.field__el_masked{position:relative;background:none;z-index:1}.field__mask{position:absolute;inset-block-start:0;inset-inline-start:0;border-color:transparent;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--base-field-mask-color);-webkit-text-fill-color:var(--base-field-mask-color)}.field__visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.field__status{--base-field-status-opacity: var(--field-status-opacity, calc(1 - var(--field-is-hover-or-focus)));display:flex;align-items:center;justify-content:center;position:absolute;inset-block:0;inset-inline-end:max((var(--base-field-padding-x-end) - var(--base-field-action-size) / 2.5) * var(--field-is-actions-always, 0) * var(--field-has-actions, 0),var(--base-field-arrow-width) * var(--field-has-arrow, 0));width:var(--base-field-action-size);height:var(--base-field-action-size);pointer-events:none;border-radius:inherit;overflow:hidden;margin-inline-end:calc(var(--base-field-view-line-actions-offset) * var(--field-is-view-line, 0) * (var(--field-has-arrow, 0) - 1));z-index:var(--field-status-z-index, 3)}.field__status:before{content:"";display:var(--field-status-background-display, block);position:absolute;inset:var(--base-field-border-width);inset-inline-start:-.5rem;background:var(--field-status-background, linear-gradient( calc(90deg * var(--field-direction, 1)), transparent, var(--base-field-background) 50% ));opacity:var(--base-field-status-opacity);border-radius:inherit;z-index:-1}.field__status svg{display:block;width:var(--base-field-status-size);height:var(--base-field-status-size);opacity:var(--base-field-status-opacity);transform:var(--field-status-transform, translate3d( 0, calc(var(--field-is-hover-or-focus) * -25%), 0 ));transition:var(--field-status-transition, opacity .25s ease-out, transform .25s cubic-bezier(0, .55, .45, 1) )}.field__status [stroke]{fill:none;stroke-width:var(--field-status-icon-stroke-width, 2);stroke-linecap:var(--field-status-icon-stroke-linecap, round);stroke-linejoin:var(--field-status-icon-stroke-linejoin, round)}.field__status_invalid{color:var(--field-status-invalid-color, var(--base-field-invalid-color))}.field__status_valid{color:var(--field-status-valid-color, var(--base-field-valid-color))}.field__actions{display:flex;position:absolute;inset-block:0;inset-inline-end:0;pointer-events:none;border-radius:inherit;visibility:hidden;overflow:hidden;z-index:var(--field-actions-z-index, 2)}.field_enabled .field__actions{visibility:visible}.field__action{position:relative;display:flex;align-items:center;justify-content:center;width:var(--base-field-action-size);height:var(--base-field-action-size);padding:var(--field-action-padding, 0);color:var(--field-action-color, #787a7d);text-decoration:none;pointer-events:auto;cursor:pointer;border-radius:inherit;transition:var(--field-action-transition, color .2s, opacity .3s)}.field__action_pressed{color:var(--field-action-pressed-color, var(--base-field-accent-color))}.field__action:not(:first-child):not(.field__action_arrow):after{content:"";display:var(--field-action-sep-display, block);position:absolute;inset-inline-start:0;inset-block:30%;border-inline-start:var(--field-action-sep-style, dotted) var(--field-action-sep-width, 1px) var(--field-action-sep-color, rgba(107, 107, 107, .5))}.field__action svg{display:block;width:var(--base-field-action-icon-size);height:var(--base-field-action-icon-size);pointer-events:none}.field__action [stroke-width]{stroke-width:var(--field-action-icon-stroke-width, revert-layer);stroke-linecap:var(--field-action-icon-stroke-linecap, round);stroke-linejoin:var(--field-action-icon-stroke-linejoin, round)}.field__action_arrow{width:var(--base-field-arrow-width);justify-content:flex-start;pointer-events:var(--field-arrow-pointer-events, none)}.field__action_arrow svg{transform:rotateX(calc(180deg * var(--field-is-arrow-flipped, 0)));transition:var(--field-arrow-transition, transform .2s cubic-bezier(.455, .03, .515, .955) )}.field_actions_hover .field__action:not(.field__action_arrow){transform:translate3d(0,calc(100% * (1 - var(--field-is-hover-or-focus))),0);opacity:var(--field-is-hover-or-focus)}.field__action:last-child:not(.field__action_arrow){margin-inline-end:calc(var(--base-field-view-line-actions-offset) * var(--field-is-view-line, 0) * -1)}.field_enabled:not(.field_has_value) .field__action_clear{display:none}.field_view_plain{--field-is-view-plain: 1}.field_view_line{--field-is-view-line: 1;--base-field-padding-x: var(--field-view-line-padding-x, 0rem);--base-field-background: var(--field-view-line-background, transparent);--base-field-arrow-width: var(--base-field-action-icon-size);border-radius:var(--field-view-line-border-radius, 0)}.field_view_line .field__el,.field_view_line .field__prepend{border-width:0 0 var(--base-field-border-width) 0}.field_label_aside{--field-is-label-aside: 1;--base-field-label-aside-header-max-width: var(--field-label-aside-header-max-width, calc(var(--base-field-label-font-size) * var(--field-label-aside-width-multiplier, 10)) );display:flex;flex-wrap:wrap}.field_label_aside .field__header{display:flex;align-items:center;justify-content:var(--field-label-aside-header-justify-content, flex-start);flex-grow:1;flex-basis:0;max-width:var(--base-field-label-aside-header-max-width);padding-inline-end:var(--field-label-aside-header-padding-x-end, 1rem);margin-block-end:0}.field_label_aside .field__content{flex-grow:1;flex-basis:0;max-width:min(var(--base-field-max-width, 100%),100% - var(--base-field-label-aside-header-max-width, 0))}.field_label_aside .field__footer{padding-inline-start:var(--base-field-label-aside-header-max-width)}.field_label_inside{--field-is-label-inside: 1;position:relative}.field_label_inside .field__header{position:absolute;display:flex;align-items:center;inset-block-start:0;inset-inline-start:0;width:100%;height:var(--base-field-size);font-size:var(--base-field-font-size);padding-inline-start:var(--base-field-padding-x-start);padding-block-end:calc((var(--base-field-border-width) + .25rem) * var(--field-is-view-line, 0));border-inline-start:solid transparent calc(var(--base-field-border-width) * var(--field-is-view-plain, 0));border-radius:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;margin-block-end:0;z-index:var(--field-label-inside-header-z-index, 5)}.field_label_inside .field__label{font-size:1em;white-space:nowrap;text-overflow:ellipsis;transform-origin:top left;overflow:hidden;transition:var(--field-label-inside-label-transition, transform .2s)}[dir=rtl] .field_label_inside .field__label{transform-origin:top right}.field_label_inside.field_focused .field__label,.field_label_inside.field_has_value .field__label{transform:var(--field-label-inside-label-transform, scale(.8) translateY(calc((33% + (var(--base-field-size) / 10)) * -1)) )}.field_label_inside .field__el{padding-block-start:var(--field-label-inside-padding-y-start, calc( var(--base-field-size) / 3.5 ))}.field_label_inside:not(.field_focused):not(.field_has_value){--base-field-placeholder-color: transparent;--base-field-mask-color: transparent}.field_round_none{border-radius:0}.field_round_full{--field-is-full-round: 1;border-radius:100rem}.field_shadow_soft{--base-field-box-shadow-soft-size: var(--field-box-shadow-soft-size, .0625rem .0625rem .25rem);--base-field-box-shadow-soft-color: var(--field-box-shadow-soft-color, rgba(0, 0, 0, var(--app-field-box-shadow-opacity, .1)))}.field_shadow_soft:not(.field_disabled) .field__el:not(.field__el_masked){box-shadow:var(--base-field-box-shadow-soft-size) var(--base-field-box-shadow-soft-color)}.field_shadow_soft.field_view_line{--base-field-box-shadow-soft-size: var(--field-view-line-box-shadow-soft-size, 0)}.field_focused.field_shadow_soft{--base-field-box-shadow-soft-color: transparent}.field_size_xxs{--base-field-size: var(--field-size-xxs, 1.875rem);--base-field-font-size: var(--field-font-size-xxs, .8125rem);--base-field-label-font-size: var(--field-label-font-size-xxs, .75rem);--base-field-action-icon-size: var(--field-action-icon-size-xxs, .75rem)}.field_size_xs{--base-field-size: var(--field-size-xs, 2.25rem);--base-field-font-size: var(--field-font-size-xs, .875rem);--base-field-label-font-size: var(--field-label-font-size-xs, .8125rem);--base-field-action-icon-size: var(--field-action-icon-size-xs, .75rem)}.field_size_s{--base-field-size: var(--field-size-s, 2.5rem);--base-field-font-size: var(--field-font-size-s, 1rem);--base-field-label-font-size: var(--field-label-font-size-s, .875rem);--base-field-action-icon-size: var(--field-action-icon-size-s, .875rem)}.field_size_m{--base-field-size: var(--field-size-m, 3rem);--base-field-font-size: var(--field-font-size-m, 1rem);--base-field-label-font-size: var(--field-label-font-size-m, .875rem);--base-field-action-icon-size: var(--field-action-icon-size-m, .875rem)}.field_size_l{--base-field-size: var(--field-size-l, 3.375rem);--base-field-font-size: var(--field-font-size-l, 1.125rem);--base-field-label-font-size: var(--field-label-font-size-l, 1rem);--base-field-action-icon-size: var(--field-action-icon-size-l, 1rem)}.field_size_xl{--base-field-size: var(--field-size-xl, 3.75rem);--base-field-font-size: var(--field-font-size-xl, 1.25rem);--base-field-label-font-size: var(--field-label-font-size-xl, 1.125rem);--base-field-action-icon-size: var(--field-action-icon-size-xl, 1.125rem)}.field_size_xxl{--base-field-size: var(--field-size-xxl, 4.125rem);--base-field-font-size: var(--field-font-size-xxl, 1.375rem);--base-field-label-font-size: var(--field-label-font-size-xxl, 1.25rem);--base-field-action-icon-size: var(--field-action-icon-size-xxl, 1.125rem)}.field_invalid{--field-is-invalid: 1;--base-field-inert-background: var(--field-invalid-background, var(--base-field-empty-background));--base-field-inert-border-color: var(--field-invalid-border-color, var(--base-field-invalid-color))}.field_invalid:not(.field_focused){--base-field-mask-color: var(--field-invalid-mask-color, var(--base-field-invalid-mask-color-mix, #e9868f))}.field_valid{--field-is-valid: 1;--base-field-inert-background: var(--field-valid-background, var(--base-field-empty-background));--base-field-inert-border-color: var(--field-valid-border-color, var(--base-field-valid-color))}.field_focused{--field-is-focus: 1;--base-field-placeholder-color: var(--field-focus-placeholder-color, var(--base-field-focus-placeholder-color-mix, var(--base-field-inert-placeholder-color)));--base-field-background: var(--field-focus-background, var(--base-field-inert-background));--base-field-border-color: var(--field-focus-border-color, var(--base-field-accent-color))}.field_focused .field__el{outline-offset:var(--field-highlight-offset, var(--app-highlight-offset, .0625rem));outline-style:var(--field-highlight-style, var(--app-highlight-style, solid));outline-width:var(--field-highlight-size, var(--app-highlight-size, .25rem));outline-color:var(--field-highlight-color, var(--app-highlight-color, var(--base-field-highlight-color-mix, rgba(0, 113, 227, var(--app-highlight-opacity, .2)))))}.field_focused.field_view_line .field__el{outline-offset:var(--field-view-line-highlight-offset, .25rem)}@media (hover: hover){.field_enabled .field__content:hover{--field-is-hover: 1}.field_enabled:not(.field_focused) .field__content:hover{--base-field-background: var(--field-hover-background, var(--base-field-inert-background));--base-field-border-color: var(--field-hover-border-color, var(--base-field-accent-color))}.field__action:hover{color:var(--field-action-hover-color, var(--base-field-color))}}.field_disabled{--field-is-disabled: 1;opacity:var(--field-disabled-opacity, var(--app-disabled-opacity, .6))}.field_disabled .field__el,.field_disabled .field__label{cursor:not-allowed}@supports (outline-color: color-mix(in srgb,red,blue)){.field{--base-field-highlight-color-mix: color-mix(in srgb, var(--base-field-accent-color), transparent calc( 100% - (var(--app-highlight-opacity, .2) * 100%) ) )}}@supports (color: color-mix(in srgb,red,blue)){.field{--base-field-focus-placeholder-color-mix: color-mix(in srgb, var(--base-field-inert-placeholder-color), transparent 40% );--base-field-invalid-mask-color-mix: color-mix( in srgb, var(--base-field-invalid-color), #fff 50% )}}}