@layer components{.spinner{--_size:0.875rem;flex:none;display:inline-block;width:var(--_size);height:var(--_size);border:.125rem solid;border-top:.125rem solid transparent;border-radius:var(--radius-round);animation:spinner-turn .7s linear infinite;&.xsmall{--_size:0.75rem}&.medium{--_size:1.25rem}&.large{--_size:2rem}}.spinner_wrap{display:inline-flex;align-items:center;gap:var(--space-2)}@keyframes spinner-turn{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.6s!important}}}@layer components{.icon{--_size:1rem;flex:none;display:block;width:var(--_size);height:var(--_size);&.small{--_size:0.875em}&.medium{--_size:1.5em}&.large{--_size:2em}&.full-width{--_size:100%;height:auto}}}@layer components{.search-field_wrap{position:relative;width:100%;min-width:0}.search-field_icon{position:absolute;top:50%;translate:0 -50%;color:var(--text-3);pointer-events:none}.search-field_wrap.icon-start{.search-field_field{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}.search-field_icon{inset-inline-start:var(--space-3)}}.search-field_wrap.icon-end{.search-field_field{-webkit-padding-end:var(--space-8);padding-inline-end:var(--space-8)}.search-field_icon{inset-inline-end:var(--space-4)}}.search-field_wrap.prominent{.search-field_field{--field-pad-block:0.75rem;--field-pad-inline:var(--space-5);background-color:transparent;border-color:var(--brand-border);font-size:var(--text-large);line-height:var(--line-height-large)}}}@layer components{.segmented_wrap{display:inline-flex;padding:.125rem;background-color:var(--background-3);border:var(--border-width) solid var(--border);border-radius:var(--radius-small)}.segmented_option{padding:var(--space-2) var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius-small);font-size:var(--h6);font-weight:var(--primary-medium);line-height:var(--line-height-nav);color:var(--text-3);white-space:nowrap;transition:background-color var(--hover-duration) var(--hover-ease),border-color var(--hover-duration) var(--hover-ease),color var(--hover-duration) var(--hover-ease);@media (hover:hover){&:hover:not(:disabled){color:var(--text)}}&[aria-pressed=true]{background-color:var(--background-2);border-color:var(--border-2);color:var(--text)}&:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}}}@layer components{.content-client-list_wrap{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.content-client-list_filters{display:flex;flex-direction:column;gap:var(--space-3);@media (min-width:40rem){flex-direction:row;align-items:center;justify-content:space-between}}.content-client-list_count{flex:none;white-space:nowrap}.content-client-list_actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);@media (min-width:40rem){flex-direction:row;>*{flex:1 1}}}}