.period-field[data-v-77cd0ba3]{position:relative}.period-field__btn[data-v-77cd0ba3] .p-button{align-items:center;height:var(--p-form-field-height,2.75rem);justify-content:flex-start;min-height:var(--p-form-field-height,2.75rem);width:100%}.period-field__btn[data-v-77cd0ba3]{height:3.25rem!important}.period-field__btn[data-v-77cd0ba3] .p-button-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.period-field__panel[data-v-77cd0ba3]{background:var(--pace-bg-sidebar,var(--p-content-background,#fff));border:1px solid var(--pace-border-light,var(--p-content-border-color,#e5e7eb));border-radius:14px;box-shadow:0 18px 40px #0f172a2e,0 6px 16px #0f172a1f;max-width:calc(100vw - 2rem);padding:.75rem;width:-moz-fit-content;width:fit-content}.period-field__panel-head[data-v-77cd0ba3]{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:.2rem .2rem .6rem}.period-field__panel-title[data-v-77cd0ba3]{color:var(--pace-text-main,#1f2937);font-weight:500}.period-card[data-v-77cd0ba3]{display:grid;gap:1rem;grid-template-columns:8rem auto;width:-moz-fit-content;width:fit-content}.period-card__presets[data-v-77cd0ba3]{display:flex;flex-direction:column;gap:.35rem}.period-preset[data-v-77cd0ba3]{background:#fff;border:none;border-radius:10px;color:var(--pace-text-main,#1f2937);cursor:pointer;font-weight:400;padding:.5rem .6rem;text-align:left}.period-preset[data-v-77cd0ba3]:hover{background:#0000000a}.period-card__calendar[data-v-77cd0ba3] .p-datepicker{width:100%}@media(max-width:900px){.period-card[data-v-77cd0ba3]{grid-template-columns:1fr}}