@import url(https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Noto+Sans+TC:wght@100..900&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}button,ol,ul{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:focus,a:active,a:focus,a:hover,button:focus{text-decoration:none;outline:0}a,button{background:0 0;font-size:0;padding:0;margin:0}img{max-width:100%;height:auto}.tab-content>.tab-pane{height:0;display:block;opacity:0;pointer-events:none}.tab-content>.active{height:auto;opacity:1;pointer-events:auto}.nav-link{padding:0}h3{font-weight:700;font-size:28px;line-height:1.4;text-align:center;color:#fe820f}@media only screen and (max-width:767px){h3{font-size:22px}}li,p{font-weight:400;font-size:20px;line-height:180%;text-align:center;color:#e3dcbe}@media only screen and (max-width:767px){li,p{font-size:16px}}.orange{color:#f83700;vertical-align:baseline}.black{color:#212529;vertical-align:baseline}.light{color:#fff;vertical-align:baseline}.orangeM{color:#fe820f;vertical-align:baseline}body{color:#007a8a;font:"Noto Sans TC",sans-serif;font-weight:200;background-color:#000;min-height:100vh;display:flex;flex-direction:column}p{margin:0}img{max-width:100%;height:auto}main.wrapper{flex:1 0 auto;overflow:hidden}#header{position:relative;background:url(../images/mainBg.jpg) no-repeat;background-size:cover;min-height:100vh;justify-content:center;overflow:hidden}#header::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:100vh;background:url(../images/gap.png) no-repeat center center;background-size:cover;z-index:6;pointer-events:none}@media only screen and (max-width:1200px){#header{min-height:94vh;background-position-x:44.5%}#header::before{background:url(../images/gap2.png) no-repeat center center;background-size:cover}}@media only screen and (max-width:991px){#header{min-height:92vh;background-position-x:39.5%}}@media only screen and (max-width:480px){#header{background-position-x:19.5%}}@media only screen and (max-width:375px){#header{min-height:100vh}#header::before{background-position:left center}}#header .title{min-width:320px;margin:0 auto;transform:translate(58%,39%);z-index:5;position:absolute;text-align:center;display:flex;flex-direction:column;gap:clamp(14px,5vh,100px);align-items:center}@media only screen and (max-width:1200px){#header .title{transform:translate(7%,53%);gap:clamp(14px,3vh,100px)}}@media only screen and (max-width:991px){#header .title{transform:translate(0,35%)}}@media only screen and (max-width:767px){#header .title{transform:translate(0,79%);gap:clamp(14px,1vh,100px)}}#header .title h1{position:relative}#header .title h1 .popbox{position:absolute;top:-19%;right:4%;z-index:6;opacity:0;transform-origin:center;-webkit-animation:popSticker .8s cubic-bezier(.34,1.56,.64,1) 1.8s forwards;animation:popSticker .8s cubic-bezier(.34,1.56,.64,1) 1.8s forwards}@media only screen and (max-width:767px){#header .title h1 .popbox{width:50%;top:-52%}}#header .title .login-wrap{display:flex;flex-direction:column;align-items:center}@media only screen and (max-width:767px){#header .title .login-wrap{align-items:start;transform:translateX(3%)}}#header .title .login-wrap a{position:relative;transition:.5s linear}#header .title .login-wrap a .download{transition:.3s all}#header .title .login-wrap a .download.active,#header .title .login-wrap a .download:hover{filter:invert(1)}@media only screen and (max-width:375px){#header .title .login-wrap a .download{width:80%}}#header .title .login-wrap .arrow{display:inline-block;margin-top:-40px;width:28px;z-index:10;-webkit-animation:scroll 1.5s ease-in-out infinite;animation:scroll 1.5s ease-in-out infinite}@-webkit-keyframes scroll{0%{transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0)}}@keyframes scroll{0%{transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0)}}@media only screen and (max-width:767px){#header .title .login-wrap .arrow{position:absolute;top:52%}}#header .title_line .linewrap{position:absolute;top:50%;left:50%}#header .title_line .linewrap--1{width:997px;height:1022px;transform:translate(-50%,-50%);z-index:3}#header .title_line .linewrap--2{width:961px;height:1064px;transform:translate(-50%,-50%);z-index:3}#header .title_line .linewrap .line-mask{width:100%;height:0;overflow:hidden}#header .title_line .linewrap .line-mask--1{-webkit-animation:lineReveal .6s cubic-bezier(.16,1,.3,1) forwards;animation:lineReveal .6s cubic-bezier(.16,1,.3,1) forwards;-webkit-animation-delay:.5s;animation-delay:.5s}#header .title_line .linewrap .line-mask--2{-webkit-animation:lineReveal 1.2s cubic-bezier(.16,1,.3,1) forwards;animation:lineReveal 1.2s cubic-bezier(.16,1,.3,1) forwards;-webkit-animation-delay:.8s;animation-delay:.8s}#header .title_line .linewrap .line-mask img{display:block;width:100%}@-webkit-keyframes lineReveal{from{height:0}to{height:100%}}@keyframes lineReveal{from{height:0}to{height:100%}}@media only screen and (max-width:1200px){#header .title_line .linewrap--1{width:auto;height:100svh;aspect-ratio:997/1022}#header .title_line .linewrap--2{width:auto;height:100svh;aspect-ratio:961/1064}#header .title_line .line-mask--1 img,#header .title_line .line-mask--2 img{height:100svh}}#header .pc_icon{position:fixed;bottom:4%;right:3%;display:none}#header .main_char{display:flex;justify-content:space-between;align-items:flex-end;inset:0;position:absolute;z-index:2}#header .main_char .char01{overflow:hidden}#header .main_char .char01 img{display:block;position:relative;right:-14%}@media only screen and (max-width:1200px){#header .main_char{justify-content:center;align-items:flex-end;overflow:hidden;z-index:3}#header .main_char .char01,#header .main_char .char02{flex:0 0 auto;position:relative;bottom:0}#header .main_char .char01 img,#header .main_char .char02 img{display:block;width:100%;max-width:none}#header .main_char .char02{width:clamp(500px,55vw,705px);z-index:1;left:7vw}#header .main_char .char01{width:clamp(700px,83vw,1000px);margin-left:-16vw;z-index:2;overflow:visible}#header .main_char .char01 img{right:auto}}@media only screen and (max-width:991px){#header .main_char .char01{margin-left:-29vw;bottom:-3vh;right:-5vw}#header .main_char .char02{left:38px;bottom:-4vh}}@media only screen and (max-width:767px){#header .main_char .char01{width:clamp(600px,72vw,1000px);right:26vw;bottom:-6vh}#header .main_char .char02{width:clamp(450px,55vw,705px);left:35vw;bottom:-8vh}}@media only screen and (max-width:375px){#header .main_char .char01{width:clamp(450px,72vw,1000px);right:17vw;bottom:-13vh;margin-left:-39vw}#header .main_char .char02{width:clamp(350px,55vw,705px);left:28vw;bottom:-17vh}}.main-content{position:relative;z-index:1;text-align:center;background:url(../images/bg_01.jpg) no-repeat top center;background-size:1920px auto}.main-content::before{content:'';position:absolute;top:0;left:0;width:1920px;height:171px;background:url(../images/bg_cover.png) center center no-repeat;background-size:contain;z-index:1}.main-content .topBar{position:absolute;background-size:cover;min-height:100px;top:100px;left:50%;transform:translateX(-50%);z-index:3}@media only screen and (max-width:1200px){.main-content .topBar{width:100%;position:relative;top:0}}.main-content ul.nav{display:flex;margin:0 auto;max-width:1200px;gap:8px;flex-wrap:nowrap}@media only screen and (max-width:1200px){.main-content ul.nav{flex-wrap:wrap;gap:0;justify-content:center}}.main-content ul.nav li{text-align:center;font-weight:700}@media only screen and (max-width:1200px){.main-content ul.nav li{width:50%}}.main-content ul.nav li a{display:block;color:#fff;font-size:36px;padding:12px 44px;gap:10px;background:url(../images/tab01.png) no-repeat;background-size:cover;white-space:nowrap;transition:.3s;font-family:"Dela Gothic One",sans-serif;background-position:top left;font-weight:400;font-style:normal}.main-content ul.nav li a.active,.main-content ul.nav li a:hover{background:url(../images/tab02.png);background-size:cover;background-position:center center;color:#000}@media only screen and (max-width:1200px){.main-content ul.nav li a{font-size:32px;padding:25px;letter-spacing:1px;transform:none;white-space:normal;height:100%;display:flex;align-items:center;justify-content:center;background:#302009}.main-content ul.nav li a.active,.main-content ul.nav li a:hover{background:#f8ff34}}.main-content .tab-content{overflow:hidden;width:100%}.main-content #s1,.main-content #s2{padding-top:220px;display:flex;flex-direction:column;position:relative}@media only screen and (max-width:1200px){.main-content #s1,.main-content #s2{padding-top:40px}}.main-content h3{position:relative}.main-content .content{display:flex;flex-direction:column;align-items:center;gap:50px;justify-content:center;margin-bottom:30vh}@media only screen and (max-width:1200px){.main-content .content{flex-direction:column;align-items:center;gap:8px}}.main-content .content .blackBg{max-width:980px;width:100%;display:flex;flex-direction:column;align-items:center;padding:80px 120px;gap:40px;background:rgba(0,0,0,.85);border-radius:25px;border:#fff 3px solid;position:relative;z-index:1;box-sizing:border-box}@media only screen and (max-width:767px){.main-content .content .blackBg{width:93%;padding:12px}}.main-content .content .blackBg .corner{position:absolute;width:40px;height:40px;background:url(../images/corner.svg) center/contain no-repeat;pointer-events:none}.main-content .content .blackBg .corner.corner-tl{top:-6px;left:-6px}.main-content .content .blackBg .corner.corner-tr{top:-6px;right:-6px;transform:rotate(90deg)}.main-content .content .blackBg .corner.corner-bl{bottom:-6px;left:-6px;transform:rotate(-90deg)}.main-content .content .blackBg .corner.corner-br{bottom:-6px;right:-6px;transform:rotate(180deg)}.main-content .content .blackBg h2 img{max-width:100%}.main-content .content .blackBg .listbox{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:20px 0 20px 20px}.main-content .content .blackBg .listbox li{text-align:left;line-height:150%;list-style-type:decimal;padding-bottom:12px}.main-content .noticeWrap{margin-top:80px;padding:40px 0 80px}@media only screen and (max-width:1200px){.main-content .noticeWrap{margin-top:5vh}}.main-content .noticeWrap .noticeContent{padding:5vh 2vw;max-width:740px;margin:0 auto;z-index:11;text-align:left;color:#fff;font-weight:700;line-height:30px;font-size:18px}@media only screen and (max-width:767px){.main-content .noticeWrap .noticeContent{padding:0 20px}}.main-content .noticeWrap .noticeContent h2{text-align:center;margin-bottom:20px}.main-content .noticeWrap .noticeContent ul{font-size:22px;margin-left:24px}.main-content .noticeWrap .noticeContent ul li{font-size:20px;list-style:disc;text-align:left;margin-bottom:8px}@media only screen and (max-width:767px){.main-content .noticeWrap .noticeContent ul li{font-size:16px;list-style:disc}}@-webkit-keyframes move{0%,100%{transform:translate(0,0)}50%{transform:translate(0,30px)}}@keyframes move{0%,100%{transform:translate(0,0)}50%{transform:translate(0,30px)}}#sponsor{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:4px;background:#1d1003}#sponsor p{color:#fff;font-size:16px}#ft{position:relative;background:#181818;padding:15px 0 35px;margin:0 auto;width:100%;z-index:1}#ft>div{max-width:unset}#ft .copyright{display:flex;align-items:center;flex-wrap:nowrap;list-style-type:none;font-size:12px;line-height:1.6;font-weight:300;color:#fff;margin:0;padding:0;justify-content:center;width:100%;gap:40px}@media only screen and (max-width:767px){#ft .copyright{flex-direction:column;gap:20px}}#ft .copyright li{margin:0;vertical-align:top;line-height:1.6;display:flex;font-size:12px;gap:12px;text-align:left;color:#fff}#ft .copyright li:last-child{line-height:1.6;align-items:center}.sideBtn{position:fixed;z-index:21;left:40px;bottom:160px;text-align:left;padding:25px 0;opacity:0;transition:.3s}.sideBtn.show{opacity:1;visibility:visible}.sideBtn ul{padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.sideBtn ul li{margin:0}.sideBtn ul li a{display:block;color:#fe820f;padding:9px 20px;background:url(../images/tab01.png) no-repeat;background-size:contain;white-space:nowrap;transition:.3s;font-family:sans-serif;font-weight:400;font-style:normal;font-size:20px;width:223px;text-decoration:none;text-align:left}.sideBtn ul li a.active,.sideBtn ul li a:hover{color:#f8ff34}.sideBtn ul li a:nth-child(3){display:none}.sideBtn ul li a.active,.sideBtn ul li a:hover{filter:brightness(1.2)}@media only screen and (max-width:991px){.sideBtn ul li a{width:120px;padding:2px 10px;background-size:cover;background-position-x:150%;filter:drop-shadow(0 0 1px rgba(236,159,15,.5))}}@media only screen and (max-width:1200px){.sideBtn li a:is(:nth-child(2)){display:none}.sideBtn li a:nth-child(3){display:block;padding:0 0 10px}}@media only screen and (max-width:991px){.sideBtn{left:0;bottom:10px;gap:5px}}@media only screen and (max-width:767px){.sideBtn{left:unset;bottom:4px;top:unset;width:50px;padding:10px 0}}#s1 .img-showbox-wrap{display:flex;gap:16px;justify-content:center}#s1 .img-showbox-wrap .img-showobx{position:relative}#s1 .img-showbox-wrap .img-showobx span{position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#fe820f;color:#fff;padding:4px 16px;font-size:20px;font-weight:700;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:8px;top:-12px}#s1 .img-showbox-wrap .img-showobx img{width:100%;border-radius:8px;border:4px solid #fe820f;overflow:hidden}#s1 .block{margin:20px auto 40px}#s1 .Arena{display:flex}@media only screen and (max-width:1200px){#s1 .Arena{flex-direction:column}}#s1 .Arena .mapinfo{margin:20px}#s1 .Arena .mapinfo p{text-align:left}#s1 .Arena .mapinfo .map-frame{width:100%;max-width:380px;aspect-ratio:380/250;border:0;margin:20px auto}#s2 .tab-content .tab-pane{gap:0}#s2 .reward{display:flex;flex-wrap:wrap;gap:16px 20px;width:100%;max-width:540px;margin:20px auto;justify-content:center}#s2 .reward .rewardbox{text-align:center;background:#000;width:260px;height:260px;padding:20px;border:3px solid var(--reward-color)}#s2 .reward .rewardbox p{color:#e3dcbe;font-weight:500;font-size:20px;line-height:125%}#s2 .rank-1{--reward-color:#eedd44}#s2 .rank-2{--reward-color:#f83700}#s2 .rank-3{--reward-color:#fe820f}#s2 .rank-4{--reward-color:#ffe0c4}#s2 #t21,#s2 #t22{overflow:visible}#s2 #t21 h2,#s2 #t22 h2{margin-bottom:20px}#s2 #t21 h2 img,#s2 #t22 h2 img{max-width:100%;height:auto}#s2 #t21 .detail,#s2 #t22 .detail{margin-bottom:100px;display:flex;flex-direction:column;gap:60px}@media only screen and (max-width:767px){#s2 #t21 .detail,#s2 #t22 .detail{margin-bottom:40px}}#s2 #t21 .detail .d-flex,#s2 #t21 .story .d-flex,#s2 #t22 .detail .d-flex,#s2 #t22 .story .d-flex{gap:12px}#s2 #t21 .detail h3,#s2 #t21 .detail p,#s2 #t21 .story h3,#s2 #t21 .story p,#s2 #t22 .detail h3,#s2 #t22 .detail p,#s2 #t22 .story h3,#s2 #t22 .story p{text-align:center}#s2 #t22 .block{margin:0 auto}#s2 #t22 .img-showbox-wrap{display:flex;gap:16px;justify-content:center}#s2 #t22 .img-showbox-wrap .img-showbox span{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#fe820f;font-size:24px;font-weight:700;left:50%;transform:translateX(-50%);white-space:nowrap}#s2 #t22 .img-showbox-wrap .img-showbox img{width:100%;overflow:hidden;border:3px solid #e3dcbe;margin-bottom:20px}#s3 .blackBg .img-showobx{position:relative}#s3 .blackBg .img-showobx span{position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#fe820f;color:#fff;padding:4px 16px;font-size:20px;font-weight:700;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:8px;top:-12px}#s3 .blackBg .img-showobx img{width:100%;border-radius:8px;border:4px solid #fe820f;overflow:hidden;max-height:390px}#s3 #t31::before{content:'';position:absolute;top:40px;right:5%;background:url(../images/s3-deco01.png) no-repeat center center;width:153px;height:332px}@media only screen and (max-width:1440px){#s3 #t31::before{display:none}}#s3 #t31::after{content:'';position:absolute;bottom:30%;left:-10%;background:url(../images/s3-deco02.png) no-repeat center center;width:151px;height:362px}@media only screen and (max-width:1440px){#s3 #t31::after{display:none}}#s3 #t32::before{content:'';position:absolute;top:5%;right:-4%;background:url(../images/s3-deco03.png) no-repeat center center;width:318px;height:320px}@media only screen and (max-width:1440px){#s3 #t32::before{display:none}}#s3 #t32::after{content:'';position:absolute;bottom:60%;left:-10%;background:url(../images/s3-deco04.png) no-repeat center center;width:166px;height:160px}@media only screen and (max-width:1440px){#s3 #t32::after{display:none}}#s4 .blackBg{padding-top:40px}@media only screen and (max-width:767px){#s4 .blackBg{padding-top:20px}}#s4 .blackBg .img-showbox-wrap{display:flex;gap:16px;justify-content:center}#s4 .blackBg .img-showbox-wrap .img-showobx{position:relative}#s4 .blackBg .img-showbox-wrap .img-showobx span{position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#fe820f;color:#fff;padding:4px 16px;font-size:20px;font-weight:700;left:50%;transform:translateX(-50%);white-space:nowrap;border-radius:8px;top:-12px}#s4 .blackBg .img-showbox-wrap .img-showobx img{width:100%;border-radius:8px;border:4px solid #fe820f;overflow:hidden}#s4 .blackBg .storebtn{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;justify-content:center;align-items:center;padding:12px 32px;background:#fe820f;font-weight:900;font-size:24px;line-height:29px;color:#e1ff3c;position:relative;transition:.3s;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.15)}#s4 .blackBg .storebtn.active,#s4 .blackBg .storebtn:hover{background:#e1ff3c center center;color:#0090d3}#s4 .blackBg .storebtn.active{transition:.3s}#s4 #t41::before{content:'';position:absolute;top:5%;right:3%;background:url(../images/s4-deco01.png) no-repeat center center;width:149px;height:313px}@media only screen and (max-width:1440px){#s4 #t41::before{display:none}}#s4 #t41::after{content:'';position:absolute;top:5%;left:3%;background:url(../images/s4-deco01.png) no-repeat center center;width:149px;height:313px;transform:scaleX(-1)}@media only screen and (max-width:1440px){#s4 #t41::after{display:none}}#s4 #t42::before{content:'';position:absolute;top:5%;right:3%;background:url(../images/s4-deco03.png) no-repeat center center;width:156px;height:157px}@media only screen and (max-width:1440px){#s4 #t42::before{display:none}}#s4 #t42::after{content:'';position:absolute;top:12%;left:-8%;background:url(../images/s4-deco04.png) no-repeat center center;width:259px;height:125px}@media only screen and (max-width:1440px){#s4 #t42::after{display:none}}#s4 #t43 .table{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;gap:12px}@media only screen and (max-width:1440px){#s4 #t43 .table{-ms-grid-columns:1fr;grid-template-columns:1fr}}.navbar{position:fixed;z-index:20;width:100%;left:auto;background-color:none;display:flex;justify-content:flex-end;top:0;right:0;padding:24px 40px;gap:12px}@media only screen and (max-width:991px){.navbar{padding:20px}}.navbar .bg-container2{position:fixed;top:15px;right:0;width:60px;height:270px;-webkit-clip-path:polygon(100% 0,100% 100%,0 83%,0 14%);clip-path:polygon(100% 0,100% 100%,0 83%,0 14%);background:#000;z-index:-1}@media only screen and (max-width:991px){.navbar .bg-container2{display:none}}.navbar .navbar-brand{position:absolute;left:60px;top:30px;margin:0;padding:0}@media only screen and (max-width:991px){.navbar .navbar-brand{left:12px;top:24px;max-width:180px}}.navbar .navbar-toggler{background:#000;border-radius:500px;align-items:flex-end;width:48px;height:48px}.navbar .navbar-toggler span{display:block;width:20px;height:2px;background-color:#fff;border-radius:2px;margin:4px auto;transition-duration:.3s}.navbar .navbar-toggler.active span:nth-child(1){transform:rotate(45deg) translate(4px,5px)}.navbar .navbar-toggler.active span:nth-child(2){opacity:0}.navbar .navbar-toggler.active span:nth-child(3){transform:rotate(-45deg) translate(3px,-5px)}.navbar .navbar-collapse .navbar-nav{display:flex;align-content:flex-end;flex-wrap:wrap;flex-direction:column;gap:4px;margin-right:-30px;margin-top:30px}@media only screen and (max-width:991px){.navbar .navbar-collapse .navbar-nav{margin-right:0;background:#161a01;width:46px;border-radius:60px;padding:20px 4px;gap:10px}}.navbar .navbar-collapse .navbar-nav .nav-link{padding:0;transition:.3s}@media only screen and (max-width:991px){.navbar .navbar-collapse .navbar-nav .nav-link{width:38px;height:38px}}.navbar .navbar-collapse .navbar-nav .nav-link:hover{filter:brightness(2)}@-webkit-keyframes blink{0%,100%{filter:brightness(10);opacity:1}50%{opacity:0}}@keyframes blink{0%,100%{filter:brightness(10);opacity:1}50%{opacity:0}}@-webkit-keyframes blink2{0%,100%{filter:brightness(3);opacity:1}60%{opacity:0}}@keyframes blink2{0%,100%{filter:brightness(3);opacity:1}60%{opacity:0}}@-webkit-keyframes blink3{0%,100%{filter:brightness(5);opacity:1}60%{opacity:.7}}@keyframes blink3{0%,100%{filter:brightness(5);opacity:1}60%{opacity:.7}}@-webkit-keyframes slideInLeft{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes popSticker{0%{opacity:0;transform:scale(.3) rotate(-9deg)}50%{opacity:1;transform:scale(1.15) rotate(8deg)}70%{transform:scale(.95) rotate(-4deg)}85%{transform:scale(1.05) rotate(2deg)}100%{opacity:1;transform:scale(1) rotate(0)}}@keyframes popSticker{0%{opacity:0;transform:scale(.3) rotate(-9deg)}50%{opacity:1;transform:scale(1.15) rotate(8deg)}70%{transform:scale(.95) rotate(-4deg)}85%{transform:scale(1.05) rotate(2deg)}100%{opacity:1;transform:scale(1) rotate(0)}}