.TimeframeMenu{padding:12px;border-radius:20px}.TimeframeMenu__ValuesContainer{display:flex;align-items:center;justify-content:flex-end}.TimeframeMenu__Values{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.TimeframeMenu__ValueButton{font-size:.75rem;height:28px!important;padding:3px 12px!important}.TimeframeMenu__ValueButton--Active{background-color:var(--chakra-colors-brand-normal)!important;color:#fff!important}.TimeframeMenu__Calendar{width:100%;margin-top:24px}.TimeframeMenu__Calendar--Stub{position:relative}.TimeframeMenu__Calendar--Stub .DateRangePicker{opacity:.05;-webkit-user-select:none;-moz-user-select:none;user-select:none}.TimeframeMenu__Calendar--Stub:before{content:"";position:absolute;z-index:20;width:100%;height:100%;top:0;left:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.TimeframeMenu__Calendar--Stub:after{content:"Coming soon";text-transform:uppercase;font-size:.875rem;font-family:var(--chakra-fonts-heading);opacity:.8;display:block;position:absolute;z-index:22;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:555px){.TimeframeMenu__Values{flex-wrap:wrap}.TimeframeMenu__ValueButton{font-size:.6rem!important;height:24px!important}}@media screen and (max-width:350px){.TimeframeMenu__ValueButton{font-size:.5rem!important;height:22px!important}}.TimeframeSelector--MenuActive .TimeframeSelector__Menu{visibility:visible;opacity:1;transition-delay:.2s}.TimeframeSelector__Menu{padding:0 12px!important;top:12px;position:absolute;z-index:10;width:100%;height:max-content;left:0;-webkit-backdrop-filter:blur(44px);backdrop-filter:blur(44px);visibility:hidden;opacity:0;transition:all .2s;transition-delay:0s}.TimeframeSelector__Button{position:absolute!important;transition:all .2s;visibility:visible;opacity:1;height:28px!important}.TimeframeSelector__Button--Active{background-color:#fff!important;color:var(--chakra-colors-brand-normal)!important}@media screen and (max-width:555px){.TimeframeSelector__Button{font-size:.6rem!important;height:24px!important}}@media screen and (max-width:350px){.TimeframeSelector__Button{font-size:.5rem!important;height:22px!important}}