.activity-indicator{position:fixed;left:1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.75rem;z-index:100;align-items:center}.activity-indicator__dot{width:8px;height:8px;border-radius:0 5px 5px 0;background-color:#ccc;transition:all .2s ease}.activity-indicator__dot--active{width:15px;height:12px;background-color:#000;box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (max-width:768px){.activity-indicator{left:0;gap:1rem}.activity-indicator__dot{width:10px;height:8px}.activity-indicator__dot--active{width:12px;height:10px}}.page-transition{width:100%;min-height:100vh;position:relative;transition:transform .6s cubic-bezier(.4,0,.2,1)}.page-transition--slide-left{animation:slideInFromRight .6s cubic-bezier(.4,0,.2,1)}.page-transition--slide-right{animation:slideInFromLeft .6s cubic-bezier(.4,0,.2,1)}.page-transition--slide-up{animation:slideInFromBottom .6s cubic-bezier(.4,0,.2,1)}.page-transition--slide-down{animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}