.spinner .cmp-spinner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--background-white);display:none;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;left:0;opacity:.9;position:fixed;top:0;width:100%;z-index:10}.spinner .cmp-spinner--active{display:-webkit-box;display:-ms-flexbox;display:flex}.spinner .cmp-spinner__container{display:block;height:3rem;position:relative;width:3rem}.spinner .cmp-spinner__dot-wrapper{display:block;height:50%;left:50%;position:absolute;top:0;-webkit-transform-origin:center bottom;transform-origin:center bottom;width:0}.spinner .cmp-spinner__dot-wrapper:first-child{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.spinner .cmp-spinner__dot-wrapper:first-child .cmp-spinner__dot{-webkit-animation:dot-fill-4 1.9s linear infinite;animation:dot-fill-4 1.9s linear infinite}.spinner .cmp-spinner__dot-wrapper:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}.spinner .cmp-spinner__dot-wrapper:nth-child(2) .cmp-spinner__dot{-webkit-animation:dot-fill-5 1.9s linear infinite;animation:dot-fill-5 1.9s linear infinite}.spinner .cmp-spinner__dot-wrapper:nth-child(3){-webkit-transform:rotate(90deg);transform:rotate(90deg)}.spinner .cmp-spinner__dot-wrapper:nth-child(3) .cmp-spinner__dot{-webkit-animation:dot-fill-6 1.9s linear infinite;animation:dot-fill-6 1.9s linear infinite}.spinner .cmp-spinner__dot-wrapper:nth-child(4){-webkit-transform:rotate(135deg);transform:rotate(135deg)}.spinner .cmp-spinner__dot-wrapper:nth-child(4) .cmp-spinner__dot{-webkit-animation:dot-fill-7 1.9s linear infinite;animation:dot-fill-7 1.9s linear infinite}.spinner .cmp-spinner__dot-wrapper:nth-child(5){-webkit-transform:rotate(180deg);transform:rotate(180deg)}.spinner .cmp-spinner__dot-wrapper:nth-child(5) .cmp-spinner__dot{-webkit-animation:dot-fill-0 1.9s linear infinite;animation:dot-fill-0 1.9s linear infinite}.spinner .cmp-spinner__dot-wrapper:nth-child(6){-webkit-transform:rotate(225deg);transform:rotate(225deg)}.spinner .cmp-spinner__dot-wrapper:nth-child(6) .cmp-spinner__dot{-webkit-animation:dot-fill-1 1.9s linear infinite;animation:dot-fill-1 1.9s linear infinite}.spinner .cmp-spinner__dot-wrapper:nth-child(7){-webkit-transform:rotate(270deg);transform:rotate(270deg)}.spinner .cmp-spinner__dot-wrapper:nth-child(7) .cmp-spinner__dot{-webkit-animation:dot-fill-2 1.9s linear infinite;animation:dot-fill-2 1.9s linear infinite}.spinner .cmp-spinner__dot-wrapper:nth-child(8){-webkit-transform:rotate(315deg);transform:rotate(315deg)}.spinner .cmp-spinner__dot-wrapper:nth-child(8) .cmp-spinner__dot{-webkit-animation:dot-fill-3 1.9s linear infinite;animation:dot-fill-3 1.9s linear infinite}.spinner .cmp-spinner__dot{background-color:var(--background-white);border:.125rem solid var(--liveable-primary-500);border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:.5rem;left:50%;position:absolute;top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:.5rem}@-webkit-keyframes dot-fill-0{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:transparent;border-color:var(--liveable-primary-500)}10.5263157895%,to{background-color:var(--color-template-500);border-color:var(--color-template-500)}}@keyframes dot-fill-0{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:transparent;border-color:var(--liveable-primary-500)}10.5263157895%,to{background-color:var(--color-template-500);border-color:var(--color-template-500)}}@-webkit-keyframes dot-fill-1{0%{background-color:transparent;border-color:var(--liveable-primary-500)}10.5263157895%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:transparent;border-color:var(--liveable-primary-500)}21.0526315789%,to{background-color:var(--color-template-500);border-color:var(--color-template-500)}}@keyframes dot-fill-1{0%{background-color:transparent;border-color:var(--liveable-primary-500)}10.5263157895%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:transparent;border-color:var(--liveable-primary-500)}21.0526315789%,to{background-color:var(--color-template-500);border-color:var(--color-template-500)}}@-webkit-keyframes dot-fill-2{0%{background-color:transparent;border-color:var(--liveable-primary-500)}21.0526315789%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:transparent;border-color:var(--liveable-primary-500)}31.5789473684%,to{background-color:var(--color-template-500);border-color:var(--color-template-500)}}@keyframes dot-fill-2{0%{background-color:transparent;border-color:var(--liveable-primary-500)}21.0526315789%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:transparent;border-color:var(--liveable-primary-500)}31.5789473684%,to{background-color:var(--color-template-500);border-color:var(--color-template-500)}}@-webkit-keyframes dot-fill-3{0%{background-color:transparent;border-color:var(--liveable-primary-500)}31.5789473684%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:transparent;border-color:var(--liveable-primary-500)}42.1052631579%,to{background-color:var(--color-template-500);border-color:var(--color-template-500)}}@keyframes dot-fill-3{0%{background-color:transparent;border-color:var(--liveable-primary-500)}31.5789473684%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:transparent;border-color:var(--liveable-primary-500)}42.1052631579%,to{background-color:var(--color-template-500);border-color:var(--color-template-500)}}@-webkit-keyframes dot-fill-4{0%{background-color:transparent;border-color:var(--liveable-primary-500)}42.1052631579%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:transparent;border-color:var(--liveable-primary-500)}52.6315789474%,to{background-color:var(--color-template-500);border-color:var(--color-template-500)}}@keyframes dot-fill-4{0%{background-color:transparent;border-color:var(--liveable-primary-500)}42.1052631579%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:transparent;border-color:var(--liveable-primary-500)}52.6315789474%,to{background-color:var(--color-template-500);border-color:var(--color-template-500)}}@-webkit-keyframes dot-fill-5{0%{background-color:transparent;border-color:var(--liveable-primary-500)}52.6315789474%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:transparent;border-color:var(--liveable-primary-500)}63.1578947368%,to{background-color:var(--color-template-500);border-color:var(--color-template-500)}}@keyframes dot-fill-5{0%{background-color:transparent;border-color:var(--liveable-primary-500)}52.6315789474%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:transparent;border-color:var(--liveable-primary-500)}63.1578947368%,to{background-color:var(--color-template-500);border-color:var(--color-template-500)}}@-webkit-keyframes dot-fill-6{0%{background-color:transparent;border-color:var(--liveable-primary-500)}63.1578947368%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:transparent;border-color:var(--liveable-primary-500)}73.6842105263%,to{background-color:var(--color-template-500);border-color:var(--color-template-500)}}@keyframes dot-fill-6{0%{background-color:transparent;border-color:var(--liveable-primary-500)}63.1578947368%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:transparent;border-color:var(--liveable-primary-500)}73.6842105263%,to{background-color:var(--color-template-500);border-color:var(--color-template-500)}}@-webkit-keyframes dot-fill-7{0%{background-color:transparent;border-color:var(--liveable-primary-500)}73.6842105263%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:transparent;border-color:var(--liveable-primary-500)}84.2105263158%,to{background-color:var(--color-template-500);border-color:var(--color-template-500)}}@keyframes dot-fill-7{0%{background-color:transparent;border-color:var(--liveable-primary-500)}73.6842105263%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;background-color:transparent;border-color:var(--liveable-primary-500)}84.2105263158%,to{background-color:var(--color-template-500);border-color:var(--color-template-500)}}.spinner--dark .cmp-spinner{background-color:var(--background-dark)}