.text-field{width:100%}.text-field--large{height:40px}.text-field--small{height:32px}.text-field--relative{position:relative}.text-field__control{display:block;width:100%;height:100%;border-width:1px;border-style:solid;border-radius:var(--corner-radius-r8);font-weight:500;transition-property:background-color,border-color,color;transition-duration:var(--timings-default);transition-timing-function:var(--easings-ease)}.text-field__control::placeholder{font-size:var(--typography-t4-font-size);line-height:1}.text-field__control::-webkit-inner-spin-button,.text-field__control::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.text-field__control[type=number]{-moz-appearance:textfield}.text-field__control--centered{text-align:center}.text-field__control--large{font-size:var(--typography-t5-font-size);line-height:var(--typography-t5-line-height);font-weight:500}.text-field__control--small{font-size:var(--typography-t3-font-size);line-height:var(--typography-t3-line-height);font-weight:500}.text-field__control--default-padding.text-field__control--large{padding:0 calc(var(--spacings-s10) - 1px)}.text-field__control--default-padding.text-field__control--small{padding:0 calc(var(--spacings-s6) - 1px)}.text-field__control--placeholder-padding.text-field__control--large{padding-inline-start:calc(var(--spacings-s10) + 20px + var(--spacings-s2) + var(--spacings-s2))}.text-field__control--placeholder-padding.text-field__control--small{padding-inline-start:calc(var(--spacings-s6) + 20px + var(--spacings-s2) + var(--spacings-s2))}.text-field__control--button-padding.text-field__control--large{padding-inline-end:calc(var(--spacings-s10) + 20px + var(--spacings-s2) + var(--spacings-s2))}.text-field__control--button-padding.text-field__control--small{padding-inline-end:calc(var(--spacings-s6) + 20px + var(--spacings-s2) + var(--spacings-s2))}.text-field__placeholder-icon{display:inline-block;vertical-align:top;position:absolute;top:0;bottom:0;margin:auto 0;pointer-events:none}.text-field__placeholder-icon--large{width:20px;height:20px;inset-inline-start:var(--spacings-s10)}.text-field__placeholder-icon--small{width:20px;height:20px;inset-inline-start:var(--spacings-s6)}.text-field__button{display:inline-block;vertical-align:top;position:absolute;top:0;bottom:0;margin:auto 0;cursor:pointer}.text-field__button--large{width:20px;height:20px;inset-inline-end:var(--spacings-s10)}.text-field__button--small{width:20px;height:20px;inset-inline-end:var(--spacings-s6)}.text-field--default-skin{border-color:var(--control-colors-border-default);color:var(--control-colors-value-default);background-color:var(--text-field-bg-override,var(--control-colors-field-background-default))}@media (hover:hover) and (pointer:fine){.text-field--interactive:hover{border-color:var(--control-colors-border-action);color:var(--control-colors-value-action);background-color:var(--text-field-bg-override,var(--control-colors-field-background-action))}}@media (hover:none) and (pointer:coarse){.text-field--interactive:active{border-color:var(--control-colors-border-action);color:var(--control-colors-value-action);background-color:var(--text-field-bg-override,var(--control-colors-field-background-action))}}.text-field--filled,.text-field--interactive:focus{border-color:var(--control-colors-border-active);color:var(--control-colors-value-active);background-color:var(--text-field-bg-override,var(--control-colors-field-background-active))}@media (hover:hover) and (pointer:fine){.text-field--filled:hover{border-color:var(--control-colors-border-active-action);color:var(--control-colors-value-active-action);background-color:var(--text-field-bg-override,var(--control-colors-field-background-active-action))}}@media (hover:none) and (pointer:coarse){.text-field--filled:active{border-color:var(--control-colors-border-active-action);color:var(--control-colors-value-active-action);background-color:var(--text-field-bg-override,var(--control-colors-field-background-active-action))}}.text-field--error{border-color:var(--error-colors-base-default)}@media (hover:hover) and (pointer:fine){.text-field--error:hover{border-color:var(--error-colors-base-action)}}@media (hover:none) and (pointer:coarse){.text-field--error:active{border-color:var(--error-colors-base-active)}}.text-field--error-active{border-color:var(--error-colors-base-active)}@media (hover:hover) and (pointer:fine){.text-field--error-active:hover{border-color:var(--error-colors-base-active-action)}}@media (hover:none) and (pointer:coarse){.text-field--error-active:active{border-color:var(--error-colors-base-active-action)}}.text-field--warning{border-color:var(--warning-colors-base-default)}@media (hover:hover) and (pointer:fine){.text-field--warning:hover{border-color:var(--warning-colors-base-action)}}@media (hover:none) and (pointer:coarse){.text-field--warning:active{border-color:var(--warning-colors-base-action)}}.text-field--warning-active{border-color:var(--warning-colors-base-active)}@media (hover:hover) and (pointer:fine){.text-field--warning-active:hover{border-color:var(--warning-colors-base-active-action)}}@media (hover:none) and (pointer:coarse){.text-field--warning-active:active{border-color:var(--warning-colors-base-active-action)}}.text-field--success{border-color:var(--success-colors-base-default)}@media (hover:hover) and (pointer:fine){.text-field--success:hover{border-color:var(--success-colors-base-action)}}@media (hover:none) and (pointer:coarse){.text-field--success:active{border-color:var(--success-colors-base-action)}}.text-field--success-active{border-color:var(--success-colors-base-active)}@media (hover:hover) and (pointer:fine){.text-field--success-active:hover{border-color:var(--success-colors-base-active-action)}}@media (hover:none) and (pointer:coarse){.text-field--success-active:active{border-color:var(--success-colors-base-active-action)}}.text-field--disabled,.text-field--disabled-icon{opacity:var(--states-disabled)}.text-field--disabled-icon{cursor:auto}.text-field--without-background{--text-field-bg-override:transparent}.text-field--without-borders{border-style:none}.text-field__skin-placeholder-icon{color:var(--control-colors-start-icon-default)}.text-field__skin-placeholder-icon>path{fill:currentColor}.text-field__skin-button{border:none;background:none;color:var(--control-colors-end-icon-default);transition:color var(--timings-default) var(--easings-ease)}@media (hover:hover) and (pointer:fine){.text-field__skin-button:hover{color:var(--control-colors-end-icon-action)}}@media (hover:none) and (pointer:coarse){.text-field__skin-button:active{color:var(--control-colors-end-icon-action)}}.text-field__skin-button-icon{display:block;width:100%;height:100%}.text-field__skin-button-icon>path{fill:currentColor}@media (hover:hover) and (pointer:fine){.text-field--interactive:hover+.text-field__skin-placeholder-icon{color:var(--control-colors-start-icon-action)}}@media (hover:none) and (pointer:coarse){.text-field--interactive:active+.text-field__skin-placeholder-icon{color:var(--control-colors-start-icon-action)}}.text-field--filled+.text-field__skin-placeholder-icon{color:var(--control-colors-start-icon-active)}@media (hover:hover) and (pointer:fine){.text-field--filled:hover+.text-field__skin-placeholder-icon{color:var(--control-colors-start-icon-active-action)}}@media (hover:none) and (pointer:coarse){.text-field--filled:active+.text-field__skin-placeholder-icon{color:var(--control-colors-start-icon-active-action)}}@keyframes skeleton-ltr{0%{transform:translate(-200%,-50%)}to{transform:translate(100%,-50%)}}@keyframes skeleton-rtl{0%{transform:translate(100%,-50%)}to{transform:translate(-200%,-50%)}}.skeleton{display:block;position:relative;overflow:hidden;clip-path:view-box;background-color:var(--background-colors-tint-2);width:var(--skeleton-width);height:var(--skeleton-height);border-radius:var(--skeleton-border-radius,0)}.skeleton:before{content:"";display:block;width:50%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:linear-gradient(90deg,transparent,var(--background-colors-tint-3),transparent);will-change:transform}[dir=ltr] .skeleton:before{animation:skeleton-ltr var(--timings-long) var(--easings-linear) infinite}[dir=rtl] .skeleton:before{animation:skeleton-rtl var(--timings-long) var(--easings-linear) infinite}.image{display:block;max-width:100%}.avatar{display:flex;align-items:center;justify-content:center;position:relative;border-radius:50%;flex-shrink:0;width:var(--avatar-size);height:var(--avatar-size);background-color:var(--avatar-bg,var(--control-colors-button-background-default));box-shadow:var(--avatar-shadow,none);border:var(--avatar-border,var(--avatar-border-width,0) solid var(--avatar-border-color,transparent));cursor:var(--avatar-cursor,default)}.avatar__placeholder-icon{width:50%;height:50%}.avatar__image{width:100%;height:100%;border-radius:inherit;object-fit:cover}.avatar__icon{display:inline-block}.avatar__icon>path{fill:var(--control-colors-value-default)}.avatar__skeleton{position:absolute;inset:calc(-1 * var(--avatar-border-width, 0px));border-radius:inherit}.avatar__control{display:none}.avatar__badge{display:flex;position:absolute;bottom:0}[dir=ltr] .avatar__badge{right:0}[dir=rtl] .avatar__badge{left:0}.avatar--with-shadow{box-shadow:var(--shadows-tint-1)}.avatar--no-border{border:none}.avatar--cursor-pointer{cursor:pointer}[dir=ltr] .avatar__badge--rectangle,[dir=rtl] .avatar__badge--rectangle{left:50%;right:auto;transform:translateX(-50%)}.loader{display:flex;width:100%;height:100%;inset:0;z-index:var(--loader-z-index,1);background-color:var(--loader-bg-color,transparent)}.loader--local{position:absolute}.loader--global{position:fixed}.loader--no-bg{background-color:transparent}@keyframes loader-rotate{to{transform:rotate(1turn)}}.loader__icon{display:inline-block;margin:auto;animation:loader-rotate var(--timings-long) var(--easings-linear) infinite}.loader__icon path{fill:var(--primary-colors-base-default)}.loader--large .loader__icon{width:48px;height:48px}.loader--small .loader__icon{width:24px;height:24px}