@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);@charset "UTF-8":root{font-size:calc(0.7em + 0.3vw)}body{font-family:"Roboto",sans-serif;color:#132536}.layout{display:grid;grid-template-columns:minmax(5.875rem,auto) 1fr auto;grid-template-rows:auto 1fr;grid-template-areas:"sidebar navbar navbar" "sidebar main invoice"}.nav__top{grid-area:navbar;display:flex;align-items:center;border-bottom:1px solid #efefef;padding:1rem 0}.nav__top__item{padding:0 1rem;font-size:1.15rem}.nav__top__item.main-navigation{flex:1}.nav__top__item:not(:first-child){border-left:1px solid #efefef}.nav__left{grid-area:sidebar;display:flex;flex-direction:column;border-right:1px solid #efefef;padding:0 1rem;overflow:hidden}.nav__left__item{padding:1rem 0}.nav__left__item:not(:last-child){border-bottom:1px solid #efefef}.nav__left__toggle button{margin-left:.3rem;margin-top:.3rem;font-weight:400}.nav__left__toggle button svg{width:27px;transition:transform 0.3s}.nav__left .btn--add{margin:2rem auto}.nav__left.opened .nav__left__toggle button svg{transform:rotate(180deg)}.nav{margin:0;padding:0;list-style:none;display:flex;align-items:center}.nav .nav-link{padding:.75rem 1rem;color:#8b939a;display:inline-block;transition:color 0.3s;text-decoration:none}.nav .nav-link.active{color:#613cea;font-weight:500}.nav .nav-link:hover{color:rgb(97 60 234 / .7)}.nav--vertical{flex-direction:column}.main-navigation .nav-link{font-weight:500}.main-navigation .active{position:relative;color:inherit;font-weight:700}.main-navigation .active:before{content:"";display:inline-block;width:50%;border-top:4px solid #613cea;border-radius:2px;position:absolute;top:-1.3rem;left:50%;transform:translateX(-50%)}.notifications{padding-top:.7rem;padding-bottom:.7rem;fill:#a3a9b0}.user{display:flex}.user__profile-picture{border-radius:50%;width:50px;height:50px;overflow:hidden}.user__profile-picture img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.user__info{margin:.2rem 0 0 .75rem}.user__name{font-size:.875rem;margin:0 0 .2em;font-weight:500;color:#626972}.user__balance{display:flex;align-items:baseline}.user__balance__dollars{font-size:1.15rem;font-weight:500;margin:0 .5rem 0 0}.user__balance__currency{font-size:.875rem;color:#a3a9b0;margin:0}.secondary-navigation{transition:0.3s;width:3.8125rem}.secondary-navigation .nav{align-items:flex-start}.secondary-navigation .nav-link{display:flex;align-items:center;color:#d2d5d8;text-decoration:none;white-space:nowrap}.secondary-navigation .nav-link svg{width:27px}.secondary-navigation .nav-link span{padding-left:3rem;transition:padding-left 0.3s}.secondary-navigation .active{position:relative;color:#613cea}.secondary-navigation .active::before{content:"";display:block;height:120%;border-right:3px solid #613cea;border-radius:6px;position:absolute;top:50%;left:-1rem;transform:translateY(-50%)}.secondary-navigation.opened{width:200px}.secondary-navigation.opened .nav-link span{padding-left:1rem}.dashboard{display:grid;grid-area:main;grid-template-columns:auto 1fr;grid-gap:2rem;grid-template-areas:"col-left col-right";padding:2rem}.dashboard h2{margin-top:2rem;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem}.dashboard h2 .btn{padding-top:.5rem;padding-bottom:.5rem;line-height:1;color:#a3a9b0}.card{border:1px solid #efefef;border-radius:10px}.card>*{padding:2rem}.card__header{border-bottom:1px solid #efefef}.card__footer{border-top:1px solid #efefef}.card__footer--link{padding:0}.card__footer--link a{display:block;padding:1.5rem 1.75rem;text-align:center;color:#a3a9b0;text-decoration:none;border-radius:0 0 10px 10px}.card__footer--link a:hover{color:#613cea;text-decoration:underline;font-weight:600}.card__item{padding:1.5rem 2rem}.card__item:not(:last-child){border-bottom:1px solid #efefef}.btn{display:inline-block;padding:.75rem 1.5rem;line-height:1.5;border:0;background-color:#efefef;border-radius:7px;font-weight:500;color:#a3a9b0;text-decoration:none;text-align:center;cursor:pointer;transition:0.3s}.btn:hover:not(.btn--primary):not(.btn--secondary){background-color:#d6d6d6;color:#888f98}.btn--primary{background-color:#613cea;color:#fff}.btn--secondary{background-color:#fff;color:#613cea}.btn--primary,.btn--secondary{transition:transform 0.3s,box-shadow 0.3s}.btn--primary:hover,.btn--secondary:hover{transform:translateY(-3px);box-shadow:0 3px 6px rgb(65 24 219 / .16)}.btn--icon{padding:.6rem .8rem}.btn--icon svg{width:20px;height:25px;stroke:currentColor;fill:currentColor;vertical-align:middle}.btn--toggle{border:1px solid #e2e2e2;padding:.5rem .65rem}.btn--round,.btn--round-lg{display:flex;justify-content:center;align-items:center;width:.875rem;height:.875rem;padding:0;background-color:#a3a9b0;color:#fff}.btn--round svg,.btn--round-lg svg{width:50%;height:90%}.btn--round-lg{width:2.5rem;height:2.5rem;border-radius:50%}.btn--add{background-color:#613cea}.btn--no-bg{background-color:#fff0}.featured-live__title{display:flex;justify-content:space-between;align-items:center}.featured-live__stage{margin-right:1.5rem}.featured-live__stage h3{font-size:1rem;margin:0 0 .15rem}.featured-live__stage small{color:#8b939a}.featured-live__score{margin:1rem 0 .5rem}.featured-live__actions{display:flex;justify-content:space-between}.featured-live__actions>*:not(:last-child){margin-right:.5rem}.featured-live__actions>*:not(:first-child){flex:1}.tag{display:inline-flex;align-items:center;border-radius:5px;font-weight:500;padding:.5rem .75rem;color:#a3a9b0}.tag--red{color:#e1223c;background-color:rgb(225 34 60 / .2)}.tag--green{color:#52b49c;background-color:rgb(82 180 156 / .2)}.tag--icon svg{fill:currentColor;margin-right:.3rem}.rating{border:1px solid rgb(163 169 176 / .1);padding:.5em .8em;vertical-align:middle;position:relative}.rating--primary{color:#fff;background-color:#613cea}.rating--up{border-color:rgb(82 180 156 / .1)}.rating--up:before{border-bottom:6px solid;top:-.375rem;transform:translate(-50%,-100%)}.rating--down{border-color:rgb(225 34 60 / .1)}.rating--down:before{border-top:6px solid;bottom:-.375rem;transform:translate(-50%,100%)}.rating--up:before,.rating--down:before{content:"";width:0;height:0;border-left:4px solid #fff0;border-right:4px solid #fff0;position:absolute;left:50%}.rating:not([class*="--"]){background-color:rgb(163 169 176 / .1)}.close{color:inherit;display:contents}.score{display:flex;align-items:center;justify-content:space-between;width:100%}.score--vertical{justify-content:flex-start}.score__team{text-align:center}.score__team span{display:block;font-weight:500;padding-top:.25rem}.score__team img{width:40px}.score__team--vertical{display:flex;align-items:center;flex:1}.score__team--vertical:first-child{justify-content:flex-end}.score__team--vertical span{white-space:nowrap;font-size:inherit}.score__team--vertical img{width:32px;margin:0 .5rem}.score__info{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:0 1rem;margin:1rem 0}.score__info p{margin:0}.score__result{text-align:center;width:100%;font-weight:900;font-size:1.75rem;margin:0;letter-spacing:.4em}.score__result--not-started{color:#a3a9b0}.score__result--vertical{letter-spacing:.2em;font-size:inherit;flex:0 0 auto;width:auto}.score__time{padding-top:.5rem;color:#a3a9b0}.score__separator{color:#a3a9b0}.score__loser{color:#a3a9b0}.league{display:flex;align-items:center}.league__logo{width:35px;height:auto;align-self:flex-start;margin-right:.75rem}.league__title h3{margin:0 0 .25rem;font-size:1rem}.league__title small{color:#a3a9b0}.league__number{margin-left:auto;color:#cfd2d5;font-size:1.15rem}.hero{background-color:#613cea;padding:2rem;border-radius:10px;position:relative}.hero__title{color:#fff;margin:0 0 0.25rem!important;font-weight:400}.hero__text{color:rgb(255 255 255 / .7);font-weight:300;line-height:1.7;margin-top:0;max-width:58%}.hero__cta{padding-left:3rem;padding-right:3rem;text-transform:uppercase;font-size:.875rem}.hero__img{width:40%;max-width:350px;position:absolute;overflow:hidden;height:calc(110%);top:-10%;right:2rem}.hero__img img{width:100%;height:auto}.matches .nav-item:first-child .nav-link{padding-left:0}.matches .nav-item .nav-link{padding-top:0;padding-bottom:0}.matches__nav{display:flex;justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.matches__agenda{color:#a3a9b0;padding:0}.matches__data{padding:0}.matches__time{color:#6d7680;margin-right:.5rem}.matches__time--live{margin-right:1rem}.matches__stats{padding:.4rem .5rem}.matches__stats svg{width:15px;height:15px}.matches table{border-collapse:collapse;width:100%;font-size:.825rem;text-align:center;font-weight:500}.matches thead{background-color:rgb(139 147 154 / .05);color:#a3a9b0}.matches tbody tr:last-child{border:0}.matches th{font-weight:500}.matches tr{border-bottom:1px solid #efefef}.matches td,.matches th{padding:1rem .25rem}.matches td:first-child,.matches th:first-child{padding-left:2rem;text-align:left;white-space:nowrap}.matches td:nth-child(2),.matches th:nth-child(2){width:100%}.matches td:last-child,.matches th:last-child{padding-right:2rem}.switch{border-radius:1rem;border:1px solid #d6d6d6;width:2.5rem;background-color:#efefef;padding:.25rem;line-height:1}.switch:before{content:"";display:block;border-radius:50%;background-color:#613cea;height:1rem;width:1rem;transition:transform 0.3s ease}.switch__label{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.switch__option{font-weight:700;transition:color 0.3s ease}.switch__input:not(:checked)~span:first-of-type{color:#132536}.switch__input:not(:checked)~span:last-of-type{color:#a3a9b0}.switch__input:checked~span:last-of-type{color:#132536}.switch__input:checked~span:first-of-type{color:#a3a9b0}.switch__input:checked~.switch::before{transform:translateX(1.5rem)}.toggle-buttons label.btn.btn--toggle:hover{color:#613cea;background-color:rgb(97 60 234 / .2);border-color:rgb(97 60 234 / .3)}.toggle--button:checked+label{color:#613cea;background-color:rgb(97 60 234 / .1);border-color:rgb(97 60 234 / .5)}.checkbox{display:block;padding-left:1.5rem;position:relative;margin-bottom:1rem}.checkbox::before{content:"";display:block;background-color:#efefef;border:1px solid #d6d6d6;width:1rem;height:1rem;border-radius:5px;position:absolute;top:-.1rem;left:0rem}.checkbox::after{content:"✓";text-align:center;color:#fff;font-size:.875rem;display:block;background:#613cea;border:1px solid #613cea;width:1rem;height:1rem;border-radius:5px;position:absolute;top:-.1rem;left:0;opacity:0;transition:opacity 0.3s}input[type=text]{border:1px solid #d6d6d6;border-radius:7px;padding:.25rem .5rem}input[type=text]::-moz-placeholder{font-weight:500;color:#a3a9b0;font-family:"Roboto",sans-serif}input[type=text]:-ms-input-placeholder{font-weight:500;color:#a3a9b0;font-family:"Roboto",sans-serif}input[type=text]::placeholder{font-weight:500;color:#a3a9b0;font-family:"Roboto",sans-serif}input[type=checkbox]:checked+.checkbox::after{opacity:1}.bet__match{margin:0 0 .5rem;display:flex;align-items:center}.bet__match .btn{margin-left:auto}.bet__team{font-weight:700}.bet__team__separator{color:#8b939a;padding:.5rem}.bet__outcome__state{color:#cccfd3}.bet__outcome__rating{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0 0;background-color:rgb(97 60 234 / .1);padding:.5rem .5rem .5rem 1rem;border-radius:5px;color:#613cea;font-weight:700}.bet__outcome__rating .rating{font-size:.7rem;font-weight:400}.invoice{grid-area:invoice;background-color:#f3f5f9;font-size:.875rem;width:0;overflow:hidden;transition:width 0.3s}.invoice__wrapper{width:20rem;padding:1.2rem 1.5rem 2.5rem;border-left:1px solid #efefef;transform:translate(0,0)}.invoice.opened{width:23rem}.invoice article{filter:drop-shadow(0 0 7px rgb(163 169 176 / .3))}.invoice__section{--bg-color:white;padding:1.5rem 2rem;position:relative}.invoice__section:first-child:after,.invoice__section:nth-child(2):after{content:"";width:85%;border-top:2px dashed #f3f5f9;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}.invoice__title{display:flex;align-items:flex-end;justify-content:space-between;color:#8b939a;margin-top:0;font-size:1.15rem;font-weight:500;margin-bottom:1.5rem}.invoice .switch__option{font-size:1.15rem}.invoice__type{background:linear-gradient(135deg,transparent 7px,var(--bg-color) 0) top left,linear-gradient(225deg,transparent 7px,var(--bg-color) 0) top right,linear-gradient(315deg,transparent,var(--bg-color) 0) bottom right,linear-gradient(45deg,transparent,var(--bg-color) 0) bottom left;background-image:radial-gradient(circle at 0 0,transparent 0,var(--bg-color) 0),radial-gradient(circle at 100% 0,transparent 0,var(--bg-color) 0),radial-gradient(circle at 100% 100%,transparent 8px,var(--bg-color) 9px),radial-gradient(circle at 0 100%,transparent 8px,var(--bg-color) 9px);background-size:52% 52%;background-repeat:no-repeat}.invoice__type:before{content:"";background:radial-gradient(circle,transparent,transparent 50%,#fff 50%,#fff 100%) -7px -8px/16px 16px repeat-x;width:100%;height:6px;position:absolute;top:-5px;left:0}.invoice__bet{background:linear-gradient(135deg,transparent 7px,var(--bg-color) 0) top left,linear-gradient(225deg,transparent 7px,var(--bg-color) 0) top right,linear-gradient(315deg,transparent 7px,var(--bg-color) 0) bottom right,linear-gradient(45deg,transparent 7px,var(--bg-color) 0) bottom left;background-image:radial-gradient(circle at 0 0,transparent 8px,var(--bg-color) 9px),radial-gradient(circle at 100% 0,transparent 8px,var(--bg-color) 9px),radial-gradient(circle at 100% 100%,transparent 8px,var(--bg-color) 9px),radial-gradient(circle at 0 100%,transparent 8px,var(--bg-color) 9px);background-size:53% 53%;background-repeat:no-repeat}.invoice__payment{background:linear-gradient(135deg,transparent 7px,var(--bg-color) 0) top left,linear-gradient(225deg,transparent 7px,var(--bg-color) 0) top right,linear-gradient(315deg,transparent,var(--bg-color) 0) bottom right,linear-gradient(45deg,transparent,var(--bg-color) 0) bottom left;background-image:radial-gradient(circle at 0 0,transparent 8px,var(--bg-color) 9px),radial-gradient(circle at 100% 0,transparent 8px,var(--bg-color) 9px),radial-gradient(circle at 100% 100%,transparent 0,var(--bg-color) 0),radial-gradient(circle at 0 100%,transparent 0,var(--bg-color) 0);background-size:50% 50%;background-repeat:no-repeat}.invoice__payment:after{content:"";z-index:1;background:radial-gradient(circle,transparent,transparent 50%,var(--bg-color) 50%,var(--bg-color) 100%) -7px -8px/16px 16px repeat-x;width:100%;height:6px;transform:rotate(180deg);position:absolute;top:100%;left:0}.invoice__payment__amount{display:flex}.invoice__payment__amount label{margin-right:.5rem}.invoice__payment__amount [type=text]{flex:1;width:0}.invoice__payment__options__title{display:flex;justify-content:space-between;color:#8b939a;margin-top:2rem}.invoice__payment__recap{display:flex;margin-top:1.5rem}.invoice__payment__recap__rating{padding-right:1.5rem;margin-right:1.5rem;border-right:1px solid #efefef}.invoice__payment__recap__rating .rating{font-size:.75rem}.invoice__payment__recap__title{margin:0 0 .5rem;white-space:nowrap}.invoice__payment__recap__winnings__amount{color:#52b49c;margin:0;font-size:1.35rem}.invoice__submit{--bg-color:rgba(163, 169, 176, 0.2);background-color:var(--bg-color);padding:2rem}.invoice__submit .btn{width:100%;box-shadow:0 2px 10px rgb(97 60 234 / .4)}.invoice__submit:after{content:"";z-index:1;background:radial-gradient(circle,transparent,transparent 50%,var(--bg-color) 50%,var(--bg-color) 100%) -7px -8px/16px 16px repeat-x;width:100%;height:6px;transform:rotate(180deg);position:absolute;top:100%;left:0}.invoice__assistance{padding:2rem 1.5rem;border-top:1px solid #e2e4e6}.invoice__assistance__button.btn{width:100%;display:flex;align-items:center;justify-content:space-around;font-weight:400;color:#a3a9b0;font-size:1.15rem;border-radius:2.5rem;padding-top:1rem;padding-bottom:1rem;box-shadow:1px 2px 2px rgb(65 24 219 / .1)}.invoice__assistance__button.btn svg{width:1.5rem;color:#613cea}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.credits{display:grid;grid-template-columns:repeat(5,auto);grid-auto-columns:auto;grid-gap:.5rem;align-items:center;padding:1rem 1.25rem;border-radius:1.75rem;background-color:#fff;box-shadow:0 3px 3px rgb(0 0 0 / .3);position:fixed;bottom:.5rem;right:.5rem;z-index:3}.credits__label{font-weight:500;color:#613cea}.credits a{display:flex;align-items:center;height:30px;position:relative;color:#a3a9b0}.credits a span{display:inline-block;padding:.5rem .75rem;border-radius:.75rem;border-bottom-right-radius:0;box-shadow:0 3px 6px rgb(0 0 0 / .16);white-space:nowrap;background-color:#613cea;color:#fff;opacity:0;transition:opacity 0.3s,transform 0.3s;position:absolute;bottom:calc(100% + 15px);right:10px}.credits a span:after{content:"";display:block;border-top:10px solid #613cea;border-left:8px solid #fff0;position:absolute;top:100%;right:0}.credits a:hover span{opacity:1}