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