.moment-card{align-items:flex-start;box-sizing:border-box;cursor:pointer;display:flex;flex-basis:100px;flex-direction:column;justify-content:space-between;perspective:1000px;-webkit-perspective:1000px;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:all .2s}.moment-card:active{transform:scale(.9)}.moment-card:hover:after{transform:rotate(45deg) translate(500%);transition:all 1s cubic-bezier(.645,.045,.355,1)}.moment-card:hover .moment-card__container{box-shadow:0 2px 0 1px #0002,-1px -1px #fff;transform:rotateY(5deg) rotateX(20deg)}.moment-card:hover .moment-card__container .moment-card__reflection:after{transform:rotate(45deg) translate(-280%)}.moment-card:hover .moment-card__author-name{text-shadow:-2px 2px 0 #000,1px -1px 0 rgba(0,0,0,.933),0 0 3px #000}.moment-card--seen{background:hsla(0,0%,100%,.333);border-radius:5px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.moment-card__thumb{border-radius:5px;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .2s;width:100%}.moment-card-sm{height:100px;max-width:80px;min-width:80px;width:80px}.moment-card-sm .moment-card__author-name{font-size:10px}.moment-card-md{height:150px;max-height:150px;max-width:85px;min-height:150px;min-width:85px;width:85px}.moment-card-md .moment-card__author-name{font-size:12px}.moment-card-lg{height:250px;max-width:141px;min-width:141px;width:141px}.moment-card__container{align-items:flex-start;background-position:50%;background-size:cover;background:var(--darker-bg);border-radius:5px;box-shadow:0 1px 3px #0002;color:#fff;display:flex;flex:1;flex-direction:column;height:100%;justify-content:space-between;perspective:2000px;-webkit-perspective:2000px;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:all .4s;width:100%}.moment-card__reflection{border-radius:5px;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.moment-card__reflection:after{background:hsla(0,0%,100%,.3);box-sizing:border-box;content:"";display:block;filter:blur(3px);height:300%;position:absolute;top:0;transform:rotate(45deg) translate(350%);transition:all .5s cubic-bezier(.645,.045,.355,1);width:100%}.moment-card__author{align-items:center;bottom:0;box-sizing:border-box;display:flex;flex-direction:column;position:absolute;row-gap:5px;transform:translateZ(20px);width:100%;z-index:3}.moment-card__author-avatar{z-index:3}.moment-card__author-name{box-sizing:border-box;font-size:14px;min-height:25px;padding:0 5px;text-align:center;text-shadow:-1px -1px 0 var(--color-dark-grey),1px 1px 0 var(--color-dark-grey),-1px 1px 0 var(--color-dark-grey),1px -1px 0 var(--color-dark-grey);transition:all .2s;width:100%;word-break:break-all;z-index:3}