@property --backgroundColorStart{syntax:"<color>";initial-value:rgba(42,42,42,.85);inherits:false}@property --backgroundColorStop{syntax:"<color>";initial-value:#2a2a2a;inherits:false}.field[data-v-b8366efb]{padding-inline:calc(var(--spacing) * 3);border-width:1px;border-color:color-mix(in srgb,var(--colors-white) 1%,transparent);display:flex;gap:calc(var(--spacing) * 2);width:100%;height:calc(var(--spacing) * 10.5);cursor:text;align-items:center;position:relative;background:linear-gradient(var(--backgroundColorStart,rgba(42,42,42,.85)),var(--backgroundColorStop,#2a2a2a));box-shadow:inset 0 1px 2px #ffffff05,0 1px 2px #00000040;transition:border-color .2s,--backgroundColorStart .2s,--backgroundColorStop .2s}@supports (color: color-mix(in lab,red,red)){.field[data-v-b8366efb]{border-color:color-mix(in oklab,var(--colors-white) 1%,transparent)}}@media (max-width: calc(48rem - .1px)){.field[data-v-b8366efb]{padding-inline:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 10)}}.field__icon[data-v-b8366efb]{color:color-mix(in srgb,var(--colors-neutral-2) var(--un-text-opacity),transparent);flex:none;width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}@supports (color: color-mix(in lab,red,red)){.field__icon[data-v-b8366efb]{color:color-mix(in oklab,var(--colors-neutral-2) var(--un-text-opacity),transparent)}}@media (max-width: calc(48rem - .1px)){.field__icon[data-v-b8366efb]{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}}.field__input[data-v-b8366efb]{font-size:15px;color:color-mix(in srgb,var(--colors-white) var(--un-text-opacity),transparent);--un-outline-style:none;outline-style:none;flex:1 1 0%;height:100%;width:100%}@supports (color: color-mix(in lab,red,red)){.field__input[data-v-b8366efb]{color:color-mix(in oklab,var(--colors-white) var(--un-text-opacity),transparent)}}@media (max-width: calc(48rem - .1px)){.field__input[data-v-b8366efb]{font-size:14px}}.field__input[data-v-b8366efb]::-moz-placeholder{color:color-mix(in srgb,var(--colors-neutral-5) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.field__input[data-v-b8366efb]::-moz-placeholder{color:color-mix(in oklab,var(--colors-neutral-5) var(--un-text-opacity),transparent)}}.field__input[data-v-b8366efb]::placeholder{color:color-mix(in srgb,var(--colors-neutral-5) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.field__input[data-v-b8366efb]::placeholder{color:color-mix(in oklab,var(--colors-neutral-5) var(--un-text-opacity),transparent)}}.field__corner[data-v-b8366efb]{width:100%;height:100%;pointer-events:none;inset:calc(var(--spacing) * 0);position:absolute;z-index:10}.field__corner span[data-v-b8366efb]{margin:-1px;width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5);transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:.2s;transition-duration:.2s;position:absolute;z-index:10;background-color:currentColor;color:#7b7b7b;display:inline-block;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6" fill="none" viewBox="0 0 6 6"><path fill="%23000" d="M6 0v1H1v5H0V0z"/></svg>')}.field__corner span[data-v-b8366efb]:first-child{top:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0)}.field__corner span[data-v-b8366efb]:nth-child(2){rotate:90deg;top:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0)}.field__corner span[data-v-b8366efb]:nth-child(3){rotate:270deg;bottom:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0)}.field__corner span[data-v-b8366efb]:nth-child(4){rotate:180deg;bottom:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0)}.field[data-v-b8366efb]:hover{--backgroundColorStart:rgba(49,49,49,.85);--backgroundColorStop:#313131}.field[data-v-b8366efb]:focus-within,.field[data-v-b8366efb]:has(.field__input:focus){border-color:color-mix(in srgb,var(--colors-white) 8%,transparent);--backgroundColorStart:rgba(42,42,42,.85);--backgroundColorStop:#2a2a2a}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.field[data-v-b8366efb]:focus-within,.field[data-v-b8366efb]:has(.field__input:focus){border-color:color-mix(in oklab,var(--colors-white) 8%,transparent)}}.field:focus-within .field__corner span[data-v-b8366efb],.field:has(.field__input:focus) .field__corner span[data-v-b8366efb]{color:#fff}.field[data-v-b8366efb]:has([disabled]){--backgroundColorStart:rgba(42,42,42,.47);--backgroundColorStop:rgba(42,42,42,.55)}.field[data-v-b8366efb]:has([disabled]) *{color:color-mix(in srgb,var(--colors-neutral-6) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.field[data-v-b8366efb]:has([disabled]) *{color:color-mix(in oklab,var(--colors-neutral-6) var(--un-text-opacity),transparent)}}.field--error .field__corner span[data-v-b8366efb],.field--error .field__icon[data-v-b8366efb]{color:color-mix(in srgb,var(--colors-contextual-danger) var(--un-text-opacity),transparent)!important}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.field--error .field__corner span[data-v-b8366efb],.field--error .field__icon[data-v-b8366efb]{color:color-mix(in oklab,var(--colors-contextual-danger) var(--un-text-opacity),transparent)!important}}