@layer component{.controlRow{align-items:center;gap:var(--gap-md);width:100%;color:var(--text-primary);text-align:left;display:flex;position:relative}a.controlRow,button.controlRow{cursor:pointer;font:inherit;background:0 0;border:none}.controlRowLead{width:var(--button-md);height:var(--button-md);color:var(--text-secondary);background-color:var(--surface-tertiary);border-radius:var(--radius-full);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.controlRowLead svg{width:var(--icon-sm-fill);height:var(--icon-sm-fill);stroke:currentColor;stroke-width:var(--stroke-lg);stroke-linecap:round;stroke-linejoin:round}.controlRowText{gap:var(--gap-3xs);flex-direction:column;flex:1;min-width:0;display:flex}.controlRowText h5{font-size:var(--text-md);font-variation-settings:var(--body-variation-semi-bold);letter-spacing:var(--tracking-tght);margin:0}.controlRowText p{color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-md);letter-spacing:var(--tracking-md);margin:0}.controlRowControl{align-items:center;gap:var(--gap-sm);flex:none;display:inline-flex}@media (max-width:479px){.controlRow.stackOnMobile{flex-direction:column;align-items:stretch}.controlRow.stackOnMobile .controlRowControl{flex-wrap:wrap;min-width:0;max-width:100%}.controlRow.stackOnMobile .controlRowValue{overflow-wrap:anywhere}}.controlRowChevron{color:var(--text-tertiary);align-items:center;display:inline-flex}.controlRowChevron svg{width:var(--icon-sm-fill);height:var(--icon-sm-fill);stroke:currentColor;stroke-width:var(--stroke-lg);stroke-linecap:round;stroke-linejoin:round}.controlRowToggleField{align-items:center;gap:var(--gap-xs);display:inline-flex}.controlRowToggleText{color:var(--text-secondary);font-size:var(--text-sm)}.controlRowValue{color:var(--text-secondary);font-size:var(--text-md)}.controlRow.danger .controlRowText h5{color:var(--red-primary)}.controlRow.subheader{padding-top:var(--gap-2xs)}.controlRow.subheader h6{font-size:var(--text-sm);font-variation-settings:var(--body-variation-semi-bold);letter-spacing:var(--tracking-wd);color:var(--text-tertiary);text-transform:uppercase;margin:0}a.controlRow,button.controlRow{border-radius:var(--radius-md);transition:background-color var(--transition-fast)}@media (hover:hover) and (pointer:fine){a.controlRow:hover,button.controlRow:hover{background-color:var(--fill-quaternary)}a.controlRow:hover .controlRowChevron,button.controlRow:hover .controlRowChevron{color:var(--text-secondary)}}}
