.pay-period-stepper{border:1px solid var(--pay-border,#e2e8e5);background:#fff;border-radius:10px;align-items:stretch;height:40px;display:inline-flex;box-shadow:0 1px 2px #193c370a}.pay-period-step{color:#193c37;justify-content:center;align-items:center;width:38px;display:inline-flex}.pay-period-step:first-child{border-right:1px solid var(--pay-border,#e2e8e5);border-radius:9px 0 0 9px}.pay-period-step:last-child{border-left:1px solid var(--pay-border,#e2e8e5);border-radius:0 9px 9px 0}.pay-period-step:hover{background:#eef5f1}.pay-period-step:focus-visible{outline-offset:2px;outline:2px solid #86a998}.pay-period-stepper .pay-date-field{display:flex}.pay-period-stepper .pay-date-trigger{min-width:190px;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;gap:10px;font-size:13px;font-weight:650}.pay-period-stepper .pay-date-trigger>span{display:inline-block}.pay-period-stepper .pay-date-trigger>span:first-letter{text-transform:uppercase}.pay-period-stepper .pay-date-trigger:hover{background:#f6faf8}.pay-page-heading>.pay-period-stepper{flex:none;align-self:flex-start}.pay-period-prefix{color:#71847b;white-space:nowrap;align-items:center;padding-left:14px;font-size:12px;display:inline-flex}.pay-period-prefix+.pay-date-field .pay-date-trigger{min-width:0;padding-left:8px}.pay-period-step[data-disabled]{color:#b8c4be}.pay-period-step[data-disabled]:hover{background:0 0}.pay-period-stepper[data-mode=date] .pay-date-trigger{min-width:150px}.pay-person-section-actions>.pay-period-stepper,.pay-page-heading>.pay-period-stepper,.pay-page-heading-actions>.pay-period-stepper{flex:none}@media (max-width:760px){.pay-period-stepper{width:100%}.pay-period-stepper .pay-date-field{flex:auto}.pay-period-stepper .pay-date-trigger{width:100%;min-width:0}}.pay-page-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}@media (max-width:760px){.pay-page-heading-actions{justify-content:flex-start;width:100%}}.pay-auto-filters{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.pay-auto-filters>label{flex:200px;max-width:320px}