@import url(./css/colors.css);
/* @import url(./css/christmascolors.css); */
@import url(./css/text.css);
@import url(./css/forms.css);
@import url(./css/nav.css);
@import url(./css/buttons.css);
@import url(./css/components.css);
@import url(./css/icons.css);
@import url(./css/body.css);
@import url(./css/helpers.css);
@import url(./css/social_previews.css);
@import url(./css/steps.css);
@import url(./css/social.css);
@import url(./css/oauth.css);
@import url(./css/docs.css);
@import url(./css/premium.css);

#modal_vid_elm{
    max-height: 400px;
    max-width: 100%;
}
.loading-bg{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256'%3E%3Crect x='0' y='0' width='256' height='256' fill='%23ccc'%3E%3Canimate attributeName='fill' values='%23ccc; %23999; %23ccc' dur='1.5s' repeatCount='indefinite'%3E%3C/animate%3E%3C/rect%3E%3C/svg%3E");
}