.preloader-wrapper{display: inline-block; position: relative; width: 48px; height: 48px; font-size: 0}.preloader-wrapper.small{width: 36px; height: 36px}.preloader-wrapper.big{width: 64px; height: 64px}.preloader-wrapper.active{-webkit-animation: container-rotate 1568ms linear infinite; animation: container-rotate 1568ms linear infinite}.preloader-wrapper.crazy{-webkit-animation-duration: 333ms; animation-duration: 333ms}.preloader-wrapper .spinner-layer{position: absolute; width: 100%; height: 100%; opacity: 0}.preloader-wrapper .spinner-layer .gap-patch{position: absolute; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit}.preloader-wrapper .spinner-layer .gap-patch .circle{width: 1000%; left: -450%}.preloader-wrapper .spinner-layer .circle-clipper{display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit}.preloader-wrapper .spinner-layer .circle-clipper .circle{width: 200%; height: 100%; border-width: 3px; border-style: solid; border-color: inherit; border-bottom-color: transparent!important; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: none; animation: none; position: absolute; top: 0; right: 0; bottom: 0}.preloader-wrapper .spinner-layer .circle-clipper.left .circle{left: 0; border-right-color: transparent!important; -webkit-transform: rotate(129deg); -ms-transform: rotate(129deg); transform: rotate(129deg)}.preloader-wrapper .spinner-layer .circle-clipper.right .circle{left: -100%; border-left-color: transparent!important; -webkit-transform: rotate(-129deg); -ms-transform: rotate(-129deg); transform: rotate(-129deg)}.preloader-wrapper .spinner-white, .preloader-wrapper .spinner-white-only{border-color: #fff}.preloader-wrapper .spinner-blue, .preloader-wrapper .spinner-blue-only{border-color: #4285f4}.preloader-wrapper .spinner-red, .preloader-wrapper .spinner-red-only{border-color: #e60012}.preloader-wrapper .spinner-yellow, .preloader-wrapper .spinner-yellow-only{border-color: #ffe100}.preloader-wrapper .spinner-green, .preloader-wrapper .spinner-green-only{border-color: #0f9d58}@-webkit-keyframes container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.active .spinner-layer.spinner-white{-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, white-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, white-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both}.active .spinner-layer.spinner-blue{-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both}.active .spinner-layer.spinner-red{-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both}.active .spinner-layer.spinner-yellow{-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both}.active .spinner-layer.spinner-green{-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both}.active .spinner-layer.spinner-white-only, .active .spinner-layer.spinner-green-only, .active .spinner-layer.spinner-primary-color-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only{opacity: 1; -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both}.active .spinner-layer.spinner-blue-only, .active .spinner-layer.spinner-green-only, .active .spinner-layer.spinner-primary-color-only, .active .spinner-layer.spinner-red-only, .active .spinner-layer.spinner-yellow-only{opacity: 1; -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both; animation: fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both}.active .circle-clipper.left .circle{-webkit-animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both; animation: left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both}.active .circle-clipper.right .circle{-webkit-animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both; animation: right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both}@-webkit-keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes blue-fade-in-out{100%, 25%, 90%, from{opacity:1}26%, 89%{opacity:0}}@keyframes blue-fade-in-out{100%, 25%, 90%, from{opacity:1}26%, 89%{opacity:0}}@-webkit-keyframes red-fade-in-out{15%, 51%, from{opacity:0}25%, 50%{opacity:1}}@keyframes red-fade-in-out{15%, 51%, from{opacity:0}25%, 50%{opacity:1}}@-webkit-keyframes yellow-fade-in-out{40%, 76%, from{opacity:0}50%, 75%{opacity:1}}@keyframes yellow-fade-in-out{40%, 76%, from{opacity:0}50%, 75%{opacity:1}}@-webkit-keyframes green-fade-in-out{100%, 65%, from{opacity:0}75%, 90%{opacity:1}}@keyframes green-fade-in-out{100%, 65%, from{opacity:0}75%, 90%{opacity:1}}@-webkit-keyframes left-spin{from, to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes left-spin{from, to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes right-spin{from, to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes right-spin{from, to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}#spinnerContainer.cooldown{-webkit-animation: container-rotate 1568ms linear infinite, fade-out .4s cubic-bezier(.4, 0, .2, 1); animation: container-rotate 1568ms linear infinite, fade-out .4s cubic-bezier(.4, 0, .2, 1)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}#mdb-preloader{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; z-index: 9998; height: 100%; width: 100%}