@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle;@layer utils.componentPage.componentCommon.componentUiHigh.componentUiMiddle{._1spfu711{display:block;flex-grow:1}._1spfu712{display:block;flex-shrink:0;margin-inline-start:16px;font-size:1rem}._1spfu714{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}._1spfu714:focus{border-color:var(--_198iea91y)}._1spfu714[readonly]{cursor:not-allowed;border-color:var(--_198iea92c);background-color:var(--_198iea91q);color:var(--_198iea9o)}._1spfu714:disabled{cursor:not-allowed;opacity:var(--_198iea93t);border-color:var(--_198iea92c)}._1spfu714:where(._1spfu710:has(._1spfu713) ._1spfu714){background-color:var(--_198iea91k);border-color:var(--_198iea92a)}._1spfu714:where(._1spfu710:has(._1spfu713) ._1spfu714):focus{border-color:var(--_198iea92a)}._1spfu715{position:relative;display:flex;align-items:center}._1spfu715:where(._1spfu710:has(._1spfu714[readonly]) ._1spfu715){cursor:not-allowed}._1spfu715:where(._1spfu710:has(._1spfu714:disabled) ._1spfu715){cursor:not-allowed}._1spfu716{font-size:.75rem;font-weight:var(--_198iea93q);margin-block-start:4px;color:var(--_198iea9o)}._1spfu717{font-size:clamp(.75rem,.707rem + .19vi,.875rem);font-weight:var(--_198iea93q);margin-block-start:4px;color:var(--_198iea9i)}._1spfu718{display:block}@media (any-hover: hover){._1spfu714:hover{border-color:var(--_198iea91y)}._1spfu714[readonly]:hover{border-color:var(--_198iea92c)}._1spfu714:disabled:hover{border-color:var(--_198iea92c)}._1spfu714:where(._1spfu710:has(._1spfu713) ._1spfu714):hover{border-color:var(--_198iea92a)}}}