#sandglass{--animation-duration:10s;--sandglass-height:140px;--sandglass-width:160px;--sandglass-color:var(--tertiary-light);text-align:center;animation:var(--sandglass-animation-name) var(--animation-duration) linear infinite}@keyframes rotating{0%{transform:rotate(0deg)}90%{transform:rotate(0deg)}to{transform:rotate(180deg)}}#sandglass .sand-half{position:relative;height:var(--sandglass-height);width:var(--sandglass-width);margin:0 auto;border-top:2px solid var(--sandglass-color)}#sandglass .sand-half+.sand-half{border-top:none;border-bottom:2px solid var(--sandglass-color)}#sandglass .sand-part{position:absolute;bottom:0;left:0;right:0;margin:0 auto;display:block;width:0;height:0;border-style:solid}#sandglass .part-top{border-width:var(--sandglass-height) calc(var(--sandglass-width) / 2) 0 calc(var(--sandglass-width) / 2);border-color:var(--sandglass-color) transparent transparent transparent;animation:var(--sandtop-animation-name) var(--animation-duration) linear infinite}#sandglass .part-bot{border-width:0 calc(var(--sandglass-width) / 2) 0 calc(var(--sandglass-width) / 2);border-color:transparent transparent var(--sandglass-color) transparent;animation:var(--sandbot-animation-name) var(--animation-duration) linear infinite}@keyframes sand-top{0%{border-top-width:var(--sandglass-height);border-left-width:calc(var(--sandglass-width) / 2);border-right-width:calc(var(--sandglass-width) / 2)}90%,to{border-top-width:0;border-left-width:0;border-right-width:0}}@keyframes sand-bot{0%{border-bottom-width:0}90%,to{border-bottom-width:var(--sandglass-height)}}