@layer shared{.text-input-v2{--inline-padding:var(--spacing-xs);--padding-top:var(--spacing-2xs);--padding-bottom:var(--padding-top);--gap:var(--spacing-2xs);--bg-color:transparent;--border-color:var(--border-primary);--label-color:var(--text-caption);--input-color:var(--text-caption);--icon-color:var(--background-icon-tertiary);--icon-size:24px;--has-left-icon:0;width:100%;display:flex;align-items:center;position:relative;margin-bottom:var(--spacing-sm);padding:0 var(--inline-padding);background-color:var(--bg-higlight,var(--bg-color));border:1px solid var(--border-highlight,var(--border-color));border-radius:var(--border-radius-sm)}.text-input-v2:has(.is-valid:-webkit-autofill){--bg-higlight:var(--background-input-success);--border-highlight:var(--border-success);--label-highlight:var(--text-success);--input-highlight:var(--text-light);--icon-highlight:var(--background-icon-secondary)}.text-input-v2:has(.is-valid:autofill){--bg-higlight:var(--background-input-success);--border-highlight:var(--border-success);--label-highlight:var(--text-success);--input-highlight:var(--text-light);--icon-highlight:var(--background-icon-secondary)}.text-input-v2:has(:focus-within){--bg-higlight:var(--background-input-focus);--border-highlight:var(--border-focus);--label-highlight:var(--text-title);--input-highlight:var(--text-light);--icon-highlight:var(--background-icon-secondary)}.text-input-v2:has(:disabled){--bg-higlight:transparent;--border-highlight:var(--border-primary);--label-highlight:var(--text-disabled);--input-highlight:var(--text-disabled);--icon-highlight:var(--background-icon-disabled)}.text-input-v2:has(.is-invalid){--bg-higlight:var(--background-input-error);--border-highlight:var(--border-error);--label-highlight:var(--text-error);--input-highlight:var(--text-light);--icon-highlight:var(--background-icon-secondary)}.text-input-v2:has(.text-input-v2__label){--padding-top:var(--spacing-md);--padding-bottom:var(--spacing-6xs)}.text-input-v2:has(>:is(svg,img):first-child){--has-left-icon:1}.text-input-v2:has(.input-v2__message){margin-bottom:28px}.text-input-v2 input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font:var(--body-md-regular);color:var(--input-highlight,var(--input-color));background:rgba(0,0,0,0);border:none;outline:none;padding:var(--padding-top) 0 var(--padding-bottom) 0}.text-input-v2 input:-webkit-autofill{-webkit-text-fill-color:var(--input-highlight,var(--input-color));box-shadow:0 0 0 44px var(--bg-higlight,var(--surface-default)) inset}.text-input-v2 input:autofill{-webkit-text-fill-color:var(--input-highlight,var(--input-color));box-shadow:0 0 0 44px var(--bg-higlight,var(--surface-default)) inset}.text-input-v2 input[type=date]:not(.has-value){color:rgba(0,0,0,0)}.text-input-v2 input::-webkit-inner-spin-button,.text-input-v2 input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.text-input-v2 input::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;cursor:pointer}.text-input-v2>img,.text-input-v2>svg{width:var(--icon-size);flex-shrink:0;fill:var(--icon-highlight,var(--icon-color))}.text-input-v2>img:first-child,.text-input-v2>svg:first-child{margin-right:var(--gap)}.text-input-v2>img:last-child,.text-input-v2>svg:last-child{margin-left:var(--gap)}.text-input-v2>img.is-clickable,.text-input-v2>svg.is-clickable{cursor:pointer}.text-input-v2__label{position:absolute;top:var(--spacing-2xs);left:calc(var(--inline-padding) + var(--has-left-icon)*(var(--icon-size) + var(--gap)));font:var(--body-md-regular);color:var(--label-highlight,var(--label-color));transition:translate .25s cubic-bezier(.25,.8,.25,1),scale .25s cubic-bezier(.25,.8,.25,1);transform-origin:left top;pointer-events:none}@layer mixins{.text-input-v2__label{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}:has(:-webkit-autofill)>.text-input-v2__label{translate:0 -4px;scale:.7142857143;font-weight:600}.has-input-value>.text-input-v2__label,:has(.has-value)>.text-input-v2__label,:has(:autofill)>.text-input-v2__label,:has(:focus-visible)>.text-input-v2__label{translate:0 -4px;scale:.7142857143;font-weight:600}.input-v2__message{position:absolute;top:calc(100% + var(--spacing-negative));left:0;font:var(--body-xs-regular)}.input-v2__message.is-error{color:var(--text-error)}.input-v2__message.is-success{color:var(--text-success)}.dropdown-v2{--font:var(--body-md-semibold);--radius:var(--border-radius-sm);--border-size:1px;--icon-size:24px;--padding-inline:var(--spacing-2xs);--padding-block:var(--padding-inline);--padding-left:var(--spacing-xs);--gap:var(--spacing-2xs);--max-dropdown-height:200px;font:var(--font);color:var(--text-light);-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;width:100%;min-width:185px;cursor:pointer}.dropdown-v2.is-open,.dropdown-v2:hover{--border-size:0px}.dropdown-v2.size-xs{--font:var(--body-sm-semibold);--radius:var(--border-radius-xs);--icon-size:20px;--padding-inline:var(--spacing-4xs);--padding-left:var(--spacing-2xs)}.dropdown-v2.size-s{--radius:var(--border-radius-xs);--padding-inline:var(--spacing-3xs);--padding-block:var(--spacing-4xs);--padding-left:var(--spacing-xs)}.dropdown-v2.size-l{--font:var(--body-xl-semibold);--radius:var(--border-radius-md);--icon-size:32px;--padding-inline:var(--spacing-xs);--padding-left:14px;min-width:240px}.dropdown-v2__header{border-radius:var(--radius);border:var(--border-size) solid var(--border-primary)}.is-open .dropdown-v2__header{border-radius:var(--radius) var(--radius) 0 0}.is-open.opens-on-top .dropdown-v2__header{border-radius:0 0 var(--radius) var(--radius)}.dropdown-v2__header,.dropdown-v2__option{display:flex;align-items:center;gap:var(--gap);padding:calc(var(--padding-block) - var(--border-size)) calc(var(--padding-inline) - var(--border-size));background:var(--background-input-secondary)}}@layer shared{.dropdown-v2__header:not(:has(.dropdown-v2__icon)),.dropdown-v2__option:not(:has(.dropdown-v2__icon)){padding-left:calc(var(--padding-left) - var(--border-size))}@media(hover){.dropdown-v2__header:hover,.dropdown-v2__option:hover{background:var(--background-secondary-hover)}.dropdown-v2__header:active,.dropdown-v2__option:active{background:var(--background-secondary-active)}}@layer mixins{.dropdown-v2__label{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.dropdown-v2__arrow,.dropdown-v2__icon{width:var(--icon-size);height:var(--icon-size);flex-shrink:0;border-radius:50%}.dropdown-v2__arrow{fill:var(--background-icon-primary);margin-left:auto;transition:rotate .25s}.is-open .dropdown-v2__arrow{rotate:180deg}.dropdown-v2__dropdown{position:absolute;left:0;top:100%;width:100%;max-height:var(--max-dropdown-height);overflow:auto;background:var(--background-input-secondary);border-radius:0 0 var(--radius) var(--radius);z-index:1}.opens-on-top .dropdown-v2__dropdown{top:auto;bottom:100%;--max-dropdown-height:220px;border-radius:var(--radius) var(--radius) 0 0}.with-search .dropdown-v2__dropdown{--max-dropdown-height:250px}.dropdown-v2__search{margin:var(--padding-block) var(--padding-inline);width:calc(100% - var(--padding-inline)*2)}.dropdown-v2__spinner{display:block;margin:var(--spacing-4xl) auto}.input-v2__message{position:absolute;top:calc(100% + var(--spacing-negative));left:0;font:var(--body-xs-regular)}.input-v2__message.is-error{color:var(--text-error)}.input-v2__message.is-success{color:var(--text-success)}}