{"version":3,"sources":["../scss/_variables.scss","timeline/css/timeline.min.scss"],"names":[],"mappings":"AAKA;AA6BA;AAWA;AAcA;AAaA;AAKA;AC3EA;EACC;EACA;EACA;;AAEA;AAAA;AAAA;EAGC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC,kBDhBK;ECiBL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;;AAIF;EACC;;;AAGD;EACC;EACA;;AAEA;EACC;;AAIA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKH;EACC,kBD7EM;EC8EN;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAIF;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKH;EACC;;AAEA;EACC;;AAGD;EACC;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAMJ;EACC,kBD3PM;EC4PN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;;AAEA;EACC;;;AAIF;EACC;;AAEA;EACC;;;AAIF;EACC;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAIA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAMJ;EACC;IACC;IACA;;EAGD;IACC;IACA;;;AAIF;EACC;IACC;IACA;;EAGD;IACC;IACA;;;AAIF;EACC;IACC;;EAGD;IACC;;;AAIF;EACC;IACC;;EAGD;IACC;;;AAIF;EACC","file":"timeline.min.css","sourcesContent":["\r\n$background: #eaedf7;\r\n$color:#1d212f;\r\n$border:#e8e8f7;\r\n\r\n/*Color variables*/\r\n\r\n\r\n$primary:var(--primary-bg-color);\r\n$primary-hover:var(--primary-bg-hover);\r\n$primary-border:var(--primary-bg-border);\r\n$primary-transparent:var(--primary01);\r\n$primary-005:var(--primary005);\r\n$primary-01:var(--primary01);\r\n$primary-02:var(--primary02);\r\n$primary-03:var(--primary03);\r\n$primary-05:var(--primary05);\r\n$primary-07:var(--primary07);\r\n$primary-08:var(--primary08);\r\n$secondary:#f1388b;\r\n$success:#19b159;\r\n$warning:#ff9b21;\r\n$danger:#fd6074;\r\n$info:#01b8ff;\r\n$light:#f1f2f9;\r\n$dark:#3b4863;\r\n$white:#ffffff;\r\n$black:#000000;\r\n$pink:#ff75ad;\r\n$purple:#6f42c1;\r\n$indigo:#4b0082;\r\n$orange:#fd7e14;\r\n$teal:#00cccc;\r\n\r\n/*gray variables*/\r\n$gray-100:#eaeafb;\r\n$gray-200:#d0d0ec;\r\n$gray-300:#babade;\r\n$gray-400:#8f8fb7;\r\n$gray-500:#717196;\r\n$gray-600:#4f4f71;\r\n$gray-700:#3c3c5d;\r\n$gray-800:#262644;\r\n$gray-900:#1b1b33;\r\n\r\n/*white variables*/\r\n$white-1:rgba(255, 255, 255, 0.1);\r\n$white-2:rgba(255, 255, 255, 0.2);\r\n$white-3:rgba(255, 255, 255, 0.3);\r\n$white-4 :rgba(255, 255, 255, 0.4);\r\n$white-5 :rgba(255, 255, 255, 0.5);\r\n$white-6 :rgba(255, 255, 255, 0.6);\r\n$white-7 :rgba(255, 255, 255, 0.7);\r\n$white-8 :rgba(255, 255, 255, 0.8);\r\n$white-9 :rgba(255, 255, 255, 0.9);\r\n$white-05:rgba(255, 255, 255, 0.05);\r\n$white-08:rgba(255, 255, 255, 0.08);\r\n$white-75:rgba(255, 255, 255, 0.075);\r\n\r\n/*black variables*/\r\n$black-1:rgba(0, 0, 0, 0.1);\r\n$black-2:rgba(0, 0, 0, 0.2);\r\n$black-3:rgba(0, 0, 0, 0.3);\r\n$black-4:rgba(0, 0, 0, 0.4);\r\n$black-5:rgba(0, 0, 0, 0.5);\r\n$black-6:rgba(0, 0, 0, 0.6);\r\n$black-7:rgba(0, 0, 0, 0.7);\r\n$black-8:rgba(0, 0, 0, 0.8);\r\n$black-9:rgba(0, 0, 0, 0.9);\r\n$black-05:rgba(0, 0, 0, 0.05);\r\n\r\n\r\n/*Dark Theme*/\r\n$dark-theme:var(--dark-theme);\r\n$dark-body:var(--dark-body);\r\n$dark-color:var(--dark-color);\r\n$dark-border:var(--dark-border);\r\n/*Dark Theme*/\r\n\r\n\t\r\n\r\n","@import \"../../../scss/variables\";\n\n.timeline {\n\t-webkit-box-sizing: border-box;\n\tbox-sizing: border-box;\n\tposition: relative;\n\n\t*,\n\t:after,\n\t:before {\n\t\t-webkit-box-sizing: inherit;\n\t\tbox-sizing: inherit;\n\t}\n\n\t&:not(.timeline--horizontal):before {\n\t\tbackground-color: #d1d4e4;\n\t\tbottom: 0;\n\t\tcontent: \"\";\n\t\tleft: 50%;\n\t\tmargin-left: -2px;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: 4px;\n\t\tz-index: 1;\n\t}\n}\n\n.timeline__wrap {\n\toverflow: hidden;\n\tposition: relative;\n\tz-index: 1;\n}\n\n.timeline__item {\n\tfont-size: 16px;\n\tfont-size: 1rem;\n\tpadding: 0.625rem 2.5rem 0.625rem 0;\n\tposition: relative;\n\twidth: 50%;\n\tz-index: 1;\n\n\t&:after {\n\t\tbackground-color: $white;\n\t\tborder: 4px solid #d1d4e4;\n\t\tborder-radius: 50%;\n\t\tcontent: \"\";\n\t\theight: 20px;\n\t\tposition: absolute;\n\t\tright: -10px;\n\t\t-webkit-transform: translateY(-50%);\n\t\t-ms-transform: translateY(-50%);\n\t\ttransform: translateY(-50%);\n\t\ttop: 50%;\n\t\twidth: 20px;\n\t\tz-index: 1;\n\t}\n\n\t&.animated {\n\t\t-webkit-animation-duration: 1s;\n\t\tanimation-duration: 1s;\n\t\t-webkit-animation-fill-mode: both;\n\t\tanimation-fill-mode: both;\n\t\topacity: 0;\n\t}\n\n\t&.fadeIn {\n\t\t-webkit-animation-name: fadeIn;\n\t\tanimation-name: fadeIn;\n\t}\n}\n\n.timeline__item--left {\n\tleft: 0;\n}\n\n.timeline__item--right {\n\tleft: 50%;\n\tpadding: 0.625rem 0 0.625rem 2.5rem;\n\n\t&:after {\n\t\tleft: -10px;\n\t}\n\n\t.timeline__content {\n\t\t&:before {\n\t\t\tborder-bottom: 10px solid transparent;\n\t\t\tborder-right: 12px solid #e1e6f1;\n\t\t\tborder-left: none;\n\t\t\tborder-top: 10px solid transparent;\n\t\t\tleft: -12px;\n\t\t}\n\n\t\t&:after {\n\t\t\tborder-bottom: 9px solid transparent;\n\t\t\tborder-right: 11px solid $white;\n\t\t\tborder-left: none;\n\t\t\tborder-top: 9px solid transparent;\n\t\t\tleft: -10px;\n\t\t}\n\t}\n}\n\n.timeline__content {\n\tbackground-color: $white;\n\tborder-radius: 0px;\n\tcolor: #334151;\n\tborder: 1px solid #e1e6f1;\n\tdisplay: block;\n\tpadding: 1.25rem;\n\tposition: relative;\n\tbox-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);\n\n\t&:after {\n\t\tcontent: \"\";\n\t\theight: 0;\n\t\tposition: absolute;\n\t\t-webkit-transform: translateY(-50%);\n\t\t-ms-transform: translateY(-50%);\n\t\ttransform: translateY(-50%);\n\t\ttop: 50%;\n\t\twidth: 0;\n\t}\n\n\t&:before {\n\t\tcontent: \"\";\n\t\theight: 0;\n\t\tposition: absolute;\n\t\t-webkit-transform: translateY(-50%);\n\t\t-ms-transform: translateY(-50%);\n\t\ttransform: translateY(-50%);\n\t\ttop: 50%;\n\t\twidth: 0;\n\t\tborder-bottom: 10px solid transparent;\n\t\tborder-left: 12px solid #e1e6f1;\n\t\tborder-top: 10px solid transparent;\n\t\tright: -12px;\n\t\tz-index: 1;\n\t}\n\n\t&:after {\n\t\tborder-bottom: 9px solid transparent;\n\t\tborder-left: 11px solid $white;\n\t\tborder-top: 9px solid transparent;\n\t\tright: -10px;\n\t\tz-index: 2;\n\t}\n\n\th2 {\n\t\tfont-size: 1rem;\n\t\tfont-weight: 700;\n\t\tmargin: 0 0 0.625rem;\n\t}\n\n\tp {\n\t\tfont-size: 14px;\n\t\tline-height: 1.5;\n\t\tmargin-bottom: 10px;\n\t}\n}\n\n.timeline--horizontal {\n\twhite-space: nowrap;\n\n\t.timeline-divider {\n\t\tbackground-color: #d1d4e4;\n\t\tdisplay: block;\n\t\theight: 4px;\n\t\tleft: 40px;\n\t\tposition: absolute;\n\t\t-webkit-transform: translateY(-50%);\n\t\t-ms-transform: translateY(-50%);\n\t\ttransform: translateY(-50%);\n\t\tright: 40px;\n\t\tz-index: 0;\n\t}\n\n\t.timeline__items {\n\t\t-webkit-transition: all 0.8s;\n\t\t-o-transition: all 0.8s;\n\t\ttransition: all 0.8s;\n\t\twill-change: transform;\n\t}\n\n\t.timeline__item {\n\t\tdisplay: inline-block;\n\t\tleft: 0;\n\t\tpadding: 0 0 2.5rem;\n\t\tposition: relative;\n\t\t-webkit-transition: none;\n\t\t-o-transition: none;\n\t\ttransition: none;\n\t\tvertical-align: top;\n\t\twhite-space: normal;\n\n\t\t&:after {\n\t\t\tleft: 50%;\n\t\t\tright: auto;\n\t\t\t-webkit-transform: translate(-50%, -50%);\n\t\t\t-ms-transform: translate(-50%, -50%);\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\ttop: 100%;\n\t\t}\n\n\t\t.timeline__item__inner {\n\t\t\tdisplay: table;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.timeline__content__wrap {\n\t\t\tdisplay: table-cell;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tvertical-align: bottom;\n\t\t}\n\n\t\t.timeline__content {\n\t\t\t&:before {\n\t\t\t\tborder-left: 12px solid transparent;\n\t\t\t\tborder-right: 12px solid transparent;\n\t\t\t\tborder-top: 12px solid #e1e6f1;\n\t\t\t\tleft: 50%;\n\t\t\t\tright: auto;\n\t\t\t\t-webkit-transform: translateX(-50%);\n\t\t\t\t-ms-transform: translateX(-50%);\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\ttop: 100%;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tborder-left: 10px solid transparent;\n\t\t\t\tborder-right: 10px solid transparent;\n\t\t\t\tborder-top: 10px solid $white;\n\t\t\t\tleft: 50%;\n\t\t\t\tright: auto;\n\t\t\t\t-webkit-transform: translateX(-50%);\n\t\t\t\t-ms-transform: translateX(-50%);\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\ttop: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.timeline__item--bottom {\n\t\tpadding: 2.5rem 0 0;\n\n\t\t&:after {\n\t\t\ttop: 0;\n\t\t}\n\n\t\t.timeline__content__wrap {\n\t\t\tvertical-align: top;\n\t\t}\n\n\t\t.timeline__content {\n\t\t\t&:before {\n\t\t\t\tborder-bottom: 12px solid #e1e6f1;\n\t\t\t\tborder-left: 12px solid transparent;\n\t\t\t\tborder-right: 12px solid transparent;\n\t\t\t\tborder-top: none;\n\t\t\t\tbottom: 100%;\n\t\t\t\ttop: auto;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tborder-bottom: 10px solid $white;\n\t\t\t\tborder-left: 10px solid transparent;\n\t\t\t\tborder-right: 10px solid transparent;\n\t\t\t\tborder-top: none;\n\t\t\t\tbottom: 100%;\n\t\t\t\ttop: auto;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.timeline-nav-button {\n\tbackground-color: $white;\n\tborder: 1px solid #e1e6f1;\n\tborder-radius: 50px;\n\t-webkit-box-sizing: border-box;\n\tbox-sizing: border-box;\n\t-webkit-box-shadow: none;\n\tbox-shadow: none;\n\tcursor: pointer;\n\tdisplay: block;\n\theight: 40px;\n\toutline: 0;\n\tposition: absolute;\n\ttext-indent: -9999px;\n\t-webkit-transform: translateY(-50%);\n\t-ms-transform: translateY(-50%);\n\ttransform: translateY(-50%);\n\ttop: 50%;\n\twidth: 40px;\n\tz-index: 10;\n\n\t&:disabled {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n\n\t&:before {\n\t\tbackground-position: center center;\n\t\tbackground-repeat: no-repeat;\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: 14px;\n\t\tleft: 50%;\n\t\tposition: absolute;\n\t\t-webkit-transform: translateX(-50%) translateY(-50%);\n\t\t-ms-transform: translateX(-50%) translateY(-50%);\n\t\ttransform: translateX(-50%) translateY(-50%);\n\t\ttop: 50%;\n\t\twidth: 8px;\n\t}\n}\n\n.timeline-nav-button--prev {\n\tleft: 0;\n\n\t&:before {\n\t\tbackground-image: url(../images/arrow-left.svg);\n\t}\n}\n\n.timeline-nav-button--next {\n\tright: 0;\n\n\t&:before {\n\t\tbackground-image: url(../images/arrow-right.svg);\n\t}\n}\n\n.timeline--mobile {\n\tpadding: 0;\n\n\t&:before {\n\t\tleft: 10px !important;\n\t\tmargin: 0 !important;\n\t}\n\n\t.timeline__item {\n\t\tleft: 0;\n\t\tpadding-left: 40px;\n\t\tpadding-right: 0;\n\t\twidth: 100%;\n\n\t\t&:after {\n\t\t\tleft: 2px;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.timeline__content {\n\t\t\t&:before {\n\t\t\t\tleft: -12px;\n\t\t\t\tborder-bottom: 12px solid transparent;\n\t\t\t\tborder-right: 12px solid #e1e6f1;\n\t\t\t\tborder-left: none;\n\t\t\t\tborder-top: 12px solid transparent;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tleft: -10px;\n\t\t\t\tborder-bottom: 10px solid transparent;\n\t\t\t\tborder-right: 10px solid $white;\n\t\t\t\tborder-left: none;\n\t\t\t\tborder-top: 10px solid transparent;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@-webkit-keyframes fadeIn {\n\t0% {\n\t\topacity: 0;\n\t\ttop: 70px;\n\t}\n\n\t100% {\n\t\topacity: 1;\n\t\ttop: 0;\n\t}\n}\n\n@keyframes fadeIn {\n\t0% {\n\t\topacity: 0;\n\t\ttop: 70px;\n\t}\n\n\t100% {\n\t\topacity: 1;\n\t\ttop: 0;\n\t}\n}\n\n@-webkit-keyframes liftUp {\n\t0% {\n\t\ttop: 0;\n\t}\n\n\t100% {\n\t\ttop: -15px;\n\t}\n}\n\n@keyframes liftUp {\n\t0% {\n\t\ttop: 0;\n\t}\n\n\t100% {\n\t\ttop: -15px;\n\t}\n}\n\n.timeline--horizontal .timeline__item:nth-child(even):after {\n\ttop: 0;\n}\n"]}