.finkit-modular-input-base{-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.finkit-modular-input-base *,.finkit-modular-input-base :after,.finkit-modular-input-base :before{box-sizing:border-box;outline:none}.finkit-modular-input-base__input{box-sizing:border-box;color:var(--color-black-500);cursor:text;border-style:solid;border-width:1px;border-radius:12px;flex-direction:row;align-items:center;padding-left:15px;padding-right:7px;display:flex}@media screen and (prefers-reduced-motion:no-preference){.finkit-modular-input-base__input{transition:var(--transition-default)}}.finkit-modular-input-base__input.finkit-modular-input-base--primary{border-color:var(--color-gray-400);background-color:var(--color-gray-400)}.finkit-modular-input-base__input.finkit-modular-input-base--primary.finkit-modular-input-base--disabled{border-color:var(--color-gray-400)}.finkit-modular-input-base__input.finkit-modular-input-base--secondary{border-color:var(--color-white);background-color:var(--color-white)}.finkit-modular-input-base__input.finkit-modular-input-base--secondary.finkit-modular-input-base--disabled{border-color:var(--color-white)}.finkit-modular-input-base__input.finkit-modular-input-base--s{height:48px}.finkit-modular-input-base__input.finkit-modular-input-base--m{height:56px}.finkit-modular-input-base__input.finkit-modular-input-base--l{height:60px}.finkit-modular-input-base__input.finkit-modular-input-base--success{border-color:var(--color-green-600)}.finkit-modular-input-base__input.finkit-modular-input-base--error{border-color:var(--color-red-600)}@media (hover:hover) and (pointer:fine){.finkit-modular-input-base__input:hover{border-color:var(--color-gray-600)}}.finkit-modular-input-base__input.finkit-modular-input-base--focused{border-color:var(--color-purple-600);background-color:var(--color-white);box-shadow:0 0 0 1px #0000,0 0 0 3px #6a80ef66}.finkit-modular-input-base__input.finkit-modular-input-base--focused .finkit-modular-input-base__placeholder{color:var(--color-black-200)}.finkit-modular-input-base__input.finkit-modular-input-base--disabled{cursor:not-allowed}.finkit-modular-input-base__input.finkit-modular-input-base--disabled .finkit-modular-input-base__placeholder{color:var(--color-gray-600)}.finkit-modular-input-base__input.finkit-modular-input-base--has-label .finkit-modular-input-base__placeholder{top:auto;bottom:0}.finkit-modular-input-base__container{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.finkit-modular-input-base__slot-left{flex-shrink:0;margin-right:8px;line-height:0}.finkit-modular-input-base__label,.finkit-modular-input-base__field,.finkit-modular-input-base__placeholder{font-size:var(--font-size-16);line-height:var(--font-line-height-16)}.finkit-modular-input-base__label{white-space:nowrap;text-overflow:ellipsis;color:var(--color-gray-800);pointer-events:none;will-change:top, font-size, line-height;position:absolute;top:10px;left:0;right:0;overflow:hidden}@media screen and (prefers-reduced-motion:no-preference){.finkit-modular-input-base__label{transition:var(--transition-default)}}.finkit-modular-input-base__label.finkit-modular-input-base--active{font-size:var(--font-size-14);line-height:var(--font-line-height-14);top:0}.finkit-modular-input-base__label.finkit-modular-input-base--s{top:0}.finkit-modular-input-base__label.finkit-modular-input-base--s.finkit-modular-input-base--active{display:none}.finkit-modular-input-base__label.finkit-modular-input-base--success{color:var(--color-green-600)}.finkit-modular-input-base__label.finkit-modular-input-base--error{color:var(--color-red-600)}.finkit-modular-input-base__label.finkit-modular-input-base--disabled,.finkit-modular-input-base__field.finkit-modular-input-base--disabled,.finkit-modular-input-base__right-label.finkit-modular-input-base--disabled{color:var(--color-gray-600);cursor:not-allowed}.finkit-modular-input-base__label.finkit-modular-input-base--disabled::placeholder,.finkit-modular-input-base__field.finkit-modular-input-base--disabled::placeholder,.finkit-modular-input-base__right-label.finkit-modular-input-base--disabled::placeholder{color:var(--color-gray-600)}.finkit-modular-input-base__placeholder{z-index:0;white-space:nowrap;color:var(--color-black-200);transition:var(--transition-default);background:0 0;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.finkit-modular-input-base__placeholder.finkit-modular-input-base--accent{color:var(--color-black-500)}.finkit-modular-input-base__hidden{opacity:0;visibility:hidden}.finkit-modular-input-base__field{z-index:1;appearance:none;caret-color:var(--color-purple-600);background-color:#0000;border:none;padding:0;position:relative}@media screen and (prefers-reduced-motion:no-preference){.finkit-modular-input-base__field{transition:var(--transition-default)}}.finkit-modular-input-base__field:not(.finkit-modular-input-base--s){padding:10px 0}.finkit-modular-input-base__field:not(.finkit-modular-input-base--s).finkit-modular-input-base--has-label{padding-top:20px;padding-bottom:0}.finkit-modular-input-base__field::placeholder{color:var(--color-black-200)}@media screen and (prefers-reduced-motion:no-preference){.finkit-modular-input-base__field::placeholder{transition:var(--transition-default)}}.finkit-modular-input-base__right-label{white-space:nowrap;text-overflow:ellipsis;max-width:110px;color:var(--color-gray-800);-webkit-user-select:text;user-select:text;font-size:var(--font-size-14);line-height:var(--font-line-height-14);flex-shrink:0;padding:0 8px;overflow:hidden}@media screen and (prefers-reduced-motion:no-preference){.finkit-modular-input-base__right-label{transition:var(--transition-default)}}@media screen and (min-width:768px){.finkit-modular-input-base__right-label{max-width:100%;overflow:unset;white-space:normal;text-overflow:unset}}.finkit-modular-input-base__caption{-webkit-user-select:text;user-select:text;padding-top:2px;padding-left:16px;padding-right:16px;font-weight:var(--font-weight-default)!important;font-size:var(--font-size-12)!important;line-height:var(--font-line-height-12)!important}.finkit-modular-input-base__caption.finkit-modular-input-base--disabled{color:var(--color-gray-600)}