:root{--accent-color:#11936e;--accent-color-fg:#fefefe;--backdrop-color:#080a0f;--app-content-background-color:#c0d8ec;--inset-shadow:rgba(7,43,74,.3);--outset-shadow:rgba(223,240,255,.25);--clay-box-shadow:rgba(7,43,74,.3);--clay-background-color:#c0d8ec;--clay-fg-color:#444}body{background-color:var(--backdrop-color);font-size:10px;font-weight:700}.flex-center{display:flex;justify-content:space-around;align-items:center}.match-moneyline{&.active{color:var(--accent-color)}&-style{--app-content-background-color:#c0d8ec}}.parlay{&.active{color:var(--accent-color)}&-style{--app-content-background-color:#d36e5a}}.point-spread{&.active{color:var(--accent-color)}&-style{--app-content-background-color:#ed9426}}.Pricing{&.active{color:var(--accent-color)}&-style{--app-content-background-color:#4dd146}}.Contact_us{&.active{color:var(--accent-color)}&-style{--app-content-background-color:#a3a3a3}}.tabbar{margin:8px 16px;max-width:100%;background-color:#111;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;border-top-left-radius:1rem;border-top-right-radius:1rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);height:70px;width:100%;display:flex;flex-direction:column;box-sizing:content-box;position:relative;overflow:hidden;transition:background-color .4s;li{list-style-type:none;margin:0;padding:0}ul{position:absolute;bottom:0;width:100%;background-color:#111;align-self:flex-end;height:70px}li,ul{justify-content:center}li{display:flex;align-items:center;font-size:1rem;margin-right:5px;transition:all .4s;width:60px;height:60px;position:relative;color:#888;cursor:pointer;&:last-child{margin-right:0}}}.tab-style4{li{width:60px;height:40px;flex-direction:column;overflow:hidden;span{position:relative;top:-7px;transition:top .4s ease-out,font-size .2s ease-out;text-shadow:inset 2px 2px 4px var(--clay-box-shadow)}&:before{content:attr(data-where);bottom:-25px;opacity:1;text-shadow:inset 2px 2px 4px var(--clay-box-shadow)}&:after,&:before{width:100%;height:10px;text-transform:uppercase;text-align:center;font-size:10px;font-weight:700;position:relative;transition:bottom .2s ease-out,opacity .4s ease-out}&:after{bottom:-30px;opacity:0}&.active:before{bottom:0}&.active:after,&.active:before{opacity:1;text-shadow:inset 2px 2px 8px var(--clay-box-shadow)}&.active:after{bottom:2px}}.active{span{font-size:15px;top:4px}}}.site-url-container{padding:1rem;position:absolute;top:0;right:0;background-color:rgba(#fff,.5)}