My subscriptions
<style>
.page-width {
max-width: var(--page-width, 120rem) !important;
}
div:empty {
display: inline-block;
}
.spurit-ros__subscriptions {
text-align: center;
width: 100%;
max-width: 1000px;
margin: auto;
padding: 20px 0;
}
.spurit-ros__subscriptions h1 {
margin-bottom: 20px;
}
.spurit-ros__subscriptions .spurit-ros__content {
min-height: 40vh;
}
.spurit-ros__loader {
display: inline-block;
width: 100%;
height: 100px;
text-align: center;
padding: 100px 0;
}
.spurit-ros__loader:after {
content: " ";
display: block;
width: 100px;
height: 100px;
margin: auto;
border-radius: 50%;
border: 6px solid;
border-color: #777 transparent #777 transparent;
animation: spurit-ros-loader 0.6s linear infinite;
}
@keyframes spurit-ros-loader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media all and (max-width: 749px) {
.spurit-ros__subscriptions {
padding: 20px;
}
}
</style>
<div class="spurit-ros__subscriptions">
<div class="spurit-ros__content">
<div class="spurit-ros__loader"></div>
</div>
<div class="spurit-ros__custom-content"></div>
</div>