.valentine-timeline,.valentine-timeline-wrapper{display:block;width:100%}.valentine-timeline-container{margin:0 auto;position:relative}.valentine-timeline-title{font-size:32px;font-weight:700;text-align:center;margin-bottom:50px;color:#000;font-family:inherit}.valentine-timeline-items{--padding: 116px;--line-active-index: 0;--gap: 32px;display:flex;flex-wrap:wrap;gap:var(--gap);justify-content:center;position:relative;padding:0 var(--padding);--line-width: 0}.valentine-timeline-line:before{content:"";height:100%;position:absolute;left:0;top:0;width:var(--line-width);display:inline-block;z-index:0;background:linear-gradient(90deg,#fcfce2,#f75260);border-radius:8px;transition:all .3s ease}.valentine-timeline-line:after{content:"";height:6px;position:absolute;left:calc(var(--line-width) - 7px);top:1px;width:6px;z-index:0;border-radius:8px;background-color:#ffc8bb;transition:all .3s ease}.valentine-timeline-line{position:absolute;top:86px;left:0;height:8px;background:#ececec;border-radius:8px;width:100%}.valentine-timeline-item{flex:1;min-width:280px;max-width:350px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;border-radius:8px;opacity:.3}.active.valentine-timeline-item{opacity:1}.active.valentine-timeline-item .timeline-item-content{border:1px solid #FF8E7F}.timeline-item-content{border:1px solid transparent;height:100%;position:relative}.active .timeline-item-content:after{content:"";height:100%;position:absolute;left:50%;transform:translate(-50%,-100%);top:0;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #FF8E7F;display:inline-block;z-index:0;transition:all .3s ease}.timeline-date{font-size:20px;color:#420204}.timeline-period{font-size:28px;color:#450506;text-transform:capitalize;margin-bottom:40px}.timeline-period,.timeline-date{font-weight:400}.active .timeline-date{font-weight:700}.active .timeline-period{font-weight:500;color:#ff8e7f}.timeline-item-content,.timeline-icon-wrapper{border-radius:8px}.timeline-icon-wrapper{display:flex;justify-content:center;align-items:center;position:relative;flex-direction:column;z-index:2;padding:20px 0;gap:4px;background:linear-gradient(225deg,#ffcbcb,#ffdfd2)}.active.valentine-timeline-item .timeline-icon-wrapper{background:#fff0f0}.timeline-icon-wrapper svg{display:block}.timeline-item-title{font-size:18px;font-weight:700;color:#420204;line-height:normal}.timeline-description{font-size:18px;color:#420204;max-width:100%;padding:8px 16px}.valentine-timeline-item.active .timeline-period{animation:pulse 2s ease-in-out infinite}.valentine-timeline-item.scroll-target{animation:highlight 1s ease-in-out}@keyframes upcoming-pulse{0%,to{opacity:.5}50%{opacity:.7}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes highlight{0%{box-shadow:0 0 #f75a66b3}50%{box-shadow:0 0 20px 10px #f75a664d}to{box-shadow:0 0 #f75a6600}}@media (max-width: 1279px){.valentine-timeline-items{--padding: 0px}.valentine-timeline-item{min-width:208px;max-width:300px}.timeline-item-title{padding:0 12px}}@media (max-width: 767px){.valentine-timeline-items{--padding: 0px;--gap: 16px;flex-direction:column;padding-left:22px;max-width:522px;margin:0 auto;--line-height: 0%}.valentine-timeline-item{min-width:320px;max-width:500px;align-items:flex-start;width:100%}.timeline-item-content{display:flex;width:100%}.timeline-item-title{padding:0 12px}.timeline-icon-wrapper{max-width:180px;min-width:160px}.timeline-icon-wrapper svg{width:80px}.active .timeline-item-content:after{--border-width: 10px;left:0;top:50%;transform:translate(-100%,-50%);border-top:var(--border-width) solid transparent;border-bottom:var(--border-width) solid transparent;border-right:var(--border-width) solid #FF8E7F}.valentine-timeline-line{width:6px;height:100%;top:0}.timeline-date{font-size:14px}.timeline-period{padding:0;margin-bottom:0}.valentine-timeline-line:before{width:6px;height:calc(var(--line-height) + var(--gap) * var(--line-active-index));top:0;background:linear-gradient(180deg,#ffe4e0,#f75260)}.timeline-description{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;max-width:320px;min-width:160px}.timeline-description *{margin:0;padding:0}.timeline-description-content{display:none}.active .timeline-description-content,.is-current .timeline-description-content{display:flex}.valentine-timeline-line:after{top:calc(var(--line-height) + var(--gap) * var(--line-active-index) - 4px);transform:translateY(-50%);width:4.5px;height:4.5px;left:1px}.valentine-timeline-title,.timeline-item-title{font-size:18px;width:100%}.timeline-period{font-size:16px}.timeline-description{font-size:14px;max-width:calc(160 / 375 * 100vw);width:100%;min-width:calc(160 / 375 * 100vw)}}@media (max-width: 374px){.valentine-timeline-items{--gap: calc(16 / 375 * 100vw);padding-left:calc(22 / 375 * 100vw);max-width:calc(342 / 375 * 100vw)}.valentine-timeline-item{min-width:calc(320 / 375 * 100vw);max-width:calc(500 / 375 * 100vw)}.timeline-icon-wrapper{max-width:calc(160 / 375 * 100vw);min-width:calc(160 / 375 * 100vw)}.timeline-icon-wrapper svg{width:calc(80 / 375 * 100vw)}.active .timeline-item-content:after{--border-width: 10px}.valentine-timeline-line{width:1.6vw}.timeline-date{font-size:calc(14 / 375 * 100vw)}.timeline-period{padding:0vw}.valentine-timeline-line:before{width:1.6vw}.valentine-timeline-line:after{top:calc(var(--line-height) + var(--gap) * var(--line-active-index) - calc(4 / 375 * 100vw));width:1.2vw;height:1.2vw;left:calc(1 / 375 * 100vw)}.valentine-timeline-title,.timeline-item-title{font-size:4.8vw;padding:0;margin:0}.timeline-period{font-size:calc(16 / 375 * 100vw)}.timeline-description{font-size:calc(14 / 375 * 100vw)}}
/*# sourceMappingURL=/cdn/shop/t/183/assets/valentine-timeline.css.map */