.loading-spinner{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;inset:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:-1;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;-webkit-transition:opacity .5s ease,visibility .5s ease,z-index .5s ease;-o-transition:opacity .5s ease,visibility .5s ease,z-index .5s ease;transition:opacity .5s ease,visibility .5s ease,z-index .5s ease}.loading-spinner.show{opacity:1;visibility:visible;z-index:1000000}.loading-spinner.show .loading-spinner__image--lid{-webkit-animation:lid-close 2s ease 1;animation:lid-close 2s ease 1}.loading-spinner.show .loading-spinner__image--water{-webkit-animation:flush 2s ease 1;animation:flush 2s ease 1}.loading-spinner__overlay{position:absolute;top:0;left:0;height:100dvh;width:100vw}.loading-spinner__image{width:25rem;height:6.5rem;position:relative}.loading-spinner__image--seat{position:absolute;content:"";z-index:3;background-color:#fff;height:.3rem;width:2.1rem;top:2rem;left:4.5rem;border-radius:100% 100% 0 0}.loading-spinner__image--lid{content:"";position:absolute;width:.3rem;height:1.9rem;top:.4rem;border-radius:100%;background-color:#fff;left:4.4rem;-webkit-transform:rotate(90deg) translateX(-2px);-ms-transform:rotate(90deg) translateX(-2px);transform:rotate(90deg) translateX(-2px);-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}.loading-spinner__image--bowl{position:absolute;content:"";z-index:5;background:rgba(0,0,0,0);border:5px solid #fff;height:2.5rem;width:2.2rem;bottom:1.5rem;left:4.4rem;border-top:none;border-radius:0 0 100% 100%;border-left-width:5px;border-right-width:5px;-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}.loading-spinner__image--water{position:absolute;content:"";height:2.5rem;width:1.7rem;bottom:1.5rem;left:4.7rem;background:#74cef2;border-radius:0 0 75% 75%;z-index:0;-webkit-transition:opacity 0s ease 2s,-webkit-transform 2.5s ease .3s;transition:opacity 0s ease 2s,-webkit-transform 2.5s ease .3s;-o-transition:opacity 0s ease 2s,transform 2.5s ease .3s;transition:opacity 0s ease 2s,transform 2.5s ease .3s;transition:opacity 0s ease 2s,transform 2.5s ease .3s,-webkit-transform 2.5s ease .3s;border:1px solid #fff;border-top:none;-webkit-transform:translateY(-4px) scaleY(0);-ms-transform:translateY(-4px) scaleY(0);transform:translateY(-4px) scaleY(0);-webkit-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom;will-change:transform}.loading-spinner img{width:25rem;height:6.5rem;-o-object-fit:contain;object-fit:contain}.loading-spinner__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.loading-spinner__text{font-size:clamp(1.6rem,2vw,1.8rem);text-align:center;color:#fff;font-weight:600;letter-spacing:.5px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.loading-spinner__text div{color:#fff;font-size:clamp(1.6rem,2vw,1.8rem);letter-spacing:1px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);height:10px;-webkit-animation:loading-dots 1s ease infinite;animation:loading-dots 1s ease infinite}.loading-spinner__text div:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s}.loading-spinner__text div:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.loading-spinner__text div:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}@-webkit-keyframes loading-dots{0%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes loading-dots{0%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes lid-close{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(90deg) translateX(-2px);transform:rotate(90deg) translateX(-2px)}}@keyframes lid-close{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(90deg) translateX(-2px);transform:rotate(90deg) translateX(-2px)}}@-webkit-keyframes flush{0%{-webkit-transform:translateX(-4%) scaleY(1);transform:translateX(-4%) scaleY(1)}100%{-webkit-transform:translateY(-4px) scaleY(0);transform:translateY(-4px) scaleY(0)}}@keyframes flush{0%{-webkit-transform:translateX(-4%) scaleY(1);transform:translateX(-4%) scaleY(1)}100%{-webkit-transform:translateY(-4px) scaleY(0);transform:translateY(-4px) scaleY(0)}}@-webkit-keyframes flush-poo{0%{-webkit-transform:translateY(0%) scaleY(1);transform:translateY(0%) scaleY(1)}100%{-webkit-transform:translateY(150%) scaleY(0);transform:translateY(150%) scaleY(0)}}@keyframes flush-poo{0%{-webkit-transform:translateY(0%) scaleY(1);transform:translateY(0%) scaleY(1)}100%{-webkit-transform:translateY(150%) scaleY(0);transform:translateY(150%) scaleY(0)}}.loading-spinner.show .loading-spinner__image--tp--edge{-webkit-animation:toilet-roll-edge 2s linear 1;animation:toilet-roll-edge 2s linear 1}.loading-spinner__image--tp{position:absolute;top:2.4rem;left:10.2rem;background:rgba(0,0,0,0);overflow:visible;height:2.8rem;width:2.8rem}.loading-spinner__image--tp--outer{border:1.4rem solid #fff;border-radius:100%;height:100%;width:100%;position:relative}.loading-spinner__image--tp--inner{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#111;height:.8rem;width:.8rem;border-radius:100%;z-index:20}.loading-spinner__image--tp--edge{-webkit-box-shadow:1px 4px 2px 0px rgba(0,0,0,.8);box-shadow:1px 4px 2px 0px rgba(0,0,0,.8);-webkit-transition:height 2s ease,border-radius .2s ease,-webkit-transform 2s ease;transition:height 2s ease,border-radius .2s ease,-webkit-transform 2s ease;-o-transition:height 2s ease,transform 2s ease,border-radius .2s ease;transition:height 2s ease,transform 2s ease,border-radius .2s ease;transition:height 2s ease,transform 2s ease,border-radius .2s ease,-webkit-transform 2s ease;background-color:#fff;width:.5rem;position:absolute;top:50%;right:0;will-change:transform;border-radius:0 0 0 4px;-webkit-transform:translateY(-0.2rem);-ms-transform:translateY(-0.2rem);transform:translateY(-0.2rem);height:1.4rem}@-webkit-keyframes toilet-roll-edge{0%{border-radius:0;height:1rem}50%,75%{height:2.2rem}99%{border-radius:0;height:1.4rem}100%{border-radius:0 0 0 4px}}@keyframes toilet-roll-edge{0%{border-radius:0;height:1rem}50%,75%{height:2.2rem}99%{border-radius:0;height:1.4rem}100%{border-radius:0 0 0 4px}}