.loading--overlay{background:rgba(0,0,0,.2);height:100%;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:100}.loading--overlay .loading__spinner{width:36px;height:36px;border:5px solid hsla(0,0%,100%,.25);border-top-color:#fff;position:relative;top:-webkit-calc(50vh - 20px);top:calc(50vh - 20px)}@-webkit-keyframes o-loading-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes o-loading-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading--overlay .loading__spinner{display:inline-block;border-radius:50%;-webkit-animation:o-loading-spinner 1s linear infinite;animation:o-loading-spinner 1s linear infinite}.loading--inline{position:relative;display:block;width:inherit;height:inherit}.loading--inline .loading__spinner{width:20px;height:20px;width:12px;height:12px;border:3px solid rgba(51,48,46,.25);border-top-color:#33302e;position:absolute;top:-webkit-calc(50% - 7.5px);top:calc(50% - 7.5px);left:-webkit-calc(50% - 7.5px);left:calc(50% - 7.5px);display:inline-block;border-radius:50%;-webkit-animation:o-loading-spinner 1s linear infinite;animation:o-loading-spinner 1s linear infinite}.loading--inline-block{display:inline;margin-right:20px}