.frame-type-mask_history_timeline .subtitle,.frame-type-mask_history_timeline .summary{color:#fff}.frame-type-mask_history_timeline{color:#fffc}.frame-type-mask_history_timeline h2{color:var(--primary-color)}.frame-type-mask_history_timeline h3{color:#fff}@media (width>=768px){.frame-type-mask_history_timeline .timeline .timestamp .odd p:has(.btn,.btn-link){justify-content:flex-end}.frame-type-mask_history_timeline .timeline .timestamp .odd{text-align:right}}.frame-type-mask_history_timeline .timeline .timestamp:after{content:"";border:2px solid var(--primary-color);background-color:var(--primary-color);z-index:2;border-radius:50%;width:16px;height:16px;transition:background-color .3s;position:absolute;top:20px;left:8px;transform:translate(-50%)}@media (width>=768px){.frame-type-mask_history_timeline .timeline .timestamp:after{left:50%}}.frame-type-mask_history_timeline .timeline .timestamp.active:after{background-color:var(--primary-color)}.frame-type-mask_history_timeline .timeline .timestamp:before{content:"";border:2px solid var(--primary-color);background-color:var(--secondary-color);opacity:0;z-index:2;border-radius:50%;width:32px;height:32px;transition:all .3s;position:absolute;top:12px;left:8px;transform:translate(-50%)scale(2)}@media (width>=768px){.frame-type-mask_history_timeline .timeline .timestamp:before{left:50%}}.frame-type-mask_history_timeline .timeline .timestamp.active:before{opacity:1;transform:translate(-50%)scale(1)}.frame-type-mask_history_timeline .timeline .line:after{content:"";background-color:var(--primary-color);z-index:2;border-radius:50%;width:16px;height:16px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}
