@import url("https://fonts.googleapis.com/css?family=Lato");.main{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(to bottom right,#eee,#aaa)}.text{margin:40px 0 20px;font-family:Lato,sans-serif}.lock{border-radius:5px;width:55px;height:45px;background-color:#333;animation:dip 2s;animation-delay:1.5s;position:relative}.lock:after,.lock:before{content:"";position:absolute;border-left:5px solid #333;height:20px;width:15px;left:calc(50% - 12.5px)}.lock:before{top:-30px;border:5px solid;border-color:#333 #333 transparent;border-radius:15px 15px 0 0;height:30px;animation:lock 2s,spin 2s}.lock:after{top:-10px;border-right:5px solid transparent;animation:spin 2s}@keyframes lock{0%{top:-45px}65%{top:-45px}to{top:-30px}}@keyframes spin{0%{transform:scaleX(-1);left:calc(50% - 30px)}65%{transform:scaleX(1);left:calc(50% - 12.5px)}to{transform:scaleX(1);left:calc(50% - 12.5px)}}@keyframes dip{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}.text2{margin:40px 0 20px;font-size:.75rem}.error,.text2{font-family:Lato,sans-serif;color:#333}.error{display:flex;align-items:center;justify-content:center;font-size:80px;animation:fadeIn 2s ease-in-out;animation-delay:1.5s}.error .zero{position:relative;width:70px;height:100px;background-color:#333;border-radius:50%;margin:0 10px}.error .zero:after,.error .zero:before{content:"";position:absolute;border:10px solid #eee;border-radius:50%;width:60px;height:60px;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.details-sport{top:0;bottom:0;width:100%;max-width:100vw;margin:0 auto;border-radius:0;.header{display:flex;justify-content:center;align-items:center;position:relative;padding:.5em;background-color:var(--mainBlue);color:var(--white);height:96px;border-radius:0;.header-content{height:100%}.btn-back{position:absolute;left:0;top:30%;bottom:0;color:var(--white)!important}.ctn-center{display:grid;justify-content:center;align-items:center;text-align:center;span{font-size:11px;opacity:.5}p{font-size:16px;margin:0;display:flex;align-items:center;gap:10px;img{width:20px;height:20px}}.time{font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px;span{padding:3px 5px;background-color:#fff;font-size:11px;border-radius:3px;opacity:1;color:#2855a7}}}}.content{height:calc(100% - 96px);width:100%;.menu{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;grid-gap:5px;gap:5px;justify-content:center;padding:15px 10px;width:100%;margin:auto;.btn-outline-secondary{height:30px!important;padding:5px 20px;font-size:12px;&.active,&:hover{background-color:var(--white);border-color:var(--blue);color:var(--blue)}}}.ctn-odd{height:calc(100% - 95px);padding:10px;width:100%;display:grid;grid-gap:10px;gap:10px;align-content:flex-start;overflow:hidden;overflow-y:auto;.market{display:grid;.m-title{font-size:13px}.group-odd{display:flex;width:100%;gap:5px;justify-content:space-between;flex-wrap:wrap!important;.btn-odd,.marked-btn{display:flex;justify-content:space-between;color:var(--black);height:35px!important;border-radius:3px!important;padding:0 5px;font-size:12px;align-items:center;flex:1 1 30%}.btn-odd{background:var(--lightGrey)}.marked-btn{background:var(--mainBlue)!important;color:var(--white)!important}}}}}}@media (max-width:768px){.details-sport .content .menu{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;grid-gap:5px;gap:5px;justify-content:center;padding:15px 10px;width:100%;margin:auto}.details-sport .content .menu .btn-outline-secondary{height:45px!important;padding:5px 20px;font-size:12px}.details-sport{left:0;right:0;margin-right:0;position:fixed}}@media (min-width:768px){.details-sport{top:86px;width:50%}}