.like-button{background-color:#f0f;background-image:linear-gradient(135deg,#f0f 30%,#5856d6);border:2px dotted hsla(0,0%,100%,.5);border-radius:20px;box-shadow:0 20px 80px -15px #5856d680;display:inline-block;padding:15px 10px;text-align:center;width:100px}.like-button,.like-button .hearts{position:relative}.like-button .hearts span{display:block;transition:all .5s cubic-bezier(.5,0,.2,1)}.like-button .hearts span svg{fill:#fff;height:50px;stroke:#fff;transition:all .25s cubic-bezier(.5,0,.2,1);vertical-align:middle;width:50px}.like-button .hearts span:nth-child(2),.like-button .hearts span:nth-child(3),.like-button .hearts span:nth-child(4),.like-button .hearts span:nth-child(5){left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.like-button .hearts span:first-child{fill:#fc0;transition-delay:25ms}.like-button .hearts span:nth-child(2){fill:#03b96c;transition-delay:50ms}.like-button .hearts span:nth-child(3){fill:#ff9500;transition-delay:75ms}.like-button .hearts span:nth-child(4){fill:#3380ff;transition-delay:.1s}.like-button .hearts span:nth-child(5){fill:#5856d6;transition-delay:125ms}.like-button p{color:#fff;line-height:1.2}.like-button p:nth-child(2){font-size:20px;margin-top:5px}.like-button p:nth-child(3){font-size:14px;opacity:.5}.like-button.-active span svg:first-child{transform:scale(1.3)}.next-button{border:2px dotted rgba(88,86,214,.5);border-radius:20px;display:inline-block;padding:10px;text-align:center;width:100px}.next-button,.next-button .icon{position:relative}.next-button .icon span{display:block;transition:all .5s cubic-bezier(.5,0,.2,1)}.next-button .icon span svg{fill:#5856d6;height:50px;stroke:#5856d6;transition:all .25s cubic-bezier(.5,0,.2,1);vertical-align:middle;width:30px}.next-button p{color:#5856d6;font-size:20px;line-height:1.2;margin-top:5px}.next-button.-active span svg{transform:scale(2)}@keyframes likeButtonAnimation{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(2)}}.gallery-list-item{position:relative}.gallery-list-item a{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px;box-sizing:border-box;display:block;height:100%;overflow:hidden;padding-bottom:100%;transition:all .5s cubic-bezier(.5,0,.2,1)}.gallery-list-item a img{height:1px;left:-10px;position:absolute;top:-10px;width:1px}.gallery-list-item.-loading a{opacity:0}.gallery-list-item.-active:before{border:5px solid #f0f;border-radius:15px;box-sizing:border-box;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.gallery-list>.wrap>.content ol{position:relative}.gallery-list>.wrap>.content ol:after{clear:both;content:"";display:table}.gallery-list>.wrap>.content ol li{float:left;transition:all .5s cubic-bezier(.5,0,.2,1);width:calc(33.33% - 10px)}.gallery-list>.wrap>.content ol li+li{margin-left:15px;margin-top:15px}.gallery-list>.wrap>.content ol li+li:nth-child(2),.gallery-list>.wrap>.content ol li+li:nth-child(3){margin-top:0}.gallery-list>.wrap>.content ol li+li:nth-child(3n+1){margin-left:0}.gallery-list.-loading>.wrap>.content ol li:not(.-active){opacity:0}.gallery-list.-loading>.wrap>.content ol li:not(.-active):first-child{transform:translate(-100px,200px) scale(0) rotate(5deg)}.gallery-list.-loading>.wrap>.content ol li:not(.-active):nth-child(2){transform:translate(100px,-50px) scale(0) rotate(-17deg)}.gallery-list.-loading>.wrap>.content ol li:not(.-active):nth-child(3){transform:translate(-100px,200px) scale(0) rotate(7deg)}.gallery-list.-loading>.wrap>.content ol li:not(.-active):nth-child(4){transform:translate(100px,-50px) scale(0) rotate(35deg)}.gallery-list.-loading>.wrap>.content ol li:not(.-active):nth-child(5){transform:translate(-100px,200px) scale(0) rotate(9deg)}.gallery-list.-loading>.wrap>.content ol li:not(.-active):nth-child(6){transform:translate(100px,-50px) scale(0) rotate(-8deg)}.gallery-list.-loading>.wrap>.content ol li:not(.-active):nth-child(7){transform:translate(-100px,200px) scale(0) rotate(2deg)}.gallery-list.-loading>.wrap>.content ol li:not(.-active):nth-child(8){transform:translate(100px,-50px) scale(0) rotate(21deg)}.gallery-list.-loading>.wrap>.content ol li:not(.-active):nth-child(9){transform:translate(-100px,200px) scale(0) rotate(-76deg)}.gallery-list-transition-move{transition:all .5s cubic-bezier(.5,0,.2,1)}.gallery-list-transition-enter-active,.gallery-list-transition-leave-active{transition:all .5s ease}.gallery-list-transition-enter{opacity:0;transform:scale(0)}.gallery-list-transition-leave,.gallery-list-transition-leave-active,.gallery-list-transition-leave-to{opacity:0}.gallery-list-transition-leave-active{opacity:0;position:absolute}.gallery-options>.wrap>.content a,.gallery-options>.wrap>.content button{vertical-align:top}.gallery-options>.wrap>.content a+a,.gallery-options>.wrap>.content a+button,.gallery-options>.wrap>.content button+a,.gallery-options>.wrap>.content button+button{margin-left:20px}@media only screen and (max-width:639px){.gallery-options>.wrap>.content{text-align:center}}.gallery-pic>.wrap>.content{display:block;margin-left:auto;margin-right:auto;position:relative;text-align:center;transition:all .5s cubic-bezier(.5,0,.2,1)}.gallery-pic>.wrap>.content img{border-radius:20px;box-shadow:0 30px 150px -20px #3d093f80;display:block;height:auto;left:50%;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@media only screen and (max-width:639px){.gallery-page{padding-left:20px;padding-right:20px;padding-top:100px}.gallery-page>.wrap>.content .gallery-list,.gallery-page>.wrap>.content .secondary{margin-top:20px}}@media only screen and (min-width:640px){.gallery-page{padding-left:20px;padding-right:20px}.gallery-page>.wrap{margin-left:auto;margin-right:auto;max-width:1280px}.gallery-page>.wrap>.content:after{clear:both;content:"";display:table}.gallery-page>.wrap>.content{padding-top:80px}.gallery-page>.wrap>.content .gallery-pic{float:left;height:calc(100vh - 110px);width:calc(60% - 30px)}.gallery-page>.wrap>.content .secondary{float:right;width:calc(40% - 30px)}.gallery-page>.wrap>.content .secondary .gallery-list{margin-top:20px}}
