@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle;@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle{._1r0qtql2{background-color:var(--_198iea9y);border:1px solid var(--_198iea92c);border-radius:4px;padding-block:12px;padding-inline:16px;position:relative;inline-size:100%;font-size:1rem;font-weight:var(--_198iea93q);transition:.3s border-color,.3s background-color,.3s color,.3s opacity}._1r0qtql2:focus{border-color:var(--_198iea910)}._1r0qtql2[readonly]{cursor:not-allowed;pointer-events:none;border-color:var(--_198iea92c);background-color:var(--_198iea91q);color:var(--_198iea9o)}._1r0qtql2:disabled{cursor:not-allowed;opacity:var(--_198iea93t);border-color:var(--_198iea92c)}._1r0qtql2:where(._1r0qtql0:has(._1r0qtql1) ._1r0qtql2){background-color:var(--_198iea91k);border-color:var(--_198iea92a)}._1r0qtql2:where(._1r0qtql0:has(._1r0qtql1) ._1r0qtql2):focus{border-color:var(--_198iea92a)}._1r0qtql3{position:relative}._1r0qtql3:where(._1r0qtql0:has(._1r0qtql2[readonly]) ._1r0qtql3){cursor:not-allowed;pointer-events:none}._1r0qtql3:where(._1r0qtql0:has(._1r0qtql2:disabled) ._1r0qtql3){cursor:not-allowed}._1r0qtql4{font-size:.75rem;font-weight:var(--_198iea93q);margin-block-start:4px;color:var(--_198iea9o)}._1r0qtql5{font-size:clamp(.75rem,.707rem + .19vi,.875rem);font-weight:var(--_198iea93q);margin-block-start:4px;color:var(--_198iea9i)}._1r0qtql6{display:block}._1r0qtql7{display:flex;justify-content:flex-end}._1r0qtql8{display:flex;flex-wrap:wrap;font-size:.75rem;font-weight:var(--_198iea93q);color:var(--_198iea9o);gap:0 2px}._1r0qtql9{display:block}@media (any-hover: hover){._1r0qtql2:hover{border-color:var(--_198iea910)}._1r0qtql2[readonly]:hover{border-color:var(--_198iea92c)}._1r0qtql2:disabled:hover{border-color:var(--_198iea92c)}._1r0qtql2:where(._1r0qtql0:has(._1r0qtql1) ._1r0qtql2):hover{border-color:var(--_198iea92a)}}}