:root{--dot-number: 20}.bf-timeline-horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.bf-timeline-horizontal .bf-timeline-horizontal__container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:90vw;height:100px;max-width:100vw;position:relative;z-index:0}.bf-timeline-horizontal .bf-timeline-horizontal__event{width:15px;height:15px;background-color:var(--wp--preset--color--secondary);position:relative;border-radius:50%}.bf-timeline-horizontal .bf-timeline-horizontal__event .bf-timeline-horizontal__event-effect{width:27px;height:27px;background-color:var(--wp--preset--color--secondary);opacity:.2;position:absolute;border-radius:50%;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.bf-timeline-horizontal .bf-timeline-horizontal__event:before,.bf-timeline-horizontal .bf-timeline-horizontal__event::after{content:"";display:block;position:absolute;z-index:-1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--wp--preset--color--secondary);width:calc( 90vw / var(--dot-number) );height:1px;max-width:calc( 100vw / var(--dot-number) )}.bf-timeline-horizontal .bf-timeline-horizontal__event::before{left:calc( -90vw / var(--dot-number) + 15px / 2)}.bf-timeline-horizontal .bf-timeline-horizontal__event::after{right:calc( -90vw / var(--dot-number) + 15px / 2)}.bf-timeline-horizontal .bf-timeline-horizontal__event.active{background-color:var(--wp--preset--color--secondary)}.bf-timeline-horizontal .bf-timeline-horizontal__event.active::before{background-color:var(--wp--preset--color--secondary)}.bf-timeline-horizontal .bf-timeline-horizontal__event.active::after{background-color:#fff}.bf-timeline-horizontal .bf-timeline-horizontal__event.active~.bf-timeline-horizontal__event{background-color:#fff}.bf-timeline-horizontal .bf-timeline-horizontal__event.active~.bf-timeline-horizontal__event::before,.bf-timeline-horizontal .bf-timeline-horizontal__event.active~.bf-timeline-horizontal__event::after,.bf-timeline-horizontal .bf-timeline-horizontal__event.active~.bf-timeline-horizontal__event .bf-timeline-horizontal__event-effect{background-color:#fff}.bf-timeline-horizontal .bf-timeline-horizontal__event.active~.bf-timeline-horizontal__event .bf-timeline-horizontal__event-element::before{color:#fff}.bf-timeline-horizontal .bf-timeline-horizontal__event .bf-timeline-horizontal__event-element{width:1px;height:1px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);visibility:hidden}.bf-timeline-horizontal .bf-timeline-horizontal__event .bf-timeline-horizontal__event-element::before,.bf-timeline-horizontal .bf-timeline-horizontal__event .bf-timeline-horizontal__event-element::after{visibility:visible;position:absolute;left:50%}.bf-timeline-horizontal .bf-timeline-horizontal__event .bf-timeline-horizontal__event-element::after{content:attr(data-year);top:25px;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:14px;font-weight:900;color:rgba(255,255,255,.5);width:60px;text-align:center}.bf-timeline-horizontal .bf-timeline-horizontal__event .bf-timeline-horizontal__event-element::before{content:attr(data-info);top:-88px;left:-20px;width:140px;-webkit-transform:translateX(-5px) rotateZ(-45deg);transform:translateX(-5px) rotateZ(-45deg);font-size:14px;color:var(--wp--preset--color--secondary);font-weight:500;text-transform:uppercase}.bf-timeline-horizontal.bf-timeline-horizontal__theme-dark .bf-timeline-horizontal__event.active::after{background-color:#ababab}.bf-timeline-horizontal.bf-timeline-horizontal__theme-dark .bf-timeline-horizontal__event.active~.bf-timeline-horizontal__event{background-color:#ababab}.bf-timeline-horizontal.bf-timeline-horizontal__theme-dark .bf-timeline-horizontal__event.active~.bf-timeline-horizontal__event::before,.bf-timeline-horizontal.bf-timeline-horizontal__theme-dark .bf-timeline-horizontal__event.active~.bf-timeline-horizontal__event::after,.bf-timeline-horizontal.bf-timeline-horizontal__theme-dark .bf-timeline-horizontal__event.active~.bf-timeline-horizontal__event .bf-timeline-horizontal__event-effect{background-color:#ababab}.bf-timeline-horizontal.bf-timeline-horizontal__theme-dark .bf-timeline-horizontal__event.active~.bf-timeline-horizontal__event .bf-timeline-horizontal__event-element::before{color:#ababab}.bf-timeline-horizontal.bf-timeline-horizontal__theme-dark .bf-timeline-horizontal__event .bf-timeline-horizontal__event-element::after{color:rgba(0,0,0,.2)}@media(min-width: 111.1111111111vw){.bf-timeline-horizontal .bf-timeline-horizontal__event::before{left:calc( -100vw / var(--dot-number) + 15px / 2)}.bf-timeline-horizontal .bf-timeline-horizontal__event::after{right:calc( -100vw / var(--dot-number) + 15px / 2)}}@media(max-width: 850px){.bf-timeline-horizontal .bf-timeline-horizontal__event{width:12px;height:12px}.bf-timeline-horizontal .bf-timeline-horizontal__event .bf-timeline-horizontal__event-effect{width:21.6px;height:21.6px}.bf-timeline-horizontal .bf-timeline-horizontal__event::before{left:calc( -90vw / var(--dot-number) + 12px / 2)}.bf-timeline-horizontal .bf-timeline-horizontal__event::after{right:calc( -90vw / var(--dot-number) + 12px / 2)}}@media(max-width: 420px){.bf-timeline-horizontal{-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial}.bf-timeline-horizontal .bf-timeline-horizontal__container{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:auto}.bf-timeline-horizontal .bf-timeline-horizontal__container .bf-timeline-horizontal__event{width:60px;height:60px;margin:0 3em 50px;background-color:var(--wp--preset--color--secondary);color:rgba(0,0,0,.8)}.bf-timeline-horizontal .bf-timeline-horizontal__container .bf-timeline-horizontal__event::before,.bf-timeline-horizontal .bf-timeline-horizontal__container .bf-timeline-horizontal__event::after{content:none}.bf-timeline-horizontal .bf-timeline-horizontal__container .bf-timeline-horizontal__event .bf-timeline-horizontal__event-effect{display:none}.bf-timeline-horizontal .bf-timeline-horizontal__container .bf-timeline-horizontal__event .bf-timeline-horizontal__event-element{width:100%;height:100%;display:block}.bf-timeline-horizontal .bf-timeline-horizontal__container .bf-timeline-horizontal__event .bf-timeline-horizontal__event-element::before{top:calc(100% + 5px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}.bf-timeline-horizontal .bf-timeline-horizontal__container .bf-timeline-horizontal__event .bf-timeline-horizontal__event-element::after{top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#fff}.bf-timeline-horizontal .bf-timeline-horizontal__container .bf-timeline-horizontal__event.active~.bf-timeline-horizontal__event{background-color:#fff}.bf-timeline-horizontal .bf-timeline-horizontal__container .bf-timeline-horizontal__event.active~.bf-timeline-horizontal__event .bf-timeline-horizontal__event-element::after{color:rgba(0,0,0,.8)}.bf-timeline-horizontal.bf-timeline-horizontal__theme-dark .bf-timeline-horizontal__container .bf-timeline-horizontal__event.active~.bf-timeline-horizontal__event{background-color:#ababab}}