body{background-color:#fefefe;font-family:Plus Jakarta Sans}.roundel{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;max-width:40px;height:40px;font-family:PT Sans;font-size:1.1rem;display:flex}.roundelpengalihan{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;min-width:30px;max-width:30px;height:30px;font-family:PT Sans;font-size:.8rem;display:flex}.roundelm{color:#fff;text-align:center;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;max-width:40px;height:40px;font-family:PT Sans;font-size:.9rem;line-height:1;display:flex}.roundelpengalihanm{color:#fff;text-align:center;border-radius:50%;justify-content:center;align-items:center;width:30px;min-width:30px;max-width:30px;height:30px;font-family:PT Sans;font-size:.7rem;line-height:1;display:flex}.roundelother{color:#000;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;max-width:40px;height:40px;font-family:PT Sans;font-size:1.1rem;display:flex}.teksroundel{align-items:center;font-family:PT Sans;font-size:1.3rem;font-weight:500;line-height:1.2;display:flex}.roundelhead{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;max-width:48px;height:48px;font-family:PT Sans;font-size:1.32rem;display:flex}.roundelheadm{color:#fff;text-align:center;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;max-width:48px;height:48px;font-family:PT Sans;font-size:1.08rem;line-height:1;display:flex}.roundelheadother{color:#000;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;max-width:48px;height:48px;font-family:PT Sans;font-size:1.32rem;display:flex}.teksroundelhead{align-items:center;font-family:PT Sans;font-size:1.56rem;font-weight:500;line-height:1.2;display:flex}.navbar-custom,.staff-div{background-color:#1f7189}.no-download{pointer-events:none}::-webkit-scrollbar{width:13px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}html{scroll-behavior:smooth}div{white-space:pre-wrap}.carousel-control-next,.carousel-control-prev{width:7vw;height:100%}.crsl-img-overlay{padding:3vw 10vw}.loader,.loader:before,.loader:after{border-radius:0%;width:2.5em;height:2.5em;animation:1.8s ease-in-out infinite bblFadInOut}.loader{background:#fefefe;width:100%;height:4.8px;display:inline-block;position:relative;overflow:hidden}.loader:after{content:"";box-sizing:border-box;background:#1f7189;width:100px;height:4.8px;animation:3s linear infinite animloader;position:absolute;top:0;left:0}@keyframes animloader{0%{left:0;transform:translate(-100%)}to{left:100%;transform:translate(0%)}}.trip-selector{padding:0}.trip-btn{color:#6c757d;text-align:center;background-color:#fff;justify-content:center;align-items:center;font-weight:600;line-height:1.3;transition:all .3s;display:flex;box-shadow:0 .125rem .25rem #00000013;border:2px solid #0000!important;border-radius:12px!important;padding:14px 16px!important}.trip-btn:hover{color:#1f7189;background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 .25rem .5rem #0000001a}.btn-check:checked+.trip-btn{font-weight:700;transform:translateY(0);box-shadow:0 4px 12px #1f718940;color:#fff!important;background-color:#1f7189!important;border:2px solid #1f7189!important}.timeline{margin-top:16px;padding-left:48px;position:relative}.timeline:before{content:"";z-index:0;background:#dee2e6;border-radius:4px;width:4px;position:absolute;top:48px;bottom:48px;left:20px}.timeline:after{content:"";z-index:2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='150' viewBox='0 0 24 150'%3E%3Cg fill='none' stroke='%23dee2e6' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 10 L12 21 L23 10'/%3E%3Cpath d='M1 21 L12 32 L23 21'/%3E%3C/g%3E%3C/svg%3E");background-position:50% 0;background-repeat:repeat-y;width:24px;animation:3.5s linear infinite moveArrowDown;position:absolute;top:48px;bottom:48px;left:10px;-webkit-mask-image:linear-gradient(#0000 0%,#000 40px calc(100% - 40px),#0000 100%);mask-image:linear-gradient(#0000 0%,#000 40px calc(100% - 40px),#0000 100%)}@keyframes moveArrowDown{0%{background-position:50% 0}to{background-position:50% 150px}}.timeline-item{z-index:3;margin-bottom:16px;position:relative}.timeline-item .card{transition:all .3s;border:2px solid #0000!important}.timeline-item .card:hover{transform:translateY(-2px);box-shadow:0 .25rem .6rem #00000026!important}.timeline-item.nearest-item .card{animation:1.5s infinite pulse-card-shadow;background-color:#f2f7f9!important;border:2px solid #0000!important}@keyframes pulse-card-shadow{0%{box-shadow:0 4px 6px #0000000d,0 0 #1f71894d}70%{box-shadow:0 4px 6px #0000000d,0 0 0 8px #1f718900}to{box-shadow:0 4px 6px #0000000d,0 0 #1f718900}}.timeline-dot{z-index:3;background:#adb5bd;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:-33px;transform:translateY(-50%)}.timeline-item.first .timeline-dot,.timeline-item.last .timeline-dot{background:#343a40;border:3px solid #fff;width:20px;height:20px;left:-36px}.timeline-dot.nearest{background:#1f7189;border:3px solid #fff;width:24px;height:24px;animation:1.5s infinite pulse-blue;left:-38px}@keyframes pulse-blue{0%{box-shadow:0 0 #1f718980}70%{box-shadow:0 0 0 10px #1f718900}to{box-shadow:0 0 #1f718900}}.timeline-expand{cursor:pointer;color:#495057;z-index:1;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-weight:600;position:relative}.timeline-expand:before{content:"";z-index:1;background-color:#fefefe;background-image:linear-gradient(#adb5bd 50%,#fff0 0%);background-position:50%;background-repeat:repeat-y;background-size:4px 12px;width:24px;position:absolute;top:-10px;bottom:-10px;left:-40px}.transition-transform{transition:transform .3s ease-in-out;display:inline-block}.rotate-180{transform:rotate(-180deg)}.timeline-collapse-wrapper{grid-template-rows:0fr;transition:grid-template-rows .35s ease-in-out;display:grid}.timeline-collapse-wrapper.open{grid-template-rows:1fr}.timeline-collapse-inner{margin-left:-48px;padding-left:48px;overflow:hidden}.fade-in-down{transform-origin:top;animation:.6s cubic-bezier(.22,1,.36,1) forwards smoothFadeSlideDown}@keyframes smoothFadeSlideDown{0%{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}.info-card{transition:all .3s;border-radius:12px!important}.info-card.clickable:hover{transform:translateY(-2px);box-shadow:0 .25rem .5rem #0000001a!important}.route-header-card{background-color:#fff;padding:8px;overflow:hidden;border-radius:16px!important}.inner-info-card{background-color:#f8f9fa!important;border-radius:12px!important}.brand-text{color:#1f7189!important}.route-list-card{background-color:#fff;transition:all .3s;border-radius:12px!important}.route-list-card:hover{transform:translateY(-3px);border:1px solid #1f718933!important;box-shadow:0 .5rem 1rem #00000014!important}.alert-badge{color:#fff;cursor:pointer;z-index:10;background-color:#dc3545;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:800;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;top:-6px;left:-6px;box-shadow:0 4px 8px #dc354566}.alert-badge:hover{transform:scale(1.15)rotate(10deg)}.custom-modal{border:none;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.modal-alert-hover{background-color:#f2f7f9;border:1px solid #e0eff5;transition:all .25s ease-in-out}.modal-alert-hover:hover{background-color:#e6f2f7;border-color:#d0e7f0;transform:translateY(-2px);box-shadow:0 4px 12px #1f718914}.btn-hero{color:#1f7189;background-color:#fff;border:2px solid #fff;border-radius:50rem;align-items:center;padding:14px 32px;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-flex;box-shadow:0 4px 15px #0003}.btn-hero:hover{color:#fff;background-color:#0000;transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.btn-action{white-space:nowrap;background:linear-gradient(135deg,#1f7189 0%,#15576a 100%);border:none;border-radius:50rem;align-items:center;width:fit-content;padding:8px 20px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 10px #1f71894d;color:#fff!important}.btn-action:hover{background:linear-gradient(135deg,#175d71 0%,#0e404e 100%);transform:translateY(-2px);box-shadow:0 6px 15px #1f718966}.judul-pengumuman{font-size:1.1rem!important}.custom-accordion .accordion-item{background-color:#fff;border:none;margin-bottom:1rem;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 12px #0000000d;border-radius:16px!important}.custom-accordion .accordion-item:hover{transform:translateY(-2px);box-shadow:0 6px 15px #1f71891a}.custom-accordion .accordion-button{color:#333;box-shadow:none;background-color:#fff;padding:1.25rem 1.5rem;font-size:1.05rem;font-weight:600;border-radius:16px!important}.custom-accordion .accordion-button:not(.collapsed){color:#1f7189;background-color:#f2f7f9;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.custom-accordion .accordion-button:after{transition:transform .3s ease-in-out}.custom-accordion .accordion-body{color:#555;background-color:#fff;border-top:1px solid #00000008;padding:1.25rem 1.5rem;font-size:1rem;line-height:1.6}.rute-title{font-size:1.35rem!important}.rute-type{font-size:.95rem!important}.roundel-wrapper{transform-origin:0;transform:scale(.85)}.teks-pengumuman{font-size:1rem!important}.info-title{font-size:1.1rem!important}.info-value{font-size:1rem!important}.info-icon{font-size:1.25rem!important}.halte-title{font-size:1.05rem!important}.halte-subtitle{font-size:.8rem!important}.btn-arah{font-size:.9rem!important;line-height:1.2!important}.badge-terdekat{padding:.35em .5em!important;font-size:.7rem!important}.expand-text{font-size:.95rem!important}.nav-link.dropdown-toggle:after{display:none!important}.dropdown-caret{transition:transform .3s}.nav-link.show .dropdown-caret{transform:rotate(180deg)}.dropdown-menu.custom-dropdown-menu{border:none;border-radius:16px;min-width:200px;padding:.5rem;box-shadow:0 10px 30px #00000026}.custom-dropdown-item{color:#333;border-radius:8px;margin-bottom:2px;padding:.5rem 1rem;font-weight:600;transition:all .2s}.custom-dropdown-item:last-child{margin-bottom:0}.custom-dropdown-item:hover,.custom-dropdown-item:focus{color:#1f7189;background-color:#f2f7f9;transform:translate(6px)}@media (min-width:992px){.dropdown-menu.custom-dropdown-menu{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s,visibility .3s;display:block;transform:translateY(15px)}.dropdown-menu.custom-dropdown-menu.show{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}}@media (max-width:767px){.dropdown-menu.custom-dropdown-menu{box-shadow:none;opacity:0;background-color:#ffffff0d;max-height:0;margin-top:5px;padding-top:0;padding-bottom:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out,padding .3s ease-in-out;overflow:hidden;display:block!important}.dropdown-menu.custom-dropdown-menu.show{opacity:1;max-height:250px;padding-top:.5rem;padding-bottom:.5rem}.custom-dropdown-item{color:#fff}.custom-dropdown-item:hover,.custom-dropdown-item:focus{color:#1f7189;background-color:#fff;transform:translate(4px)}}@media (min-width:768px){.judul-pengumuman,.teks-pengumuman{font-size:1.25rem!important}.rute-title{font-size:1.75rem!important}.rute-type{font-size:1.05rem!important}.roundel-wrapper{transform:scale(1)}.info-title{font-size:1.25rem!important}.info-value{font-size:1.15rem!important}.info-icon{font-size:1.5rem!important}.halte-title{font-size:1.15rem!important}.halte-subtitle{font-size:.9rem!important}.btn-arah{font-size:1rem!important}.badge-terdekat{padding:.4em .65em!important;font-size:.85rem!important}.expand-text{font-size:1.1rem!important}.custom-accordion .accordion-button{font-size:1.15rem}.custom-accordion .accordion-body{font-size:1.05rem}.dropdown-menu.custom-dropdown-menu{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s,visibility .3s;display:block;transform:translateY(15px)}.dropdown-menu.custom-dropdown-menu.show{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}}@keyframes fadeInDownMobile{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}
.animated{animation-duration:var(--animate-duration);animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.repeat-1{animation-iteration-count:var(--animate-repeat)}.animated.repeat-2{animation-iteration-count:calc(var(--animate-repeat)*2)}.animated.repeat-3{animation-iteration-count:calc(var(--animate-repeat)*3)}.animated.delay-1s{animation-delay:var(--animate-delay)}.animated.delay-2s{animation-delay:calc(var(--animate-delay)*2)}.animated.delay-3s{animation-delay:calc(var(--animate-delay)*3)}.animated.delay-4s{animation-delay:calc(var(--animate-delay)*4)}.animated.delay-5s{animation-delay:calc(var(--animate-delay)*5)}.animated.faster{animation-duration:calc(var(--animate-duration)/2)}.animated.fast{animation-duration:calc(var(--animate-duration)*.8)}.animated.slow{animation-duration:calc(var(--animate-duration)*2)}.animated.slower{animation-duration:calc(var(--animate-duration)*3)}@media print,(prefers-reduced-motion:reduce){.animated{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.animated[class*=Out]{opacity:0}}
@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate(0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-30px)scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-15px)scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate(0,0)scaleY(.95)}90%{transform:translateY(-4px)scaleY(1.02)}}.bounce{transform-origin:bottom;animation-name:bounce}
@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale(1)}}.pulse{animation-name:pulse;animation-timing-function:ease-in-out}
@keyframes rubberBand{0%{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scale(1)}}.rubberBand{animation-name:rubberBand}
@keyframes shakeX{0%,to{transform:translate(0,0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}.shakeX{animation-name:shakeX}
@keyframes shakeY{0%,to{transform:translate(0,0)}10%,30%,50%,70%,90%{transform:translateY(-10px)}20%,40%,60%,80%{transform:translateY(10px)}}.shakeY{animation-name:shakeY}
@keyframes headShake{0%{transform:translate(0)}6.5%{transform:translate(-6px)rotateY(-9deg)}18.5%{transform:translate(5px)rotateY(7deg)}31.5%{transform:translate(-3px)rotateY(-5deg)}43.5%{transform:translate(2px)rotateY(3deg)}50%{transform:translate(0)}}.headShake{animation-name:headShake;animation-timing-function:ease-in-out}
@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}.swing{transform-origin:top;animation-name:swing}
@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale3d(.9,.9,.9)rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1)rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1)rotate(-3deg)}to{transform:scale(1)}}.tada{animation-name:tada}
@keyframes wobble{0%{transform:translate(0,0)}15%{transform:translate(-25%)rotate(-5deg)}30%{transform:translate(20%)rotate(3deg)}45%{transform:translate(-15%)rotate(-3deg)}60%{transform:translate(10%)rotate(2deg)}75%{transform:translate(-5%)rotate(-1deg)}to{transform:translate(0,0)}}.wobble{animation-name:wobble}
@keyframes jello{0%,11.1%,to{transform:translate(0,0)}22.2%{transform:skew(-12.5deg)skewY(-12.5deg)}33.3%{transform:skew(6.25deg)skewY(6.25deg)}44.4%{transform:skew(-3.125deg)skewY(-3.125deg)}55.5%{transform:skew(1.5625deg)skewY(1.5625deg)}66.6%{transform:skew(-.78125deg)skewY(-.78125deg)}77.7%{transform:skew(.390625deg)skewY(.390625deg)}88.8%{transform:skew(-.195313deg)skewY(-.195313deg)}}.jello{transform-origin:50%;animation-name:jello}
@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.heartBeat{animation-name:heartBeat;animation-duration:calc(var(--animate-duration)*1.3);animation-timing-function:ease-in-out}
@keyframes backInDown{0%{opacity:.7;transform:translateY(-1200px)scale(.7)}80%{opacity:.7;transform:translateY(0)scale(.7)}to{opacity:1;transform:scale(1)}}.backInDown{animation-name:backInDown}
@keyframes backInLeft{0%{opacity:.7;transform:translate(-2000px)scale(.7)}80%{opacity:.7;transform:translate(0)scale(.7)}to{opacity:1;transform:scale(1)}}.backInLeft{animation-name:backInLeft}
@keyframes backInRight{0%{opacity:.7;transform:translate(2000px)scale(.7)}80%{opacity:.7;transform:translate(0)scale(.7)}to{opacity:1;transform:scale(1)}}.backInRight{animation-name:backInRight}
@keyframes backInUp{0%{opacity:.7;transform:translateY(1200px)scale(.7)}80%{opacity:.7;transform:translateY(0)scale(.7)}to{opacity:1;transform:scale(1)}}.backInUp{animation-name:backInUp}
@keyframes backOutDown{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateY(0)scale(.7)}to{opacity:.7;transform:translateY(700px)scale(.7)}}.backOutDown{animation-name:backOutDown}
@keyframes backOutLeft{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translate(0)scale(.7)}to{opacity:.7;transform:translate(-2000px)scale(.7)}}.backOutLeft{animation-name:backOutLeft}
@keyframes backOutRight{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translate(0)scale(.7)}to{opacity:.7;transform:translate(2000px)scale(.7)}}.backOutRight{animation-name:backOutRight}
@keyframes backOutUp{0%{opacity:1;transform:scale(1)}20%{opacity:.7;transform:translateY(0)scale(.7)}to{opacity:.7;transform:translateY(-700px)scale(.7)}}.backOutUp{animation-name:backOutUp}
@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale(1)}}.bounceIn{animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceIn}
@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)scaleY(3)}60%{opacity:1;transform:translateY(25px)scaleY(.9)}75%{transform:translateY(-10px)scaleY(.95)}90%{transform:translateY(5px)scaleY(.985)}to{transform:translate(0,0)}}.bounceInDown{animation-name:bounceInDown}
@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)scaleX(3)}60%{opacity:1;transform:translate(25px)scaleX(1)}75%{transform:translate(-10px)scaleX(.98)}90%{transform:translate(5px)scaleX(.995)}to{transform:translate(0,0)}}.bounceInLeft{animation-name:bounceInLeft}
@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)scaleX(3)}60%{opacity:1;transform:translate(-25px)scaleX(1)}75%{transform:translate(10px)scaleX(.98)}90%{transform:translate(-5px)scaleX(.995)}to{transform:translate(0,0)}}.bounceInRight{animation-name:bounceInRight}
@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)scaleY(5)}60%{opacity:1;transform:translateY(-20px)scaleY(.9)}75%{transform:translateY(10px)scaleY(.95)}90%{transform:translateY(-5px)scaleY(.985)}to{transform:translate(0,0)}}.bounceInUp{animation-name:bounceInUp}
@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-duration:calc(var(--animate-duration)*.75);animation-name:bounceOut}
@keyframes bounceOutDown{20%{transform:translateY(10px)scaleY(.985)}40%,45%{opacity:1;transform:translateY(-20px)scaleY(.9)}to{opacity:0;transform:translateY(2000px)scaleY(3)}}.bounceOutDown{animation-name:bounceOutDown}
@keyframes bounceOutLeft{20%{opacity:1;transform:translate(20px)scaleX(.9)}to{opacity:0;transform:translate(-2000px)scaleX(2)}}.bounceOutLeft{animation-name:bounceOutLeft}
@keyframes bounceOutRight{20%{opacity:1;transform:translate(-20px)scaleX(.9)}to{opacity:0;transform:translate(2000px)scaleX(2)}}.bounceOutRight{animation-name:bounceOutRight}
@keyframes bounceOutUp{20%{transform:translateY(-10px)scaleY(.985)}40%,45%{opacity:1;transform:translateY(20px)scaleY(.9)}to{opacity:0;transform:translateY(-2000px)scaleY(3)}}.bounceOutUp{animation-name:bounceOutUp}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translate(0,0)}}.fadeInDown{animation-name:fadeInDown}
@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}to{opacity:1;transform:translate(0,0)}}.fadeInDownBig{animation-name:fadeInDownBig}
@keyframes fadeInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0,0)}}.fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInLeftBig{0%{opacity:0;transform:translate(-2000px)}to{opacity:1;transform:translate(0,0)}}.fadeInLeftBig{animation-name:fadeInLeftBig}
@keyframes fadeInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0,0)}}.fadeInRight{animation-name:fadeInRight}
@keyframes fadeInRightBig{0%{opacity:0;transform:translate(2000px)}to{opacity:1;transform:translate(0,0)}}.fadeInRightBig{animation-name:fadeInRightBig}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translate(0,0)}}.fadeInUp{animation-name:fadeInUp}
@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}to{opacity:1;transform:translate(0,0)}}.fadeInUpBig{animation-name:fadeInUpBig}
@keyframes fadeInTopLeft{0%{opacity:0;transform:translate(-100%,-100%)}to{opacity:1;transform:translate(0,0)}}.fadeInTopLeft{animation-name:fadeInTopLeft}
@keyframes fadeInTopRight{0%{opacity:0;transform:translate(100%,-100%)}to{opacity:1;transform:translate(0,0)}}.fadeInTopRight{animation-name:fadeInTopRight}
@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate(-100%,100%)}to{opacity:1;transform:translate(0,0)}}.fadeInBottomLeft{animation-name:fadeInBottomLeft}
@keyframes fadeInBottomRight{0%{opacity:0;transform:translate(100%,100%)}to{opacity:1;transform:translate(0,0)}}.fadeInBottomRight{animation-name:fadeInBottomRight}
@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}
@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translateY(100%)}}.fadeOutDown{animation-name:fadeOutDown}
@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{animation-name:fadeOutDownBig}
@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate(-100%)}}.fadeOutLeft{animation-name:fadeOutLeft}
@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate(-2000px)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}
@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate(100%)}}.fadeOutRight{animation-name:fadeOutRight}
@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate(2000px)}}.fadeOutRightBig{animation-name:fadeOutRightBig}
@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translateY(-100%)}}.fadeOutUp{animation-name:fadeOutUp}
@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{animation-name:fadeOutUpBig}
@keyframes fadeOutTopLeft{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(-100%,-100%)}}.fadeOutTopLeft{animation-name:fadeOutTopLeft}
@keyframes fadeOutTopRight{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(100%,-100%)}}.fadeOutTopRight{animation-name:fadeOutTopRight}
@keyframes fadeOutBottomRight{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(100%,100%)}}.fadeOutBottomRight{animation-name:fadeOutBottomRight}
@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(-100%,100%)}}.fadeOutBottomLeft{animation-name:fadeOutBottomLeft}
@keyframes flip{0%{animation-timing-function:ease-out;transform:perspective(400px)scale(1)translate(0,0)rotateY(-360deg)}40%{animation-timing-function:ease-out;transform:perspective(400px)scale(1)translateZ(150px)rotateY(-190deg)}50%{animation-timing-function:ease-in;transform:perspective(400px)scale(1)translateZ(150px)rotateY(-170deg)}80%{animation-timing-function:ease-in;transform:perspective(400px)scale3d(.95,.95,.95)translate(0,0)rotateY(0)}to{animation-timing-function:ease-in;transform:perspective(400px)scale(1)translate(0,0)rotateY(0)}}.animated.flip{backface-visibility:visible;animation-name:flip}
@keyframes flipInX{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{animation-name:flipInX;backface-visibility:visible!important}
@keyframes flipInY{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateY(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateY(-20deg)}60%{opacity:1;transform:perspective(400px)rotateY(10deg)}80%{transform:perspective(400px)rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{animation-name:flipInY;backface-visibility:visible!important}
@keyframes flipOutX{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px)rotateX(-20deg)}to{opacity:0;transform:perspective(400px)rotateX(90deg)}}.flipOutX{animation-duration:calc(var(--animate-duration)*.75);animation-name:flipOutX;backface-visibility:visible!important}
@keyframes flipOutY{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px)rotateY(-15deg)}to{opacity:0;transform:perspective(400px)rotateY(90deg)}}.flipOutY{animation-duration:calc(var(--animate-duration)*.75);animation-name:flipOutY;backface-visibility:visible!important}
@keyframes lightSpeedInRight{0%{opacity:0;transform:translate(100%)skew(-30deg)}60%{opacity:1;transform:skew(20deg)}80%{transform:skew(-5deg)}to{transform:translate(0,0)}}.lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}
@keyframes lightSpeedInLeft{0%{opacity:0;transform:translate(-100%)skew(30deg)}60%{opacity:1;transform:skew(-20deg)}80%{transform:skew(5deg)}to{transform:translate(0,0)}}.lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}
@keyframes lightSpeedOutRight{0%{opacity:1}to{opacity:0;transform:translate(100%)skew(30deg)}}.lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}
@keyframes lightSpeedOutLeft{0%{opacity:1}to{opacity:0;transform:translate(-100%)skew(-30deg)}}.lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}
@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:translate(0,0)}}.rotateIn{transform-origin:50%;animation-name:rotateIn}
@keyframes rotateInDownLeft{0%{opacity:0;transform:rotate(-45deg)}to{opacity:1;transform:translate(0,0)}}.rotateInDownLeft{transform-origin:0 100%;animation-name:rotateInDownLeft}
@keyframes rotateInDownRight{0%{opacity:0;transform:rotate(45deg)}to{opacity:1;transform:translate(0,0)}}.rotateInDownRight{transform-origin:100% 100%;animation-name:rotateInDownRight}
@keyframes rotateInUpLeft{0%{opacity:0;transform:rotate(45deg)}to{opacity:1;transform:translate(0,0)}}.rotateInUpLeft{transform-origin:0 100%;animation-name:rotateInUpLeft}
@keyframes rotateInUpRight{0%{opacity:0;transform:rotate(-90deg)}to{opacity:1;transform:translate(0,0)}}.rotateInUpRight{transform-origin:100% 100%;animation-name:rotateInUpRight}
@keyframes rotateOut{0%{opacity:1}to{opacity:0;transform:rotate(200deg)}}.rotateOut{transform-origin:50%;animation-name:rotateOut}
@keyframes rotateOutDownLeft{0%{opacity:1}to{opacity:0;transform:rotate(45deg)}}.rotateOutDownLeft{transform-origin:0 100%;animation-name:rotateOutDownLeft}
@keyframes rotateOutDownRight{0%{opacity:1}to{opacity:0;transform:rotate(-45deg)}}.rotateOutDownRight{transform-origin:100% 100%;animation-name:rotateOutDownRight}
@keyframes rotateOutUpLeft{0%{opacity:1}to{opacity:0;transform:rotate(-45deg)}}.rotateOutUpLeft{transform-origin:0 100%;animation-name:rotateOutUpLeft}
@keyframes rotateOutUpRight{0%{opacity:1}to{opacity:0;transform:rotate(90deg)}}.rotateOutUpRight{transform-origin:100% 100%;animation-name:rotateOutUpRight}
@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{animation-timing-function:ease-in-out;transform:rotate(80deg)}40%,80%{opacity:1;animation-timing-function:ease-in-out;transform:rotate(60deg)}to{opacity:0;transform:translateY(700px)}}.hinge{animation-duration:calc(var(--animate-duration)*2);transform-origin:0 0;animation-name:hinge}
@keyframes jackInTheBox{0%{opacity:0;transform-origin:bottom;transform:scale(.1)rotate(30deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}
@keyframes rollIn{0%{opacity:0;transform:translate(-100%)rotate(-120deg)}to{opacity:1;transform:translate(0,0)}}.rollIn{animation-name:rollIn}
@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate(100%)rotate(120deg)}}.rollOut{animation-name:rollOut}
@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}
@keyframes zoomInDown{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translateY(-1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translateY(60px)}}.zoomInDown{animation-name:zoomInDown}
@keyframes zoomInLeft{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translate(-1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translate(10px)}}.zoomInLeft{animation-name:zoomInLeft}
@keyframes zoomInRight{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translate(1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translate(-10px)}}.zoomInRight{animation-name:zoomInRight}
@keyframes zoomInUp{0%{opacity:0;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.1,.1,.1)translateY(1000px)}60%{opacity:1;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.475,.475,.475)translateY(-60px)}}.zoomInUp{animation-name:zoomInUp}
@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}
@keyframes zoomOutDown{40%{opacity:1;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.475,.475,.475)translateY(-60px)}to{opacity:0;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.1,.1,.1)translateY(2000px)}}.zoomOutDown{transform-origin:bottom;animation-name:zoomOutDown}
@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475)translate(42px)}to{opacity:0;transform:scale(.1)translate(-2000px)}}.zoomOutLeft{transform-origin:0;animation-name:zoomOutLeft}
@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475)translate(-42px)}to{opacity:0;transform:scale(.1)translate(2000px)}}.zoomOutRight{transform-origin:100%;animation-name:zoomOutRight}
@keyframes zoomOutUp{40%{opacity:1;animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:scale3d(.475,.475,.475)translateY(60px)}to{opacity:0;animation-timing-function:cubic-bezier(.175,.885,.32,1);transform:scale3d(.1,.1,.1)translateY(-2000px)}}.zoomOutUp{transform-origin:bottom;animation-name:zoomOutUp}
@keyframes slideInDown{0%{visibility:visible;transform:translateY(-100%)}to{transform:translate(0,0)}}.slideInDown{animation-name:slideInDown}
@keyframes slideInLeft{0%{visibility:visible;transform:translate(-100%)}to{transform:translate(0,0)}}.slideInLeft{animation-name:slideInLeft}
@keyframes slideInRight{0%{visibility:visible;transform:translate(100%)}to{transform:translate(0,0)}}.slideInRight{animation-name:slideInRight}
@keyframes slideInUp{0%{visibility:visible;transform:translateY(100%)}to{transform:translate(0,0)}}.slideInUp{animation-name:slideInUp}
@keyframes slideOutDown{0%{transform:translate(0,0)}to{visibility:hidden;transform:translateY(100%)}}.slideOutDown{animation-name:slideOutDown}
@keyframes slideOutLeft{0%{transform:translate(0,0)}to{visibility:hidden;transform:translate(-100%)}}.slideOutLeft{animation-name:slideOutLeft}
@keyframes slideOutRight{0%{transform:translate(0,0)}to{visibility:hidden;transform:translate(100%)}}.slideOutRight{animation-name:slideOutRight}
@keyframes slideOutUp{0%{transform:translate(0,0)}to{visibility:hidden;transform:translateY(-100%)}}.slideOutUp{animation-name:slideOutUp}