{"version":3,"sources":["timeline.scss","timeline.min.css"],"names":[],"mappings":"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","file":"timeline.min.css","sourcesContent":[".timeline {\n    box-sizing: border-box;\n    position: relative;\n    *,\n    *::before,\n    *::after {\n        box-sizing: inherit;\n    }\n    &:not(.timeline--horizontal)::before {\n        background-color: #DDD;\n        bottom: 0;\n        content: '';\n        left: 50%;\n        margin-left: -2px;\n        position: absolute;\n        top: 0;\n        width: 4px;\n        z-index: 1;\n    }\n}\n\n.timeline__wrap {\n\toverflow: hidden;\n\tposition: relative;\n\tz-index: 2;\n}\n\n.timeline__item {\n\tfont-size: 1rem;\n\tpadding: 10px 40px 10px 0;\n\tposition: relative;\n\twidth: 50%;\n    z-index: 2;\n    &::after {\n        background-color: #FFF;\n        border: 4px solid #DDD;\n        border-radius: 50%;\n        content: '';\n        height: 20px;\n        position: absolute;\n        right: -10px;\n        transform: translateY(-50%);\n        top: 50%;\n        width: 20px;\n        z-index: 1;\n    }\n    &.animated {\n        animation-duration: 1s;\n        animation-fill-mode: both;\n        opacity: 0;\n    }\n    &.fadeIn {\n        animation-name: fadeIn;\n    }\n}\n\n.timeline__item--left {\n    left: 0;\n}\n\n.timeline__item--right {\n\tleft: 50%;\n    padding: 10px 0 10px 40px;\n    &::after {\n        left: -10px;\n    }\n    .timeline__content {\n        &::before {\n            border-bottom: 10px solid transparent; \n            border-right: 12px solid #CCC; \n            border-left: none;\n            border-top: 10px solid transparent;\n            left: -12px;\n        }\n        &::after {\n            border-bottom: 9px solid transparent; \n            border-right: 11px solid #FFF; \n            border-left: none;\n            border-top: 9px solid transparent;\n            left: -10px;\n        }\n    }\n}\n\n.timeline__content {\n    background-color: #FFF;\n    border: 1px solid #CCC;\n    border-radius: 10px;\n    color: #333;\n\tdisplay: block;\n\tpadding: 20px;\n    position: relative;\n    &::before,\n    &::after {\n        content: '';\n        height: 0;\n        position: absolute;\n        transform: translateY(-50%);\n        top: 50%;\n        width: 0;\n    }\n    &::before {\n        border-bottom: 10px solid transparent; \n        border-left: 12px solid #CCC; \n        border-top: 10px solid transparent;\n        right: -12px;\n        z-index: 1;\n    }\n    &::after {\n        border-bottom: 9px solid transparent; \n        border-left: 11px solid #FFF; \n        border-top: 9px solid transparent;\n        right: -10px;\n        z-index: 2;\n    }\n    h2 {\n        font-size: 20px;\n        font-weight: 700;\n        margin: 0 0 10px;\n    }\n    p {\n        font-size: 15px;\n        line-height: 1.5;\n        margin-bottom: 10px;\n    }\n}\n\n.timeline--horizontal {\n\tfont-size: 0;\n\tpadding: 0 50px;\n\toverflow: hidden;\n    white-space: nowrap;\n    .timeline-divider {\n        background-color: #DDD;\n        display: block;\n        height: 4px;\n        left: 40px;\n        position: absolute;\n        transform: translateY(-50%);\n        right: 40px;\n        z-index: 1;\n    }\n    .timeline__items {\n        transition: all 0.8s;\n        will-change: transform;\n    }\n    .timeline__item {\n        display:  inline-block;\n        left:0;\n        padding: 0 0 40px;\n        position: relative;\n        transition: none;\n        vertical-align: top;\n        white-space: normal;\n        &::after {\n            left: 50%;\n            right: auto;\n            transform: translate(-50%, -50%);\n            top: 100%;\n        }\n        .timeline__item__inner {\n            display: table;\n            height: 100%;\n            width: 100%;\n        }\n        .timeline__content__wrap {\n            display: table-cell;\n            margin: 0;\n            padding: 0;\n            vertical-align: bottom;\n        }\n        .timeline__content::before {\n            border-left: 12px solid transparent;\n            border-right: 12px solid transparent;\n            border-top: 12px solid #CCC;\n            left: 50%;\n            right: auto;\n            transform: translateX(-50%);\n            top: 100%;\n        }\n        .timeline__content::after {\n            border-left: 10px solid transparent;\n            border-right: 10px solid transparent;\n            border-top: 10px solid #FFF;\n            left: 50%;\n            right: auto;\n            transform: translateX(-50%);\n            top: 100%;\n        }\n        &--bottom {\n            padding: 40px 0 0;\n            &::after {\n                top: 0;\n            }\n            .timeline__content__wrap {\n                vertical-align: top;\n            }\n            .timeline__content::before {\n                border-bottom: 12px solid #CCC;\n                border-left: 12px solid transparent;\n                border-right: 12px solid transparent;\n                border-top: none;\n                bottom: 100%;\n                top: auto;\n            }\n            .timeline__content::after {\n                border-bottom : 10px solid #FFF;\n                border-left: 10px solid transparent;\n                border-right: 10px solid transparent;\n                border-top: none;\n                bottom: 100%;\n                top: auto;\n            }\n        }\n    }\n}\n\n.timeline-nav-button {\n    background-color: #FFF;\n    border: 2px solid #DDD;\n\tborder-radius: 50px;\n    box-sizing:border-box;\n\tbox-shadow: none;\n\tcursor: pointer;\n\tdisplay: block;\n\theight: 40px;\n\toutline: none;\n\tposition: absolute;\n    text-indent: -9999px;\n    transform: translateY(-50%);\n\ttop: 50%;\n\twidth: 40px;\n    z-index: 10;\n    &:disabled {\n        opacity: .5;\n        pointer-events: none;\n    }\n    &::before {\n        background-position: center center;\n        background-repeat: no-repeat;\n        content: '';\n        display: block;\n        height: 14px;\n        left: 50%;\n        position: absolute;\n        transform: translateX(-50%) translateY(-50%);\n        top: 50%;\n        width: 8px;\n    }\n    &--prev {\n        left: 0;\n        &::before {\n            background-image: url('../images/arrow-left.svg');\n        }\n    }\n    &--next {\n        right: 0;\n        &::before {\n            background-image: url('../images/arrow-right.svg');\n        }\n    }\n}\n\n.timeline--mobile {\n    padding: 0;\n    &::before {\n        left: 10px !important;\n        margin: 0 !important;\n    }\n    .timeline__item {\n        left: 0;\n        padding-left: 40px;\n        padding-right: 0;\n        width: 100%;\n        &::after {\n            left: 2px;\n            margin: 0;\n        }\n        .timeline__content {\n            &::before {\n                left: -12px;\n                border-bottom: 12px solid transparent; \n                border-right: 12px solid #CCC; \n                border-left: none;\n                border-top: 12px solid transparent;\n            }\n            &::after {\n                left: -10px;\n                border-bottom: 10px solid transparent; \n                border-right: 10px solid #FFF;\n                border-left: none;\n                border-top: 10px solid transparent; \n            }\n        }\n    }\n}\n\n@keyframes fadeIn {\n\t0% {\n\t\topacity: 0;\n\t\ttop: 70px;\n\t}\n\t100% {\n\t\topacity: 1;\n\t\ttop: 0px;\n\t}\n}\n\n@keyframes liftUp {\n\t0% {\n\t\ttop: 0px;\n\t}\n\t100% {\n\t\ttop: -15px;\n\t}\n}",null]}