:root{--circle-center-center-out:circle(0%);--circle-center-center-in:circle(125%);--circle-hesitate:circle(40%);--circle-top-left-out:circle(0% at top left);--circle-top-right-out:circle(0% at top right);--circle-bottom-right-out:circle(0% at bottom right);--circle-bottom-left-out:circle(0% at bottom left);--circle-top-left-in:circle(150% at top left);--circle-top-right-in:circle(150% at top right);--circle-bottom-right-in:circle(150% at bottom right);--circle-bottom-left-in:circle(150% at bottom left);--wipe-in:inset(0 0 0 0);--wipe-bottom:inset(100% 0 0 0);--wipe-left:inset(0 100% 0 0);--wipe-top:inset(0 0 100% 0);--wipe-right:inset(0 0 0 100%);--wipe-top-left-in:polygon(50% -50%,150% 50%,50% 150%,-50% 50%);--wipe-top-right-in:polygon(50% -50%,150% 50%,50% 150%,-50% 50%);--wipe-bottom-left-in:polygon(50% -50%,150% 50%,50% 150%,-50% 50%);--wipe-bottom-right-in:polygon(-50% 0%,200% 0,0 200%,0 -50%);--wipe-top-left-out:polygon(0 0,0 0,0 0,0 50%);--wipe-top-right-out:polygon(50% -50%,150% 50%,150% 50%,50% -50%);--wipe-bottom-left-out:polygon(-50% 50%,50% 150%,50% 150%,-50% 50%);--wipe-bottom-right-out:polygon(150% 50%,150% 50%,50% 150%,50% 150%);--wipe-cinematic-out:inset(100% 0 100% 0);--wipe-cinematic-mid:inset(10% 0 10% 0);--square-hesitate:inset(33% 33% 33% 33%);--square-out:inset(100% 100% 100% 100%);--square-in:var(--wipe-in);--square-top-left-out:inset(0 100% 100% 0);--square-top-right-out:inset(0 0 100% 100%);--square-bottom-left-out:inset(100% 100% 0 0);--square-bottom-right-out:inset(100% 0 0 100%);--diamond-center-in:polygon(-50% 50%,50% -50%,150% 50%,50% 150%);--diamond-center-out:polygon(50% 50%,50% 50%,50% 50%,50% 50%);--diamond-hesitate:polygon(45% 50%,50% 25%,55% 50%,50% 75%);--opposing-corners-in:polygon(0 0,0 100%,100% 100%,100% 0);--opposing-corners-out:polygon(0 0,50% 50%,100% 100%,50% 50%)}[transition-style]{animation-delay:var(--transition__delay,0);animation-duration:var(--transition__duration,2.5s);animation-timing-function:var(--transition__easing,cubic-bezier(.25,1,.3,1));animation-fill-mode:both;will-change:clip-path}@media (prefers-reduced-motion:reduce),print{[transition-style]{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}}@keyframes wipe-out-top{0%{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}to{-webkit-clip-path:var(--wipe-top);clip-path:var(--wipe-top)}}[transition-style="out:wipe:top"],[transition-style="out:wipe:up"]{animation-name:wipe-out-top}@keyframes wipe-out-right{0%{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}to{-webkit-clip-path:var(--wipe-right);clip-path:var(--wipe-right)}}[transition-style="out:wipe:right"]{animation-name:wipe-out-right}@keyframes wipe-out-bottom{0%{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}to{-webkit-clip-path:var(--wipe-bottom);clip-path:var(--wipe-bottom)}}[transition-style="out:wipe:bottom"],[transition-style="out:wipe:down"]{animation-name:wipe-out-bottom}@keyframes wipe-out-left{0%{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}to{-webkit-clip-path:var(--wipe-left);clip-path:var(--wipe-left)}}[transition-style="out:wipe:left"]{animation-name:wipe-out-left}@keyframes wipe-in-top{0%{-webkit-clip-path:var(--wipe-top);clip-path:var(--wipe-top)}to{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}}[transition-style="in:wipe:down"],[transition-style="in:wipe:top"]{animation-name:wipe-in-top}@keyframes wipe-in-right{0%{-webkit-clip-path:var(--wipe-left);clip-path:var(--wipe-left)}to{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}}[transition-style="in:wipe:right"]{animation-name:wipe-in-right}@keyframes wipe-in-bottom{0%{-webkit-clip-path:var(--wipe-bottom);clip-path:var(--wipe-bottom)}to{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}}[transition-style="in:wipe:bottom"],[transition-style="in:wipe:up"]{animation-name:wipe-in-bottom}@keyframes wipe-in-left{0%{-webkit-clip-path:var(--wipe-right);clip-path:var(--wipe-right)}to{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}}[transition-style="in:wipe:left"]{animation-name:wipe-in-left}@keyframes wipe-in-top-right{0%{-webkit-clip-path:var(--wipe-bottom-left-out);clip-path:var(--wipe-bottom-left-out)}to{-webkit-clip-path:var(--wipe-top-right-in);clip-path:var(--wipe-top-right-in)}}[transition-style="in:wipe:top-right"]{animation-name:wipe-in-top-right}@keyframes wipe-in-top-left{0%{-webkit-clip-path:var(--wipe-bottom-right-out);clip-path:var(--wipe-bottom-right-out)}to{-webkit-clip-path:var(--wipe-top-left-in);clip-path:var(--wipe-top-left-in)}}[transition-style="in:wipe:top-left"]{animation-name:wipe-in-top-left}@keyframes wipe-in-bottom-right{0%{-webkit-clip-path:var(--wipe-top-left-out);clip-path:var(--wipe-top-left-out)}to{-webkit-clip-path:var(--wipe-bottom-right-in);clip-path:var(--wipe-bottom-right-in)}}[transition-style="in:wipe:bottom-right"]{animation-name:wipe-in-bottom-right}@keyframes wipe-in-bottom-left{0%{-webkit-clip-path:var(--wipe-top-right-out);clip-path:var(--wipe-top-right-out)}to{-webkit-clip-path:var(--wipe-bottom-left-in);clip-path:var(--wipe-bottom-left-in)}}[transition-style="in:wipe:bottom-left"]{animation-name:wipe-in-bottom-left}@keyframes wipe-out-top-right{0%{-webkit-clip-path:var(--wipe-bottom-left-in);clip-path:var(--wipe-bottom-left-in)}to{-webkit-clip-path:var(--wipe-top-right-out);clip-path:var(--wipe-top-right-out)}}[transition-style="out:wipe:top-right"]{animation-name:wipe-out-top-right}@keyframes wipe-out-top-left{0%{-webkit-clip-path:var(--wipe-bottom-right-in);clip-path:var(--wipe-bottom-right-in)}to{-webkit-clip-path:var(--wipe-top-left-out);clip-path:var(--wipe-top-left-out)}}[transition-style="out:wipe:top-left"]{animation-name:wipe-out-top-left}@keyframes wipe-out-bottom-right{0%{-webkit-clip-path:var(--wipe-top-left-in);clip-path:var(--wipe-top-left-in)}to{-webkit-clip-path:var(--wipe-bottom-right-out);clip-path:var(--wipe-bottom-right-out)}}[transition-style="out:wipe:bottom-right"]{animation-name:wipe-out-bottom-right}@keyframes wipe-out-bottom-left{0%{-webkit-clip-path:var(--wipe-top-right-in);clip-path:var(--wipe-top-right-in)}to{-webkit-clip-path:var(--wipe-bottom-left-out);clip-path:var(--wipe-bottom-left-out)}}[transition-style="out:wipe:bottom-left"]{animation-name:wipe-out-bottom-left}@keyframes wipe-cinematic-out{0%{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}30%,70%{-webkit-clip-path:var(--wipe-cinematic-mid);clip-path:var(--wipe-cinematic-mid)}to{-webkit-clip-path:var(--wipe-cinematic-out);clip-path:var(--wipe-cinematic-out)}}[transition-style="out:wipe:cinematic"]{animation-name:wipe-cinematic-out}@keyframes wipe-cinematic-in{0%{-webkit-clip-path:var(--wipe-cinematic-out);clip-path:var(--wipe-cinematic-out)}30%,70%{-webkit-clip-path:var(--wipe-cinematic-mid);clip-path:var(--wipe-cinematic-mid)}to{-webkit-clip-path:var(--wipe-in);clip-path:var(--wipe-in)}}[transition-style="in:wipe:cinematic"]{animation-name:wipe-cinematic-in}@keyframes circle-in-hesitate{0%{-webkit-clip-path:var(--circle-center-center-out);clip-path:var(--circle-center-center-out)}40%{-webkit-clip-path:var(--circle-hesitate);clip-path:var(--circle-hesitate)}to{-webkit-clip-path:var(--circle-center-center-in);clip-path:var(--circle-center-center-in)}}[transition-style="in:circle:hesitate"]{animation-name:circle-in-hesitate}@keyframes circle-out-hesitate{0%{-webkit-clip-path:var(--circle-center-center-in);clip-path:var(--circle-center-center-in)}40%{-webkit-clip-path:var(--circle-hesitate);clip-path:var(--circle-hesitate)}to{-webkit-clip-path:var(--circle-center-center-out);clip-path:var(--circle-center-center-out)}}[transition-style="out:circle:hesitate"]{animation-name:circle-out-hesitate}@keyframes circle-in-center{0%{-webkit-clip-path:var(--circle-center-center-out);clip-path:var(--circle-center-center-out)}to{-webkit-clip-path:var(--circle-center-center-in);clip-path:var(--circle-center-center-in)}}[transition-style="in:circle:center"]{animation-name:circle-in-center}@keyframes circle-out-center{0%{-webkit-clip-path:var(--circle-center-center-in);clip-path:var(--circle-center-center-in)}to{-webkit-clip-path:var(--circle-center-center-out);clip-path:var(--circle-center-center-out)}}[transition-style="out:circle:center"]{animation-name:circle-out-center}@keyframes circle-out-top-left{0%{-webkit-clip-path:var(--circle-center-center-in);clip-path:var(--circle-center-center-in)}to{-webkit-clip-path:var(--circle-top-left-out);clip-path:var(--circle-top-left-out)}}[transition-style="out:circle:top-left"]{--transition__duration:1.5s;animation-name:circle-out-top-left}@keyframes circle-out-top-right{0%{-webkit-clip-path:var(--circle-center-center-in);clip-path:var(--circle-center-center-in)}to{-webkit-clip-path:var(--circle-top-right-out);clip-path:var(--circle-top-right-out)}}[transition-style="out:circle:top-right"]{--transition__duration:1.5s;animation-name:circle-out-top-right}@keyframes circle-out-bottom-left{0%{-webkit-clip-path:var(--circle-center-center-in);clip-path:var(--circle-center-center-in)}to{-webkit-clip-path:var(--circle-bottom-left-out);clip-path:var(--circle-bottom-left-out)}}[transition-style="out:circle:bottom-left"]{--transition__duration:1.5s;animation-name:circle-out-bottom-left}@keyframes circle-out-bottom-right{0%{-webkit-clip-path:var(--circle-center-center-in);clip-path:var(--circle-center-center-in)}to{-webkit-clip-path:var(--circle-bottom-right-out);clip-path:var(--circle-bottom-right-out)}}[transition-style="out:circle:bottom-right"]{--transition__duration:1.5s;animation-name:circle-out-bottom-right}@keyframes circle-in-top-left{0%{-webkit-clip-path:var(--circle-center-center-out);clip-path:var(--circle-center-center-out)}to{-webkit-clip-path:var(--circle-top-left-in);clip-path:var(--circle-top-left-in)}}[transition-style="in:circle:top-left"]{animation-name:circle-in-top-left}@keyframes circle-in-top-right{0%{-webkit-clip-path:var(--circle-center-center-out);clip-path:var(--circle-center-center-out)}to{-webkit-clip-path:var(--circle-top-right-in);clip-path:var(--circle-top-right-in)}}[transition-style="in:circle:top-right"]{animation-name:circle-in-top-right}@keyframes circle-in-bottom-left{0%{-webkit-clip-path:var(--circle-center-center-out);clip-path:var(--circle-center-center-out)}to{-webkit-clip-path:var(--circle-bottom-left-in);clip-path:var(--circle-bottom-left-in)}}[transition-style="in:circle:bottom-left"]{animation-name:circle-in-bottom-left}@keyframes circle-in-bottom-right{0%{-webkit-clip-path:var(--circle-center-center-out);clip-path:var(--circle-center-center-out)}to{-webkit-clip-path:var(--circle-bottom-right-in);clip-path:var(--circle-bottom-right-in)}}[transition-style="in:circle:bottom-right"]{animation-name:circle-in-bottom-right}@keyframes square-in-hesitate{0%{-webkit-clip-path:var(--square-out);clip-path:var(--square-out)}40%{-webkit-clip-path:var(--square-hesitate);clip-path:var(--square-hesitate)}to{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}}[transition-style="in:square:hesitate"]{animation-name:square-in-hesitate}@keyframes square-out-hesitate{0%{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}40%{-webkit-clip-path:var(--square-hesitate);clip-path:var(--square-hesitate)}to{-webkit-clip-path:var(--square-out);clip-path:var(--square-out)}}[transition-style="out:square:hesitate"]{animation-name:square-out-hesitate}@keyframes square-in-center{0%{-webkit-clip-path:var(--square-out);clip-path:var(--square-out)}to{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}}[transition-style="in:square:center"]{animation-name:square-in-center}@keyframes square-out-center{0%{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}to{-webkit-clip-path:var(--square-out);clip-path:var(--square-out)}}[transition-style="out:square:center"]{animation-name:square-out-center}@keyframes square-out-top-left{0%{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}to{-webkit-clip-path:var(--square-top-left-out);clip-path:var(--square-top-left-out)}}[transition-style="out:square:top-left"]{--transition__duration:1.5s;animation-name:square-out-top-left}@keyframes square-out-top-right{0%{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}to{-webkit-clip-path:var(--square-top-right-out);clip-path:var(--square-top-right-out)}}[transition-style="out:square:top-right"]{--transition__duration:1.5s;animation-name:square-out-top-right}@keyframes square-out-bottom-left{0%{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}to{-webkit-clip-path:var(--square-bottom-left-out);clip-path:var(--square-bottom-left-out)}}[transition-style="out:square:bottom-left"]{--transition__duration:1.5s;animation-name:square-out-bottom-left}@keyframes square-out-bottom-right{0%{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}to{-webkit-clip-path:var(--square-bottom-right-out);clip-path:var(--square-bottom-right-out)}}[transition-style="out:square:bottom-right"]{--transition__duration:1.5s;animation-name:square-out-bottom-right}@keyframes square-in-top-left{0%{-webkit-clip-path:var(--square-bottom-right-out);clip-path:var(--square-bottom-right-out)}to{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}}[transition-style="in:square:top-left"]{animation-name:square-in-top-left}@keyframes square-in-top-right{0%{-webkit-clip-path:var(--square-bottom-left-out);clip-path:var(--square-bottom-left-out)}to{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}}[transition-style="in:square:top-right"]{animation-name:square-in-top-right}@keyframes square-in-bottom-left{0%{-webkit-clip-path:var(--square-top-right-out);clip-path:var(--square-top-right-out)}to{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}}[transition-style="in:square:bottom-left"]{animation-name:square-in-bottom-left}@keyframes square-in-bottom-right{0%{-webkit-clip-path:var(--square-top-left-out);clip-path:var(--square-top-left-out)}to{-webkit-clip-path:var(--square-in);clip-path:var(--square-in)}}[transition-style="in:square:bottom-right"]{animation-name:square-in-bottom-right}@keyframes polygon-in-opposing-corners{0%{-webkit-clip-path:var(--opposing-corners-out);clip-path:var(--opposing-corners-out)}to{-webkit-clip-path:var(--opposing-corners-in);clip-path:var(--opposing-corners-in)}}[transition-style="in:polygon:opposing-corners"]{--transition__duration:1.5s;animation-name:polygon-in-opposing-corners}@keyframes polygon-out-opposing-corners{0%{-webkit-clip-path:var(--opposing-corners-in);clip-path:var(--opposing-corners-in)}to{-webkit-clip-path:var(--opposing-corners-out);clip-path:var(--opposing-corners-out)}}[transition-style="out:polygon:opposing-corners"]{--transition__duration:1.5s;animation-name:polygon-out-opposing-corners}@keyframes diamond-in-center{0%{-webkit-clip-path:var(--diamond-center-out);clip-path:var(--diamond-center-out)}to{-webkit-clip-path:var(--diamond-center-in);clip-path:var(--diamond-center-in)}}[transition-style="in:diamond:center"]{--transition__duration:1.5s;animation-name:diamond-in-center}@keyframes diamond-out-center{0%{-webkit-clip-path:var(--diamond-center-in);clip-path:var(--diamond-center-in)}to{-webkit-clip-path:var(--diamond-center-out);clip-path:var(--diamond-center-out)}}[transition-style="out:diamond:center"]{--transition__duration:1.5s;animation-name:diamond-out-center}@keyframes diamond-in-double-scale{0%{-webkit-clip-path:var(--diamond-center-out);clip-path:var(--diamond-center-out)}40%{-webkit-clip-path:var(--diamond-hesitate);clip-path:var(--diamond-hesitate)}to{-webkit-clip-path:var(--diamond-center-in);clip-path:var(--diamond-center-in)}}[transition-style="in:diamond:hesitate"]{--transition__duration:1.5s;animation-name:diamond-in-double-scale}@keyframes diamond-out-double-scale{0%{-webkit-clip-path:var(--diamond-center-in);clip-path:var(--diamond-center-in)}40%{-webkit-clip-path:var(--diamond-hesitate);clip-path:var(--diamond-hesitate)}to{-webkit-clip-path:var(--diamond-center-out);clip-path:var(--diamond-center-out)}}[transition-style="out:diamond:hesitate"]{--transition__duration:1.5s;animation-name:diamond-out-double-scale}.user-image{position:relative;display:inline-block;overflow:hidden;border-radius:50%;transition:all .3s ease-in-out;cursor:pointer}.user-image img{display:block;width:100%;height:auto}.user-image:active,.user-image:focus,.user-image:hover{position:relative;border-radius:50%;border:10px;box-shadow:0 0 8px rgba(0,0,0,.3);animation:border-rotate 3s linear infinite}@keyframes border-rotate{0%{border:2px solid #3498db}25%{border:2px solid #ff8f00}50%{border:2px solid #ff3d00}75%{border:2px solid #03a9f4}to{border:2px solid #3498db}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:999999999;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.modal.active{display:flex;opacity:1;pointer-events:auto}.modal-content{position:relative;display:inline-block;overflow:hidden;border-radius:50%;padding:10px;background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,.3)}.modal-content img{display:block;width:100%;height:auto}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.social-login-container{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:10px}.social-login-container button{padding:5px;border:none;border-radius:5px;width:150px;font-weight:900;background-color:#e1ad21;color:#f5f3ef;cursor:pointer;margin:0 10px}.social-login-container button:hover{background-color:transparent;border:1px solid #000;transition:all 1.5s ease-in-out}#gsignIn{animation:slideFromLeft 1s ease-in-out}#gsignIn,#gsignIn:hover{color:#0f9d58}#FsignIn{animation:slideFromRight 1s ease-in-out}#FsignIn,#FsignIn:hover{color:#007bff}@keyframes slideInFromTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideFromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.toast{position:fixed;top:10%;left:-100%;transform:translateX(-50%);background-color:#333;color:#fff;padding:10px 20px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.3);animation:slide-in .5s ease-in forwards,wait 2s forwards,slide-out .5s ease-out 2.5s forwards}@keyframes slide-in{0%{left:-100%}25%{left:25%;transform:translateX(-20%)}50%{left:50%;transform:translateX(-50%)}to{left:50%;transform:translateX(-50%)}}@keyframes wait{0%,to{left:50%;transform:translateX(-50%)}}@keyframes slide-out{0%{left:50%;transform:translateX(-50%);opacity:.8}25%{left:75%;transform:translateX(-50%);opacity:.5}to{left:80%;transform:translateX(-50%);opacity:0}}@media only screen and (max-width:600px){.modal-content,.modal-content img,.user-image{width:100%;height:100%}}