.invoice-details-modal-content-wrapper .invoice-details-subtext-wrapper{display:flex;flex-direction:column;margin-bottom:var(--jkl-spacing-24)}.invoice-details-modal-content-wrapper .invoice-details-subtext-wrapper .invoice-details-subtext-value{font-weight:var(--jkl-typography-weight-semibold)}.invoice-details-modal-content-wrapper dd,.invoice-details-modal-content-wrapper dl,.invoice-details-modal-content-wrapper dt{margin:0;padding:0}.invoice-details-modal-content-wrapper .invoice-details-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));gap:var(--jkl-spacing-24);margin:var(--jkl-spacing-32) 0}.invoice-details-modal-content-wrapper .invoice-details-cards-wrapper .invoice-details-card{display:flex;flex-direction:column;gap:var(--jkl-spacing-16)}.invoice-details-modal-content-wrapper .invoice-details-cards-wrapper .invoice-details-card .invoice-details-card-title{font-size:.875rem;line-height:1.25rem;font-weight:400;--jkl-icon-weight:300}@media(min-width:680px){.invoice-details-modal-content-wrapper .invoice-details-cards-wrapper .invoice-details-card .invoice-details-card-title{font-size:1rem;line-height:1.5rem;font-weight:400;--jkl-icon-weight:300}}.invoice-details-modal-content-wrapper .invoice-details-cards-wrapper .invoice-details-card .invoice-details-card-value{font-size:1.125rem;line-height:1.75rem;font-weight:400;--jkl-icon-weight:300;font-weight:var(--jkl-typography-weight-semibold)}@media(min-width:680px){.invoice-details-modal-content-wrapper .invoice-details-cards-wrapper .invoice-details-card .invoice-details-card-value{font-size:1.25rem;line-height:1.875rem;font-weight:400;--jkl-icon-weight:300;font-weight:var(--jkl-typography-weight-semibold)}}.invoice-details-modal-content-wrapper .invoice-details-cards-wrapper .invoice-details-card .invoice-details-card-value{word-wrap:break-word}.invoice-details-modal-content-wrapper .invoice-details-table-header-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--jkl-spacing-24)}.filter-modal-bg-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);transition:background .5s ease-in-out}.filter-modal-bg-overlay.open{display:block;background:rgba(0,0,0,.4)}.filter-modal-bg-overlay.animating-in,.filter-modal-bg-overlay.animating-out{display:block;background:rgba(0,0,0,0)}.filter-modal-wrapper{display:none;position:fixed;top:0;bottom:0;right:-56.25rem;max-width:56.25rem;width:95vw;overflow-y:auto;background:var(--jkl-color-background-container-high);transition:right .5s ease-in-out}.filter-modal-wrapper.open{display:block;right:0}.filter-modal-wrapper.animating-in,.filter-modal-wrapper.animating-out{display:block;right:-56.25rem}.filter-modal-wrapper .filter-modal-content-wrapper{padding:var(--jkl-spacing-24) var(--jkl-spacing-16)}@media(min-width:680px){.filter-modal-wrapper .filter-modal-content-wrapper{padding:var(--jkl-spacing-24)}}@media(min-width:992px){.filter-modal-wrapper .filter-modal-content-wrapper{padding:var(--jkl-spacing-40)}}.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-close-button{position:absolute;right:var(--jkl-spacing-16);width:var(--jkl-spacing-24);height:var(--jkl-spacing-24);background:none;border:none;padding:0;cursor:pointer}@media(min-width:680px){.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-close-button{right:var(--jkl-spacing-24)}}@media(min-width:992px){.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-close-button{right:var(--jkl-spacing-40)}}.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-close-button:focus-visible{outline:2px solid var(--jkl-color-border-input-focus)}.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-close-button svg{stroke:var(--jkl-color-icon-default)}.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-close-button:hover svg{stroke:var(--jkl-color-border-input-focus)}.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-form .filter-modal-header{margin-bottom:var(--jkl-spacing-24)}.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-form .filter-modal-header h3{color:var(--jkl-color-text-primary);font-weight:var(--jkl-typography-weight-bold)}.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-form .filter-modal-body{margin-bottom:var(--jkl-spacing-40)}.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-form .filter-modal-section{border-bottom:1px solid var(--jkl-color-border-separator);padding:var(--jkl-spacing-24) 0}.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-form .filter-modal-section:first-child{padding-top:0}.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-form .filter-modal-section:last-child{padding-bottom:0;border-bottom:none}.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-form .filter-modal-section+.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-form .filter-modal-section{margin-top:var(--jkl-spacing-8)}.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-form .filter-modal-section.no-underline{border-bottom:none;padding-bottom:0}.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-form .filter-modal-section .filter-modal-section-title{color:var(--jkl-color-text-primary);margin-bottom:var(--jkl-spacing-16);font-weight:var(--jkl-typography-weight-bold)}.filter-modal-wrapper .filter-modal-content-wrapper .filter-modal-form .filter-modal-footer{display:flex;gap:var(--jkl-spacing-16);margin-top:var(--jkl-spacing-40);flex-wrap:wrap}.invoice-filter-radio-button-group{display:flex;flex-direction:column;gap:var(--jkl-spacing-6)}.invoice-filter-radio-button-group .jkl-label{font-weight:var(--jkl-typography-weight-semibold)}.invoice-filter-radio-button-group .invoice-filter-checkbox-wrapper{margin:var(--jkl-spacing-8) var(--jkl-spacing-32)}.invoice-filter-modal-label{font-weight:var(--jkl-typography-weight-semibold);margin-bottom:var(--jkl-spacing-8)}.invoice-filter-customer-wrapper{display:flex;flex-direction:column;gap:var(--jkl-spacing-24)}.invoice-filter-datepicker-wrapper{display:flex;flex-direction:column;gap:var(--jkl-spacing-12)}.invoice-filter-datepicker-wrapper .jkl-datepicker .jkl-label{margin-bottom:var(--jkl-spacing-4)}.unpaid-invoice-wrapper{margin-bottom:var(--jkl-spacing-40)}.unpaid-invoice-wrapper .unpaid-invoice-skeleton{margin-top:var(--jkl-spacing-16)}.unpaid-invoice-wrapper .unpaid-invoice-amount,.unpaid-invoice-wrapper .unpaid-invoice-skeleton .unpaid-invoice-skeleton-text{margin-bottom:var(--jkl-spacing-16)}.invoice-table .invoice-table-filter-wrapper{justify-content:space-between;margin-bottom:var(--jkl-spacing-24)}.invoice-table .invoice-table-filter-wrapper,.invoice-table .invoice-table-filter-wrapper .invoice-filter-left{display:flex;flex-wrap:wrap;gap:var(--jkl-spacing-24)}.invoice-table .invoice-table-filter-wrapper .invoice-filter-left .search-wrapper label{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.invoice-table .invoice-table-filter-wrapper .invoice-filter-left .search-wrapper{max-width:20rem}.invoice-table .invoice-filter-tags-wrapper{display:flex;flex-wrap:wrap;gap:var(--jkl-spacing-12)}.invoice-table .invoice-filter-tags-wrapper .invoice-filter-tag{margin:0 0 var(--jkl-spacing-24)}.invoice-table .invoice-amount-wrapper{white-space:nowrap}.invoice-table .jkl-table-foot .jkl-table-row .jkl-table-cell{padding-top:var(--jkl-spacing-24)}.invoice-table .jkl-table-foot.no-invoices-footer{display:none}