.fade-in.active{animation:fade-in .5s ease-in}@keyframes fade-in{from{opacity:0}to{opacity:1}}.slide-left-offscreen.active{opacity:0;transform:translateX(-100%);animation:slide-in-x .5s ease-out forwards}.slide-right-offscreen.active{opacity:0;transform:translateX(100%);animation:slide-in-y .5s ease-out forwards}.slide-top-offscreen.active{opacity:0;transform:translateY(100%);animation:slide-in-y .5s ease-out forwards}.slide-bottom-offscreen.active{opacity:0;transform:translateY(-100%);animation:slide-in-x .5s ease-out forwards}.slide-left-subtle.active{opacity:0;transform:translateX(-2rem);animation:slide-in-x .5s ease-out forwards}.slide-right-subtle.active{opacity:0;transform:translateX(2rem);animation:slide-in-y .5s ease-out forwards}.slide-top-subtle.active{opacity:0;transform:translateY(2rem);animation:slide-in-y .5s ease-out forwards}.slide-bottom-subtle.active{opacity:0;transform:translateY(-2rem);animation:slide-in-x .5s ease-out forwards}@keyframes slide-in-x{to{opacity:1;transform:translateX(0)}}@keyframes slide-in-y{to{opacity:1;transform:translateY(0)}}.btn.change-bg-color{background-color:var(--color-pcc-primary);transition:all .5s ease-in-out}.btn.change-bg-color:hover{background-color:var(--color-pcc-primary-hover);border-color:var(--color-pcc-primary-hover)}.btn.slide-bg-color{position:relative;background-color:var(--color-pcc-primary);color:var(--color-pcc-white);overflow:hidden;z-index:1;border:none;padding:8px 13px}.btn.slide-bg-color::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--color-pcc-primary-hover);z-index:-1;transition:left .5s ease-out}.btn.slide-bg-color:hover{background-color:var(--color-pcc-primary)}.btn.slide-bg-color:hover::before{left:0}.btn.pulse-hover{transition:transform .3s ease}.btn.pulse-hover:hover{transform:scale(1.05)}.btn.click-shadow{transition:box-shadow .2s ease,transform .2s ease}.btn.click-shadow:active{box-shadow:inset 0 3px 8px rgba(0,0,0,.2);transform:translateY(2px)}.btn.hover-glow{transition:box-shadow .3s ease}.btn.hover-glow:hover{box-shadow:0 0 15px var(--color-pcc-primary-tint2)}.btn.rounded-bg-slide{border-radius:10rem;transition:all .3s;position:relative;overflow:hidden;z-index:1;border:none}.btn.rounded-bg-slide::before{content:"";background-color:var(--color-pcc-primary-hover);position:absolute;bottom:0;left:0;width:0%;height:100%;transition:all .3s;border-radius:10rem;z-index:-1}.btn.rounded-bg-slide:hover::before{width:100%}.btn.parallel-outlines{transition:all .3s;position:relative;border:rgba(0,0,0,0);border-radius:0}.btn.parallel-outlines:hover{background:rgba(0,0,0,0);color:var(--dark-mode-color-secondary)}.btn.parallel-outlines:hover::before{opacity:1;transform:scale(1, 1)}.btn.parallel-outlines:hover::after{opacity:0;transform:scale(0.1, 1)}.btn.parallel-outlines::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:all .3s;border-top:1px solid var(--color-pcc-primary);border-bottom:1px solid var(--color-pcc-primary);transform:scale(0.1, 1)}.btn.parallel-outlines::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;transition:all .3s}.btn.outline{transition:all .5s;position:relative;background-color:var(--color-pcc-primary);border:none;border-radius:0}.btn.outline:hover{background-color:rgba(0,0,0,0);color:var(--color-pcc-primary)}.btn.outline:hover::before{opacity:0;transform:scale(0.5, 0.5)}.btn.outline:hover::after{opacity:1;transform:scale(1, 1)}.btn.outline::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:hsla(0,0%,100%,.1);transition:all .3s}.btn.outline::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:all .3s;border:1px solid var(--color-pcc-primary);transform:scale(1.2, 1.2)}