.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)}}.photo-photo>.wrap{position:relative}.photo-photo>.wrap>.content{display:block;text-align:center;transition:all .5s cubic-bezier(.5,0,.2,1)}.photo-photo>.wrap>.content img{display:block;height:auto;width:100%}@media only screen and (max-width:639px){.photo-photo>.wrap>.content{background-color:#fbfbfb;border-radius:20px;box-shadow:0 30px 150px -20px #3d093f80;overflow:hidden}}@media only screen and (min-width:640px){.photo-photo>.wrap{height:100%}.photo-photo>.wrap>.content{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.photo-photo>.wrap>.content img{border-radius:20px;box-shadow:0 30px 150px -20px #3d093f80}}.photo-related-list-item{position:relative}.photo-related-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)}.photo-related-list-item a img{height:1px;left:-10px;position:absolute;top:-10px;width:1px}.photo-related-list-item.-loading a{opacity:0}.photo-related-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%}.photo-related-list>.wrap>.content ol{position:relative}.photo-related-list>.wrap>.content ol:after{clear:both;content:"";display:table}.photo-related-list>.wrap>.content ol li{float:left;transition:all .5s cubic-bezier(.5,0,.2,1);width:calc(33.33% - 10px)}.photo-related-list>.wrap>.content ol li+li{margin-left:15px;margin-top:15px}.photo-related-list>.wrap>.content ol li+li:nth-child(2),.photo-related-list>.wrap>.content ol li+li:nth-child(3){margin-top:0}.photo-related-list>.wrap>.content ol li+li:nth-child(3n+1){margin-left:0}.photo-related-list.-loading>.wrap>.content ol li:not(.-active){opacity:0}.photo-related-list.-loading>.wrap>.content ol li:not(.-active):first-child{transform:translate(-100px,200px) scale(0) rotate(5deg)}.photo-related-list.-loading>.wrap>.content ol li:not(.-active):nth-child(2){transform:translate(100px,-50px) scale(0) rotate(-17deg)}.photo-related-list.-loading>.wrap>.content ol li:not(.-active):nth-child(3){transform:translate(-100px,200px) scale(0) rotate(7deg)}.photo-related-list.-loading>.wrap>.content ol li:not(.-active):nth-child(4){transform:translate(100px,-50px) scale(0) rotate(35deg)}.photo-related-list.-loading>.wrap>.content ol li:not(.-active):nth-child(5){transform:translate(-100px,200px) scale(0) rotate(9deg)}.photo-related-list.-loading>.wrap>.content ol li:not(.-active):nth-child(6){transform:translate(100px,-50px) scale(0) rotate(-8deg)}.photo-related-list.-loading>.wrap>.content ol li:not(.-active):nth-child(7){transform:translate(-100px,200px) scale(0) rotate(2deg)}.photo-related-list.-loading>.wrap>.content ol li:not(.-active):nth-child(8){transform:translate(100px,-50px) scale(0) rotate(21deg)}.photo-related-list.-loading>.wrap>.content ol li:not(.-active):nth-child(9){transform:translate(-100px,200px) scale(0) rotate(-76deg)}.photo-related-list-transition-move{transition:all .5s cubic-bezier(.5,0,.2,1)}.photo-related-list-transition-enter-active,.photo-related-list-transition-leave-active{transition:all .5s ease}.photo-related-list-transition-enter{opacity:0;transform:scale(0)}.photo-related-list-transition-leave,.photo-related-list-transition-leave-active,.photo-related-list-transition-leave-to{opacity:0}.photo-related-list-transition-leave-active{opacity:0;position:absolute}.photo-page>.wrap>.content .photo-photo img{border-radius:20px;box-shadow:0 30px 100px -20px #5856d680;display:block;height:auto;max-width:100%;transition:all .5s cubic-bezier(.5,0,.2,1)}.photo-page>.wrap>.content .secondary .photo-options a{vertical-align:top}.photo-page>.wrap>.content .secondary .photo-options a+a{margin-left:5px}.photo-page>.wrap>.content .secondary .photo-options .-photo-link{border-radius:20px;color:#5856d6;display:block;font-size:16px;line-height:1.2;line-height:40px;margin-top:5px;padding:0 10px;position:relative;vertical-align:top}.photo-page>.wrap>.content .secondary .photo-options .-photo-link svg{fill:#5856d6;height:20px;margin-right:10px;transform:translateY(-1px);vertical-align:middle;width:20px}.photo-page>.wrap>.content .secondary .photo-options .-photo-link:hover{color:#f0f}.photo-page>.wrap>.content .secondary .photo-options .-photo-link:hover svg{fill:#f0f}@media only screen and (max-width:639px){.photo-page{padding-left:20px;padding-right:20px;padding-top:80px}.photo-page>.wrap>.content .secondary{margin-top:40px}.photo-page>.wrap>.content .secondary .photo-options{text-align:center}.photo-page>.wrap>.content .secondary .photo-related-list{margin-top:20px}}@media only screen and (min-width:640px){.photo-page{padding-left:20px;padding-right:20px}.photo-page>.wrap{margin-left:auto;margin-right:auto;max-width:1280px}.photo-page>.wrap>.content{padding-top:80px}.photo-page>.wrap>.content:after{clear:both;content:"";display:table}.photo-page>.wrap>.content>.photo-photo{float:left;height:calc(100vh - 110px);width:calc(60% - 30px)}.photo-page>.wrap>.content .secondary{float:right;width:calc(40% - 30px)}.photo-page>.wrap>.content .secondary .photo-related-list{margin-top:20px}}
