@charset "UTF-8";.loader{background:#fbf3e3 url(/wp-content/themes/witchclassroom/public/build/assets/bg_paper_01@2x-BLDzVvB9.jpg) repeat-y center center;background-size:100% auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;inline-size:100vw;block-size:100dvh;overflow:clip;z-index:1000;position:fixed;top:0;left:0}.loader .loader__container{max-inline-size:100dvh;inline-size:100%;position:relative}.loader .loader__text{max-inline-size:19.625rem;inline-size:100%;margin-inline:auto;will-change:transform,opacity,scale,rotate;position:relative;z-index:1}.loader .loader__text:nth-child(n+2){-webkit-margin-before:1rem;margin-block-start:1rem}.loader.is-loaded{-webkit-transition:opacity .6s var(--ease-out-quart) .8s,visibility 0s 1.6s;transition:opacity .6s var(--ease-out-quart) .8s,visibility 0s 1.6s;opacity:0;visibility:hidden}.loader.is-loaded .loader__text{-webkit-animation:hidden .8s var(--ease-out-quart) forwards .2s;animation:hidden .8s var(--ease-out-quart) forwards .2s}@media (width < 48rem){.loader .loader__text{max-inline-size:41.6%}}body.home .loader .loader__name,body.home .loader .loader__circle{position:absolute;top:50%;left:50%;translate:-50% -50%}body.home .loader .loader__circle{will-change:transform,opacity,scale,rotate;max-inline-size:50rem;inline-size:100%}body.home .loader .loader__name{will-change:transform,opacity,scale,rotate;max-inline-size:46.875rem;inline-size:102.875%}body.home .loader .loader__image,body.home .loader .loader__text{will-change:transform,opacity,scale,rotate;position:relative;z-index:1}body.home .loader .loader__image{will-change:transform,opacity,scale,rotate;max-inline-size:8.375rem;inline-size:100%;margin-inline:auto}body.home .loader .loader__circle--image{will-change:transform,opacity,scale,rotate;-webkit-animation:rotateRight 40s linear infinite;animation:rotateRight 40s linear infinite}body.home .loader .loader__name--image{will-change:transform,opacity,scale,rotate;-webkit-animation:rotateLeft 30s linear infinite;animation:rotateLeft 30s linear infinite}body.home .loader .loader__image{will-change:transform,opacity,scale,rotate}body.home .loader.is-loaded .loader__circle{-webkit-animation:hiddenRollUp 1.2s var(--ease-in-out-quart) forwards .2s;animation:hiddenRollUp 1.2s var(--ease-in-out-quart) forwards .2s}body.home .loader.is-loaded .loader__name{-webkit-animation:hiddenRollUp2 1.4s var(--ease-in-out-quart) forwards .2s;animation:hiddenRollUp2 1.4s var(--ease-in-out-quart) forwards .2s}body.home .loader.is-loaded .loader__image,body.home .loader.is-loaded .loader__text{-webkit-animation:hidden .8s var(--ease-out-quart) forwards .6s;animation:hidden .8s var(--ease-out-quart) forwards .6s}@media (width < 48rem){body.home .loader .loader__name{inline-size:92.8%}body.home .loader .loader__image{max-inline-size:19.2%}}@-webkit-keyframes rotateRight{to{rotate:360deg}}@keyframes rotateRight{to{rotate:360deg}}@-webkit-keyframes rotateLeft{to{rotate:-360deg}}@keyframes rotateLeft{to{rotate:-360deg}}@-webkit-keyframes scaleUpBounce{0%{opacity:0}40%,to{opacity:1}}@keyframes scaleUpBounce{0%{opacity:0}40%,to{opacity:1}}@-webkit-keyframes scaleDownBounce{0%,50%{opacity:1}to{opacity:0}}@keyframes scaleDownBounce{0%,50%{opacity:1}to{opacity:0}}@-webkit-keyframes hidden{to{opacity:0}}@keyframes hidden{to{opacity:0}}@-webkit-keyframes hiddenRollUp{to{scale:2;opacity:0;rotate:180deg}}@keyframes hiddenRollUp{to{scale:2;opacity:0;rotate:180deg}}@-webkit-keyframes hiddenRollUp2{to{scale:1.5;opacity:0;rotate:-180deg}}@keyframes hiddenRollUp2{to{scale:1.5;opacity:0;rotate:-180deg}}