@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
@font-face{font-family:'SVN-Segoe';src:url('/uploads/events/clawmachine/fonts/SVN-Segoe UI Bold Italic.ttf');font-weight:bold;font-style:italic}@font-face{font-family:'SVN-Steady';src:url('/uploads/events/clawmachine/fonts/SVN-Steady.otf');font-weight:bold;font-style:italic}@font-face{font-family:'SVN-Sunday';src:url('/uploads/events/clawmachine/fonts/SVN-Sunday.ttf');font-weight:bold}body{}html{font-size:16px;margin:0;padding:0;box-sizing:border-box}.wrapper img.boy{max-height:300px;max-width:180px;position:absolute;bottom:0;left:0}.wrapper .head .time-event{text-align:center}.wrapper .head p{text-align:center;font-size:55px;display:inline-block;color:#fff;padding:0px 11px;font-weight:400;border:2px solid;border-style:dashed}.wrapper .head p span{background:#ff7e00}.game .info{color:#000;background:#d98837;display:inline-block;padding:10px;border-radius:5px}.wrapper .login{min-height:100vh;background-image:url('/uploads/events/clawmachine/background_login_event_2023.webp');background-repeat:no-repeat;background-size:cover;background-position:center center}.login_main{position:absolute;top:55%;left:50%;transform:translateY(-50%) translateX(-50%);margin-top:50px}.logo_event{margin:0px auto 0;display:block;width:50vw;max-width:100%;padding-top:10px}.login .time{position:absolute;left:50%;top:40%;transform:translateX(-50%) translateY(-50%);font-size:51px;font-family:"SVN-Sunday";color:#fff;text-shadow:0 1px 10px black}.login input{box-shadow:0px 0px 5px 4px #62d714}.wrapper form label{font-size:30px;color:#000}.wrapper form input{width:100%;padding:20px 10px;font-size:26px}.wrapper .btn-dangnhap{text-align:right}.wrapper form button{font-size:28px;padding:8px 15px;line-height:1;background-image:linear-gradient(#41c823,#256e03);border:#256e03;text-shadow:1px 1px 10px #000;box-shadow:1px 1px 11px 2px #000;border-radius:10px}.wrapper form button:hover{box-shadow:1px 1px 11px 2px #41c823}.wrapper .help-block{font-size:25px;text-shadow:2px 2px 1px #fff}.login .form-btn-input{display:flex;gap:20px;justify-content:space-between;margin-top:40px}.wrapper .game{position:relative;height:100vh;background-repeat:no-repeat;background-position:center top;background-size:cover}.wrapper .game .head{font-size:17px;text-align:center;padding:10px 15px 15px 15px}.wrapper .game .head span{padding:0 10px}.quytac,.lichsu{position:absolute;border-radius:15px;bottom:20px;padding:5px 14px;color:black;font-weight:bold;font-size:28px;font-style:italic;box-shadow:1px 2px 6px 1px #00000087;text-shadow:1px 2px 5px #000;transition:all 0.3s;font-family:"SVN-Segoe"}.quytac{background:linear-gradient(#fff,orange);left:20px}.quytac:hover{background:linear-gradient(orange,#fff)}.lichsu{background:linear-gradient(#fff,#41b4f9);right:20px}.lichsu:hover{background:linear-gradient(#41b4f9,#fff)}.quytac:hover,.quytac:focus,.lichsu:hover,.lichsu:focus{color:black;text-decoration:none}.sec-play{position:relative;text-align:center;background-image:url('/uploads/events/clawmachine/machine-2023.webp');background-size:contain;background-repeat:no-repeat;width:640px;height:600px;margin:0 auto;max-width:100%;padding:109px 84px 0 84px}.sec-play .sec-machine{position:relative;display:block;width:464px;max-width:100%;height:340px;margin:0 auto 43px;overflow:hidden}.sec-play .img-reward{position:absolute;bottom:10px;left:43%;width:60px;transition:all 1s;visibility:hidden}.sec-play .img-reward.pickup{bottom:242px;transition:bottom 1s 1.5s;visibility:visible}.sec-claw{position:relative;display:flex;flex-direction:column;height:107px;max-height:100%;transition:all 1s}.sec-claw.pickup{height:100%}.claw-body{display:block;background-image:url('/uploads/events/clawmachine/claw_body.webp');width:8px;height:calc(100% - 95px);background-repeat:repeat-y;margin:0 auto}.claw-head{display:block;margin:-4px auto 0;width:60px}.img-animal{position:absolute;bottom:-7px;left:0;width:100%;z-index:1}::selection{background:none;color:none}.claw-button{background-image:linear-gradient(#fe4800,#ff6100,#fe4800);border:none;margin-top:-4px;font-size:20px;text-transform:uppercase;color:#fff;font-weight:bold;font-style:italic;padding:4px 20px;border-radius:20px;box-shadow:0 2px 5px 0px black;transition:all 0.3s}.claw-button:hover,.claw-pause-button:hover{box-shadow:none;margin-top:-1px}.claw-text{position:absolute;bottom:20px;left:50%;width:100%;max-width:100%;transform:translateX(-50%);font-size:32px;font-style:italic;color:#fff;font-weight:bold;font-family:"SVN-Steady";line-height:1}.sound_button{position:absolute;right:20px;top:20px;background-image:url('/uploads/events/clawmachine/sound.webp');background-size:cover;width:40px;height:40px;display:inline-block;background-position:0px 0px;background-repeat:no-repeat;transition:all 0.3s;filter:drop-shadow(0px 2px 10px #fff)}.sound_button.muted{background-position:-50px 0px}.string_claw{height:100%;position:absolute;top:0;left:43%}#btn_left,#btn_right,#btn_top,#btn_bottom{background-image:url('/uploads/events/clawmachine/left.webp');width:30px;height:30px;position:absolute;bottom:80px;background-repeat:no-repeat;background-size:contain;cursor:pointer;filter:drop-shadow(0px 2px 2px #000);transition:all 0.3s}#btn_left:hover,#btn_right:hover{filter:none}#btn_left{left:35%}#btn_right{left:45%;transform:rotate(180deg)}#btn_top{transform:rotateZ(90deg);left:40%;bottom:16%}#btn_bottom{transform:rotateZ(-90deg);left:40%;bottom:11%}.claw-button{position:absolute;left:52%}#img_reward{}.sec-claw.pickup{max-height:unset;height:275px}.img-claw-win{width:75px;height:75px;position:absolute;z-index:-1;top:223px;left:-8px;opacity:0}.gift-win{animation:bottomTop 1s}@keyframes bottomTop{0%{top:223px}100%{top:20px}}.sec-claw.pickup-row1{height:350px;max-height:unset}.sec-claw.pickup-row2{height:415px;max-height:unset}.sec-claw.pickup-row3{height:400px;max-height:unset}.sec-claw.pickup-row4{height:560px;max-height:unset}.string_claw{z-index:2}.stop-height{animation-play-state:paused}.claw-pause-button{position:absolute;right:50px;background-image:linear-gradient(#fe4800,#ff6100,#fe4800);width:120px;text-transform:uppercase;border:0;box-shadow:0 2px 5px #000;border-radius:15px;font-size:20px;font-weight:bold;color:#fff;font-style:italic;height:35px;transition:all 0.3s;margin-top:-4px}.count_play_new{position:absolute;left:50px;padding:5px;margin-top:-10px;color:#fff;background-color:chocolate;border:5px solid darkolivegreen;border-radius:10px}.img-gift{width:75px;height:75px;position:absolute;filter:drop-shadow(0 1px 1px #000);z-index:1}.img-gift:nth-child(1){top:155px;left:61px}.img-gift:nth-child(2){top:155px;left:61px;z-index:1}.img-gift:nth-child(3){top:195px;left:21px;z-index:2}.img-gift:nth-child(4){top:250px;left:8px;z-index:3}.img-gift:nth-child(5){top:269px;left:12px;z-index:4}.img-gift:nth-child(6){top:161px;left:124px;z-index:1}.img-gift:nth-child(7){top:205px;left:100px;z-index:2}.img-gift:nth-child(8){top:255px;left:85px;z-index:3}.img-gift:nth-child(9){top:300px;left:68px;z-index:4}.img-gift:nth-child(10){top:174px;left:181px;z-index:1}.img-gift:nth-child(11){top:216px;left:153px;z-index:2}.img-gift:nth-child(12){top:252px;left:158px;z-index:3}.img-gift:nth-child(13){top:295px;left:134px;z-index:4}.img-gift:nth-child(14){top:169px;left:248px;z-index:1}.img-gift:nth-child(15){top:224px;left:226px;z-index:2}.img-gift:nth-child(16){top:270px;left:227px;z-index:3}.img-gift:nth-child(17){top:298px;left:211px;z-index:4}.img-gift:nth-child(18){top:156px;left:322px;z-index:1}.img-gift:nth-child(19){top:197px;left:288px;z-index:2}.img-gift:nth-child(20){top:250px;left:301px;z-index:3}.img-gift:nth-child(21){top:300px;left:288px;z-index:4}.img-gift:nth-child(22){top:173px;left:377px;z-index:1}.img-gift:nth-child(23){top:220px;left:359px;z-index:2}.img-gift:nth-child(24){top:254px;left:379px;z-index:3}.img-gift:nth-child(25){top:288px;left:371px;z-index:4}.img-gift.picked{animation:bottomToTop 1s}@keyframes bottomToTop{to{top:30px}}@keyframes LeftRight{0%{transform:rotateZ(-15deg)}50%{transform:rotateZ(15deg)}100%{transform:rotateZ(-15deg)}}@media all and (min-width:320px)and (max-width:768px){}@media all and (min-width:600px){}@media all and (min-width:1024px){}@media all and (min-width:1280px){}.login .form-btn-input .btn-dangnhap{margin:0}.login .field-khobau-code{margin-top:10px;margin-bottom:0}.game .luotchoi{position:absolute;left:100px;top:50%}.game .luotchoi img{width:250px}