.loading-spinner{-webkit-animation-name:spin;animation-name:spin;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:cubic-bezier(.1,.7,1,.1);animation-timing-function:cubic-bezier(.1,.7,1,.1);border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--spinner-color);border-style:solid;border-width:var(--spinner-thickness);border-radius:calc(var(--spinner-size)/2);height:var(--spinner-size);width:var(--spinner-size)}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fadein{from{opacity:0}}@keyframes fadein{from{opacity:0}}.media.border--blue picture{border:var(--imagePadding) solid #10b7e0}.media.border--green picture{border:var(--imagePadding) solid #53b446}.media.border--pink picture{border:var(--imagePadding) solid #dc1482}.media.border--purple picture{border:var(--imagePadding) solid #5a3296}.media.border--yellow picture{border:var(--imagePadding) solid #fd0}.media--gradient:before{background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.65)),to(transparent));background:linear-gradient(to top,rgba(0,0,0,.65) 0%,transparent 100%);bottom:0;content:"";height:50%;position:absolute;left:0;max-height:398px;width:100%}