.Timeline-page{background-image:url(/images/PhilosopherCatalog-Background.svg);background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:relative}.Timeline-page .Timeline-container{height:100%}.timeline-filter-menu{z-index:2;position:absolute;top:8px;left:8px}.timeline-filter-menu>.filter-toggle-button{background:var(--White-light-BG);color:var(--My-black);cursor:pointer;min-width:140px;box-shadow:var(--White-light-cast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #fff;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 16px;transition:box-shadow .3s;display:flex}.timeline-filter-menu>.filter-toggle-button .filter-button-content{align-items:center;gap:8px;margin-right:24px;display:flex}.timeline-filter-menu>.filter-toggle-button .filter-chevron{width:16px;height:16px;transition:transform .3s ease-in-out}.timeline-filter-menu>.filter-toggle-button .filter-chevron.rotate{transform:rotate(180deg)}.timeline-filter-menu>.filter-toggle-button:hover{background:var(--White-light-BG-hover);box-shadow:var(--White-light-cast-hover);border:1px solid #fff}.timeline-filter-menu .filter-list{background:var(--White-light-BG);min-width:280px;box-shadow:var(--White-light-cast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;opacity:0;border:1px solid #fff;border-radius:12px;margin:4px 0 0;list-style:none;transition:opacity .3s,transform .3s;display:none;overflow-y:auto;transform:translateY(-10px)}.timeline-filter-menu .filter-list .filter-item{cursor:pointer;width:calc(100% - 32px);color:var(--My-black);align-items:center;gap:12px;height:48px;padding:0 16px;font-size:16px;display:flex}.timeline-filter-menu .filter-list .filter-item:hover{background:var(--White-light-BG-hover)}.timeline-filter-menu .filter-list .filter-item.subcategory{padding:0 0 0 32px}.timeline-filter-menu .filter-list .filter-item input[type=checkbox]{cursor:pointer;border:1px solid var(--My-black);-webkit-appearance:none;-moz-appearance:none;background:#fff;border-radius:3px;width:18px;height:18px;position:relative}.timeline-filter-menu .filter-list .filter-item input[type=checkbox]:checked{background:var(--New-BluePurble-Gradient);border:1px solid var(--New-BluePurble-Gradient)}.timeline-filter-menu .filter-list .filter-item input[type=checkbox]:checked:after{content:"✓";color:#fff;justify-content:center;align-items:center;font-family:Check Icons Regular;font-size:11px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-filter-menu .filter-list .filter-text{cursor:pointer;flex:1}.timeline-filter-menu .filter-list .filter-separator{background-color:#fff;border:none;width:calc(100% - 32px);margin:0 12px}.timeline-filter-menu .filter-list .filter-expand-button{border-top:1px solid var(--Glass-stroke);padding:12px}.timeline-filter-menu .filter-list .expand-toggle{background:var(--My-black);color:#fff;border:1px solid #616161;gap:8px;width:100%;padding:8px 16px;transition:all .3s;box-shadow:inset 0 0 4px #000}.timeline-filter-menu .filter-list .expand-toggle:hover{background:#000;border-color:#000}.timeline-filter-menu .filter-list.open{opacity:1;display:block;transform:translateY(0)}.timeline-filter-menu .filter-scrollable-content{max-height:calc(100vh - 144px);max-height:calc(100dvh - 144px);padding:8px 0;overflow-y:auto}.timeline-filter-menu .filter-chevron{width:16px;height:16px;transition:transform .3s ease-in-out}.timeline-filter-menu .filter-chevron-up{width:16px;height:16px;transform:rotate(180deg)}.timeline-filter-menu .filter-chevron-down{width:16px;height:16px}
