.calendar-wrapper[data-error=true]:has(input:not(:disabled)){border-color:var(--color-error-600)}.calendar-wrapper[data-error=true]:has(input:not(:disabled)) input:not(:focus){color:var(--color-error-600)}.calendar-wrapper{position:relative;display:inline-flex;align-items:center;flex-wrap:nowrap;gap:var(--spacing-8);width:100%;height:var(--sizing-44);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:#fff;padding:var(--spacing-12) var(--spacing-16);cursor:text}.calendar-wrapper:has(input:disabled){color:var(--color-gray-600);background-color:var(--color-gray-100);pointer-events:none;border-color:var(--color-gray-300)}.calendar-wrapper:has(input:disabled) .calendar-icon{color:var(--color-gray-600)}.calendar-wrapper .date-input{font-size:var(--font-size-14);font-weight:var(--font-weight-medium);line-height:1.25;width:100%;color:var(--color-gray-900)}.calendar-wrapper .date-input::placeholder{color:var(--color-gray-500)}.calendar-wrapper .range-input{display:inline-flex;gap:var(--spacing-8)}.calendar-wrapper .calendar-icon{display:flex;gap:var(--spacing-8);color:var(--color-gray-900);cursor:pointer}.calendar-wrapper .calendar-icon svg{min-width:var(--sizing-24)}.calendar-wrapper .calendar-icon__divider{display:inline-block;width:1px;height:24px;background-color:var(--color-gray-200)}.calendar-wrapper:has(.date-input:placeholder-shown) .calendar-icon{color:var(--color-gray-600)}.date-input--calendar{position:absolute;top:calc(100% + var(--spacing-8));left:0;z-index:var(--z-index-dropdown);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:#fff;display:table;padding-bottom:var(--spacing-8)}.date-input--calendar .rdrCalendarWrapper{width:var(--sizing-320);max-width:var(--sizing-320)}.ds-modal .date-input--calendar{z-index:var(--z-index-overlay)}.range-icon{width:var(--sizing-24);min-width:var(--sizing-24);height:var(--sizing-24);text-align:center;display:flex;justify-content:center}.range-icon svg{width:var(--sizing-24);min-width:var(--sizing-24);height:var(--sizing-24);fill:var(--color-gray-400)}.filter-detail-container{position:relative;overflow:auto;scrollbar-width:none;margin-right:30px;cursor:pointer}.filter-detail-container:active{cursor:grabbing}.filter-detail-container:before{content:"";position:absolute;top:0;left:-1px;bottom:0;width:20px;background:linear-gradient(to left,#fff0,#fffc 40%,#fff);pointer-events:none;z-index:2;opacity:0;transition:opacity .2s ease;border:none}.filter-detail-container.can-scroll-left:before{opacity:1}.filter-detail-container.no-scroll-right:after{opacity:0}.filter-detail-container:after{content:"";position:absolute;top:0;right:-2px;bottom:0;width:20px;background:linear-gradient(to right,#fff0,#fffc 40%,#fff);pointer-events:none;z-index:2;transition:opacity .2s ease;border:none}.filter-detail-lists{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2px;background-color:#fff;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.filter-detail-lists:after{content:"";display:block;width:40px;flex-shrink:0}.card-label{flex-grow:1;width:100%}.card-title-wrapper{width:100%}.form-filter-select{display:flex;flex-wrap:nowrap;max-width:var(--sizing-320);min-width:var(--sizing-200);width:100%;padding:var(--spacing-8) var(--spacing-16);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background-color:#fff;font-size:var(--font-size-13);font-weight:var(--font-weight-medium);line-height:var(--font-size-13);overflow-y:auto;height:var(--sizing-44);justify-content:start;align-items:center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='gray' aria-hidden='true' focusable='false' viewBox='0 0 20 20'%3e%3cpath  d='M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z'/%3e%3c/svg%3e");background-size:20px}.form-filter-select::-webkit-scrollbar{display:none}.filter-option-list{display:flex;flex-direction:row;gap:var(--spacing-8);max-width:90%;overflow-x:hidden}.filter-options{width:100%;display:flex;flex-direction:column;gap:var(--spacing-24);background-color:var(--color-gray-50)}.filter-specter{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;width:1px;background-color:#ccc;margin-bottom:8px;margin-top:8px;box-sizing:border-box}#page-wrapper-filter #filter-offcanvas{border-right:1px solid var(--color-gray-300);background-color:var(--color-gray-50);display:flex;flex-direction:column;width:var(--sizing-360);max-width:var(--sizing-360);height:100%}#page-wrapper-filter #filter-offcanvas .OffCanvasFilter-header{display:flex;justify-content:space-between;flex-flow:row-reverse;align-items:center;padding:var(--spacing-24) var(--spacing-20);height:78px;width:100%;position:sticky;background-color:var(--color-gray-50);z-index:1}#page-wrapper-filter #filter-offcanvas .OffCanvasFilter-header .OffCanvasFilter-title{font-size:var(--font-size-16);font-weight:var(--font-weight-semibold);line-height:1.25;width:100%;text-align:center;margin:0;vertical-align:middle}#page-wrapper-filter #filter-offcanvas .filter-actions{padding:var(--spacing-24) var(--spacing-20);height:76px;position:sticky;bottom:0;background-color:var(--color-gray-100);border-top:1px solid var(--color-gray-300);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-12)}#page-wrapper-filter #filter-offcanvas .OffCanvasFilter-body{height:100%;overflow:auto}#page-wrapper-filter #filter-offcanvas .OffCanvasFilter-body .filter-options{padding:var(--spacing-24) var(--spacing-20);height:100%;overflow-y:auto}