@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css);
@import url(https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap);
#cn-raspadinha-root{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);z-index:999;display:none;justify-content:center;align-items:center;overflow-y:auto;font-family:Lato}#cn-raspadinha-root #cn-raspadinha{max-width:700px;max-height:700px}@media (max-width: 1024px){#cn-raspadinha-root #cn-raspadinha{max-width:98vw}}@media (max-width: 1024px) and (orientation: landscape){#cn-raspadinha-root #cn-raspadinha{position:absolute;top:62px}}#cn-raspadinha-root #cn-raspadinha .off-modal{display:flex;justify-content:flex-end}#cn-raspadinha-root #cn-raspadinha .off-modal svg{background:black;border-radius:50px}#cn-raspadinha-root #cn-raspadinha .off-modal svg path{fill:white}#cn-raspadinha-root #cn-raspadinha .off-modal button{background-color:transparent}#cn-raspadinha-root #cn-raspadinha .body{display:flex;flex-direction:column;align-items:center;border-radius:15px;padding:20px}#cn-raspadinha-root #cn-raspadinha .body .volte-amanha{font-size:26px}@media (max-width: 1024px){#cn-raspadinha-root #cn-raspadinha .body .volte-amanha{font-size:13px}}#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show{position:relative}#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show:before{font-size:354px;font-family:"Font Awesome 5 Free"}@media (max-width: 1024px){#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show:before{font-size:232px}}#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show>div{display:flex;align-items:center;font-size:18px;color:black;position:absolute;top:99px;left:74px}@media (max-width: 1024px){#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show>div{top:66px;left:51px}}#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show>div .resultado{padding:15px;width:calc(100% - 30px);height:129px;background:white;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 1024px){#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show>div .resultado{padding:2px;width:calc(100% - 8px);height:95px}}#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show>div .resultado i{font-size:48px;color:white;border-radius:50px}@media (max-width: 1024px){#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show>div .resultado i{font-size:24px}}#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show>div .resultado i.fa-frown{background-color:red}#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show>div .resultado h5{text-transform:uppercase;font-size:18px;font-weight:bolder;font-family:Lato}#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show>div .resultado b,#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show>div .resultado p{font-family:Lato;font-size:14px}@media (max-width: 1024px){#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show>div .resultado h5,#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show>div .resultado p,#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show>div .resultado b{padding:0;margin:0;font-size:12px;text-align:center}}#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show>div .resultado p{font-weight:normal;text-align:center}#cn-raspadinha-root #cn-raspadinha .body .raspadinha.show>div .resultado b{font-weight:bolder}#cn-raspadinha-root #cn-raspadinha .body button.btn-copiar{padding:10px;text-transform:uppercase;font-weight:bold;border-radius:50px;margin-bottom:10px}#cn-raspadinha-root #cn-raspadinha .body p.btn-copiar{text-transform:uppercase;font-weight:bold;font-size:17px}#cn-raspadinha-root #cn-raspadinha .body form input{height:30px;background-color:white}#cn-raspadinha-root #cn-raspadinha .body form button{width:100%;height:30px;margin-top:10px}#cn-raspadinha-root #cn-raspadinha .body .footer{opacity:0;font-size:14px;text-align:center}@media (max-width: 1024px){#cn-raspadinha-root #cn-raspadinha .body .footer{font-size:12px}}#cn-raspadinha-root #cn-raspadinha .body .footer p{margin:0}#cn-raspadinha-root #cn-raspadinha .body .footer p:last-child{font-weight:lighter}@-webkit-keyframes fadein-raspadinha{from{opacity:0}to{opacity:1}}@keyframes fadein-raspadinha{from{opacity:0}to{opacity:1}}

#cn-raspadinha .header{text-align:center}#cn-raspadinha .header i{font-size:46px}@media (max-width: 1024px){#cn-raspadinha .header i{font-size:23px}}#cn-raspadinha .header h4{text-transform:uppercase;font-size:46px;font-weight:500;margin:30px 0}@media (max-width: 1024px){#cn-raspadinha .header h4{font-size:23px}}#cn-raspadinha .header h4 b{font-weight:900}#cn-raspadinha .header>div{display:flex;justify-content:center}#cn-raspadinha .header>div hr{color:#e8c005;border:solid 0.5px;width:100px;margin:0;margin-bottom:12px}#cn-raspadinha .header p{font-size:24px}@media (max-width: 1024px){#cn-raspadinha .header p{font-size:12px}}

.cn-ticket{position:fixed;top:60%;left:-132px;z-index:9999;transition:all 0.5s ease-in-out;cursor:pointer}.cn-ticket.slide-left{left:-10px}.cn-ticket>div:first-child{position:absolute;top:19px;left:0px;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;width:75%;height:74%;border-right-style:dashed;border-right-width:7px}.cn-ticket>div:first-child p{margin:0%;text-transform:uppercase;font-family:Lato;font-size:13px}@media (max-width: 1024px){.cn-ticket>div:first-child p{font-size:10px}}.cn-ticket>div:last-child{position:absolute;top:64px;padding:4px;left:87px;z-index:9999;transform:rotate(-90deg);width:102px;text-align:center;font-size:14px;font-weight:bold;font-family:Lato;text-transform:uppercase}.cn-ticket:before{font-size:151px;content:"\f3ff";font-family:"Font Awesome 5 Free"}

#cn-raspadinha-cover{display:flex;justify-content:center;align-items:center;flex-direction:column}#cn-raspadinha-cover i{font-size:48px;font-family:"Font Awesome 5 Free"}#cn-raspadinha-cover p{font-size:24px;font-weight:bolder;text-transform:uppercase;width:100%;text-align:center;font-family:Arial, Helvetica, sans-serif}#cn-raspadinha-cover i,#cn-raspadinha-cover p{color:black}

#cn-raspadinha .opacity-in{transition:0.5s opacity ease-in;opacity:1 !important}

