.usage-date-range-picker[data-v-a2c6f9ae]{display:inline-flex;max-width:100%;min-width:0}.usage-date-range-trigger[data-v-a2c6f9ae]{align-items:center;background:#fff;border:1px solid #e6ebf1;border-radius:6px;box-sizing:border-box;color:#4b5167;cursor:pointer;display:flex;font:inherit;font-size:14px;gap:8px;justify-content:center;line-height:20px;min-height:40px;padding:7px 12px;width:auto}.usage-date-range-trigger[data-v-a2c6f9ae]:hover,.usage-date-range-trigger[aria-expanded=true][data-v-a2c6f9ae]{border-color:#5964ff;color:#5964ff}.usage-date-range-trigger svg[data-v-a2c6f9ae]{flex-shrink:0}.usage-date-range-trigger span[data-v-a2c6f9ae]{overflow-wrap:anywhere}.usage-date-range-trigger .expanded[data-v-a2c6f9ae]{transform:rotate(180deg)}.usage-date-range-popup{--td-brand-color:#5964ff;--td-brand-color-hover:#7380ff;--td-brand-color-active:#4651dc;--td-brand-color-light:#f6f9ff}.usage-date-range-popup .t-popup__content{max-height:calc(100dvh - 32px);max-width:calc(100vw - 32px);overflow:auto}.usage-date-range-popup .usage-date-range-panel{color:#4b5167;display:flex;max-width:calc(100vw - 32px);width:860px}.usage-date-range-popup .usage-date-range-presets{border-right:1px solid #e6ebf1;box-sizing:border-box;flex:0 0 172px;padding:20px 10px}.usage-date-range-popup .usage-date-range-title{font-size:14px;padding:8px 12px 16px}.usage-date-range-popup .usage-date-range-preset{background:transparent;border:0;border-radius:6px;color:#242a42;cursor:pointer;display:block;font:inherit;font-size:14px;margin-bottom:4px;padding:10px 12px;text-align:left;width:100%}.usage-date-range-popup .usage-date-range-preset:hover{background:#f5f8fb}.usage-date-range-popup .usage-date-range-preset.active{background:#f6f9ff;color:#5964ff}.usage-date-range-popup .usage-date-range-calendar{flex:1;min-width:0;padding:20px 16px 16px}.usage-date-range-popup .usage-date-range-hint{font-size:13px;margin:8px 12px 12px}.usage-date-range-popup .t-date-range-picker__panel{border:0;box-shadow:none;width:100%}.usage-date-range-popup .t-date-range-picker__panel-content-wrapper{display:flex;width:100%}.usage-date-range-popup .t-date-picker__panel-content{min-width:0;width:50%}.usage-date-range-popup .t-date-picker__panel-date{box-sizing:border-box;min-width:0;padding:12px;width:100%}.usage-date-range-popup .t-date-picker__header-controller .t-date-picker__header-controller-month{flex-shrink:0;width:96px}.usage-date-range-popup .t-date-picker__header-controller .t-date-picker__header-controller-year{flex-shrink:0;width:104px}.usage-date-range-popup .t-date-picker__header{flex-wrap:wrap;gap:8px}.usage-date-range-popup .t-date-picker__table table{table-layout:fixed;width:100%}.usage-date-range-popup .usage-date-range-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding-top:16px}.usage-date-range-popup .usage-date-range-value{color:#89a;font-size:12px;margin-right:auto}@media (max-width:900px){.usage-date-range-popup .usage-date-range-panel{flex-direction:column}.usage-date-range-popup .usage-date-range-presets{border-bottom:1px solid #e6ebf1;border-right:0;display:flex;flex-basis:auto;flex-wrap:wrap;gap:4px;padding:12px}.usage-date-range-popup .usage-date-range-title{padding:0 4px 8px;width:100%}.usage-date-range-popup .usage-date-range-preset{margin:0;padding:8px 12px;width:auto}.usage-date-range-popup .usage-date-range-calendar{padding:12px}.usage-date-range-popup .t-date-range-picker__panel-content-wrapper{flex-direction:column}.usage-date-range-popup .t-date-picker__panel-content{width:100%}.usage-date-range-popup .t-date-picker__panel-content:last-child{display:none}.usage-date-range-popup .t-date-picker__panel-date{width:100%}.usage-date-range-popup .usage-date-range-value{margin-bottom:4px;width:100%}}