@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle{.dv10nf1{flex-grow:1;display:block}.dv10nf2{flex-shrink:0;margin-inline-start:16px;font-size:1rem;display:block}.dv10nf4{background-color:var(--_1rsd38y);border:1px solid var(--_1rsd382e);inline-size:100%;font-size:1rem;font-weight:var(--_1rsd383y);border-radius:4px;padding-block:12px;padding-inline:16px;transition:border-color .3s,background-color .3s,color .3s,opacity .3s;position:relative}.dv10nf4:focus{border-color:var(--_1rsd3820)}.dv10nf4[readonly]{cursor:not-allowed;border-color:var(--_1rsd382e);background-color:var(--_1rsd381q);color:var(--_1rsd38o)}.dv10nf4:disabled{cursor:not-allowed;opacity:var(--_1rsd3841);border-color:var(--_1rsd382e)}.dv10nf4:where(.dv10nf0:has(.dv10nf3) .dv10nf4){background-color:var(--_1rsd381k);border-color:var(--_1rsd382c)}.dv10nf4:where(.dv10nf0:has(.dv10nf3) .dv10nf4):focus{border-color:var(--_1rsd382c)}.dv10nf5{align-items:center;display:flex;position:relative}.dv10nf5:where(.dv10nf0:has(.dv10nf4[readonly]) .dv10nf5),.dv10nf5:where(.dv10nf0:has(.dv10nf4:disabled) .dv10nf5){cursor:not-allowed}.dv10nf6{font-size:.75rem;font-weight:var(--_1rsd383y);color:var(--_1rsd38o);margin-block-start:4px}.dv10nf7{font-size:clamp(.75rem,.707rem + .19vi,.875rem);font-weight:var(--_1rsd383y);color:var(--_1rsd38i);margin-block-start:4px}.dv10nf8{display:block}@media (any-hover:hover){.dv10nf4:hover{border-color:var(--_1rsd3820)}.dv10nf4[readonly]:hover,.dv10nf4:disabled:hover{border-color:var(--_1rsd382e)}.dv10nf4:where(.dv10nf0:has(.dv10nf3) .dv10nf4):hover{border-color:var(--_1rsd382c)}}}