.frame-diamond-loading{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:285px;padding:32px 20px 28px;text-align:center;background:#fff;color:#123e50}
.frame-loading-emblem{position:relative;display:grid;place-items:center;width:96px;height:96px;margin-bottom:22px;perspective:360px}
.frame-loading-orbit{position:absolute;inset:0;width:100%;height:100%}
.frame-loading-arc{transform-origin:56px 56px;animation:frame-orbit 4s linear infinite}
.frame-loading-gem{display:block;width:68px;height:60px;animation:frame-gem 4s ease-in-out infinite;transform-origin:center}
.frame-loading-facet{animation:frame-facet 2s ease-in-out infinite}
.frame-diamond-loading h2{margin:0 0 8px;color:#123e50;font:600 21px/1.3 'Brandon Grotesque',Arial,sans-serif;letter-spacing:.15px}
.frame-diamond-loading p{margin:0;color:#748892;font:400 14px/1.6 'Brandon Grotesque',Arial,sans-serif}
.frame-loading-caption{display:block;margin-top:24px;color:#8ca1aa;font:500 9px/1 'Brandon Grotesque',Arial,sans-serif;letter-spacing:3.5px;padding-left:3.5px}
@keyframes frame-orbit{to{transform:rotate(360deg)}}
@keyframes frame-gem{0%,100%{transform:translateY(1px) rotateY(-18deg) rotateZ(-3deg)}50%{transform:translateY(-3px) rotateY(18deg) rotateZ(3deg)}}
@keyframes frame-facet{50%{fill:#c6dfe9}}
@media(max-width:575px){.frame-diamond-loading{min-height:270px;padding:28px 12px}.frame-diamond-loading h2{font-size:20px}.frame-diamond-loading p{font-size:13px}.frame-loading-emblem{width:88px;height:88px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.frame-loading-arc,.frame-loading-gem,.frame-loading-facet{animation:none}}