.loading-overlay,.loading-section{height:100%;justify-content:center;width:100%}.loader,.loading-overlay,.loading-section{top:0;left:0;display:flex}.wondr-loading .icon,.wondr-loading .line{display:block;min-width:100px;max-width:100px}@keyframes fade{0%,100%{opacity:0}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-overlay{position:fixed;background-color:#fff;z-index:10000;align-items:center}.loading-section{position:absolute;background-color:#ffffffcc;z-index:10;align-items:center}.loop-loader{display:flex;justify-content:center;align-items:center;width:100%;height:100px}.loop-loader::before{content:"";display:block;width:50px;height:50px;box-sizing:border-box;border:6px solid #d9d9d9;border-top:6px solid #099697;border-radius:100%;animation:1s linear infinite spin;transform-origin:center}.loader{background-color:transparent;overflow:hidden;width:120px;height:48px;position:relative;align-items:center;align-content:center;justify-content:center;z-index:100000}.loader__element{background-color:var(--color-primary);border-radius:100%;border:2px solid var(--color-secondary);margin:4px;width:16px;height:16px}.loader__element:first-child{animation:.6s ease-in-out infinite alternate preloader}.loader__element:nth-child(2){animation:.6s ease-in-out .2s infinite alternate preloader}.loader__element:nth-child(3){animation:.6s ease-in-out .4s infinite alternate preloader}@keyframes preloader{100%{transform:scale(2)}}@keyframes placeHolderShimmer{0%{background-position:-800px 0}100%{background-position:800px 0}}.skeleton-loader{animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:linear-gradient(to right,#eee 8%,#bbb 18%,#eee 33%);background-size:800px 104px;height:70px;position:relative}@keyframes float{0%,100%{transform:translatey(0)}50%{transform:translatey(-20px)}}.wondr-loading{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center}.wondr-loading .icon{min-height:100px;max-height:100px;border:25px solid #099697;box-sizing:border-box}.wondr-loading .line{max-height:16px;min-height:16px;background-color:#3fd8d4}@keyframes wondr-flip{0%{transform:rotateY(0);border-color:#099697;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0)}50%{transform:rotateY(180deg);border-color:#3fd8d4;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg)}100%{transform:rotateY(1turn);border-color:#099697;-webkit-transform:rotateY(1turn);-moz-transform:rotateY(1turn);-ms-transform:rotateY(1turn);-o-transform:rotateY(1turn)}}.skeleton-loading{animation:1s linear infinite alternate skeleton-loading;opacity:.5;border-radius:4px}@keyframes skeleton-loading{0%{background-color:rgba(255,255,255,100%)}100%{background-color:rgba(255,255,255,20%)}}