.component[data-design-5]{--delay: 0;--duration: 15s}.component[data-design-5] .caption{text-align:center}.component[data-design-5] .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.component[data-design-5] .heart{z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-animation:heartbeat 5s ease-in-out infinite both;animation:heartbeat 5s ease-in-out infinite both}.component[data-design-5] .heart img{-webkit-transition:-webkit-transform var(--app-transition-duration) var(--app-transition-easing);transition:-webkit-transform var(--app-transition-duration) var(--app-transition-easing);transition:transform var(--app-transition-duration) var(--app-transition-easing);transition:transform var(--app-transition-duration) var(--app-transition-easing),-webkit-transform var(--app-transition-duration) var(--app-transition-easing)}@media(min-width:1401px){.component[data-design-5] .heart img{height:70vh}}@media(min-width:1101px)and (max-width:1400px){.component[data-design-5] .heart img{height:60vh}}@media(min-width:501px)and (max-width:1100px){.component[data-design-5] .heart img{height:50vh}}@media(min-width:501px){.component[data-design-5] .heart img{width:auto}}@media(max-width:500px){.component[data-design-5] .heart img{width:75%;height:auto}}.component[data-design-5] .heart .holder{top:10%;right:10%;bottom:10%;left:10%;z-index:2;opacity:0;position:absolute;background:radial-gradient(50% 50% at 50% 50%,rgba(255,227,11,.7),rgba(255,255,255,0));mix-blend-mode:multiply;-webkit-transition:opacity var(--app-transition-duration) var(--app-transition-easing);transition:opacity var(--app-transition-duration) var(--app-transition-easing)}.component[data-design-5] .heart:hover img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.component[data-design-5] .heart:hover .holder{opacity:1}.component[data-design-5] .content{z-index:3;position:relative;margin-top:2rem}@media(min-width:901px){.component[data-design-5] .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media(min-width:901px){.component[data-design-5] .items{top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;position:absolute;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media(max-width:900px){.component[data-design-5] .items{display:grid;grid-template-columns:1fr;margin-top:1.875rem}}@media(min-width:501px)and (max-width:900px){.component[data-design-5] .items{grid-gap:.9375rem}}@media(max-width:500px){.component[data-design-5] .items{grid-gap:1.875rem;position:relative}}.component[data-design-5] .row{display:grid;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media(min-width:1101px){.component[data-design-5] .row{--size: 24.0625rem }}@media(max-width:1100px){.component[data-design-5] .row{--size: 17.1875rem }}@media(min-width:901px){.component[data-design-5] .row{grid-template-columns:var(--size) 1fr var(--size)}}@media(min-width:501px)and (max-width:900px){.component[data-design-5] .row{grid-template-columns:1fr 1fr;grid-gap:.9375rem}}@media(max-width:500px){.component[data-design-5] .row{grid-template-columns:1fr;grid-gap:1.875rem}}.component[data-design-5] .row:nth-child(2n) .decoration:before,.component[data-design-5] .row:nth-child(2n) .decoration:after{animation-direction:reverse}.component[data-design-5] .heading-h2{text-align:center;margin-top:1rem}@media(max-width:500px){.component[data-design-5] .heading-h2{width:100%;font-size:var(--app-size-h3)}}.component[data-design-5] .heading-h4{background:var(--app-color-light)}@media(min-width:901px){.component[data-design-5] .heading-h4{border-radius:var(--app-radius-16)}}@media(max-width:900px){.component[data-design-5] .heading-h4{border-radius:var(--app-radius-8)}}@media(min-width:501px){.component[data-design-5] .heading-h4{padding:1.25rem}}@media(max-width:500px){.component[data-design-5] .heading-h4{padding:.9375rem}}.component[data-design-5] .decoration{height:1px;z-index:-1;position:relative;background:hsla(var(--app-color-main-h),var(--app-color-main-s),var(--app-color-main-l),.2);margin:auto -1.25rem}@media(max-width:900px){.component[data-design-5] .decoration{display:none}}.component[data-design-5] .decoration:before,.component[data-design-5] .decoration:after{top:0;left:0;z-index:3;content:"";display:block;position:absolute;background:var(--app-color-blue);border-radius:var(--app-radius-full);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:var(--app-point-size);height:var(--app-point-size);-webkit-animation-name:move;animation-name:move;-webkit-animation-duration:var(--duration);animation-duration:var(--duration);-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.component[data-design-5] .decoration:before{-webkit-animation-delay:calc(var(--delay));animation-delay:calc(var(--delay))}.component[data-design-5] .decoration:after{-webkit-animation-delay:calc(var(--delay) + var(--duration)/2);animation-delay:calc(var(--delay) + var(--duration)/2)}@media(min-width:501px){.component[data-design-5] .items-decoration{display:none}}.component[data-design-5] .items-decoration{width:1px;left:0;right:0;top:.9375rem;bottom:.9375rem;z-index:-1;position:absolute;margin-left:auto;margin-right:auto;background:hsla(var(--app-color-main-h),var(--app-color-main-s),var(--app-color-main-l),.2)}.component[data-design-5] .items-decoration:before{left:0;z-index:3;content:"";display:block;position:-webkit-sticky;position:sticky;background:var(--app-color-blue);width:var(--app-point-size);height:var(--app-point-size);top:calc(var(--app-header) + 6.25rem);border-radius:var(--app-radius-full);margin-left:calc(var(--app-point-size)*-.5)}@-webkit-keyframes move{to{left:100%}}@keyframes move{to{left:100%}}@-webkit-keyframes heartbeat{0%,to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}15%{-webkit-transform:scale(.94);transform:scale(.94);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}30%{-webkit-transform:scale(1.075);transform:scale(1.075);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}55%{-webkit-transform:scale(.92);transform:scale(.92);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}75%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{0%,to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}15%{-webkit-transform:scale(.94);transform:scale(.94);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}30%{-webkit-transform:scale(1.075);transform:scale(1.075);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}55%{-webkit-transform:scale(.92);transform:scale(.92);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}75%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}