._1mklnlh0{outline-width:1px;outline-style:solid;outline-color:var(--dc-sys-colour-on-surface-stroke);color:var(--dc-sys-colour-on-surface-strong);cursor:text;background-color:#0000;border-radius:12px;align-items:center;transition:outline .2s ease-out,background-color .2s ease-out;display:flex;overflow:hidden}
._1mklnlh0:hover{background-color:var(--dc-sys-colour-surface-1);outline-color:var(--dc-sys-colour-surface-1)}
._1mklnlh0:focus-within{outline-color:var(--dc-sys-colour-on-surface-variant)}
._1mklnlh0:disabled{outline-color:var(--dc-sys-colour-on-surface-stroke);background-color:#0000}
._1mklnlh1{cursor:inherit;background-color:#0000;outline:none;flex-grow:1;font-weight:400}
._1mklnlh1:disabled{color:var(--dc-sys-colour-on-surface-disabled)}
._1mklnlh2{align-items:center;width:24px;height:24px;display:flex}
._1mklnlh3{font-size:16px;line-height:24px}
._1mklnlh3>input{padding:12px}
._1mklnlh3>._1mklnlh2{margin:12px}
._1mklnlh4{font-size:14px;line-height:22px}
._1mklnlh4>input{padding:8px 12px}
._1mklnlh3>._1mklnlh2{margin:8px 12px}
._1mklnlh5{flex-direction:column;gap:6px;display:flex}
._1mklnlh5:has(input:disabled){color:var(--dc-sys-colour-on-surface-disabled)}
._1mklnlh5>span{font-size:16px;font-weight:500;line-height:20px}
._1mklnlh6{font-size:12px;font-weight:500;line-height:16px}
[data-error=true]>._1mklnlh0{background-color:var(--dc-sys-colour-negative-clear);outline-color:var(--dc-sys-colour-negative-default)}
[data-error=true] ._1mklnlh6{color:var(--dc-sys-colour-negative-default)}
@keyframes b28sjz5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.b28sjz0{grid-template-columns:1fr;gap:6px;display:grid}
.b28sjz1{outline-width:1px;outline-style:dashed;outline-color:var(--dc-sys-colour-on-surface-stroke);cursor:pointer;border-radius:12px;padding:24px 12px}
.b28sjz2{-webkit-user-select:none;user-select:none;margin-left:auto;margin-right:auto;font-size:14px;font-weight:400;line-height:20px}
.b28sjz3{grid-template-columns:minmax(150px,1fr) auto;align-items:center;gap:8px;max-width:max-content;display:grid}
.b28sjz4{align-items:center;max-width:max-content;display:grid}
.b28sjz6{animation-name:b28sjz5;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}
.b28sjz7{text-align:center;grid-template-columns:1fr;justify-items:center;gap:13px;max-width:420px}
.b28sjz8{grid-template-columns:auto 1fr;gap:8px}
.b28sjz9{grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}
.b28sjza{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.b28sjzb{color:var(--dc-sys-colour-on-surface-variant);-webkit-user-select:none;user-select:none;justify-content:space-between;font-size:12px;font-weight:500;line-height:16px;display:flex}
.b28sjzc{color:var(--dc-sys-colour-negative-default);margin-left:auto;margin-right:auto}
.b28sjzd{display:none}
.b28sjze{visibility:hidden;position:absolute}
[data-error=true] .b28sjz1{color:var(--dc-sys-colour-negative-default);outline-color:var(--dc-sys-colour-negative-default)}
[data-error=true] .b28sjzb{color:var(--dc-sys-colour-negative-default);outline-color:var(--dc-sys-colour-negative-default)}