.dto-wrapper{position:relative}.dto-wrapper .buy-button{background-color:var(--theme-button-primary,#0e75d2);border-radius:3px;cursor:pointer;display:block;height:30px;left:calc(50% - 40px);margin-top:5px;position:absolute;text-align:center;text-decoration:none;transition-duration:.4s;transition-property:background,background-color,color;transition:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:80px;z-index:10}.dto-wrapper .buy-button:hover{background-color:var(--theme-button-primary-hover,#0b5aa2);transform:scale(1.05);transition:.3s}.dto-wrapper .buy-button p{color:#fff;font-size:12px;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:-.08px;line-height:normal;padding-top:8px;text-align:center}.dto-wrapper .team.left,.dto-wrapper .team.right{width:calc(50% - 12px)}.dto-wrapper .team.left .team-name,.dto-wrapper .team.right .team-name{box-sizing:border-box;margin-top:5px;position:relative;width:100%}.dto-wrapper .team.left .team-name.long,.dto-wrapper .team.right .team-name.long{box-sizing:border-box;height:2.6em;line-height:1.3em;padding-right:5px;width:200%}.dto-wrapper .team.left .team-name{margin-left:0;padding-left:5px}.dto-wrapper .team.right{text-align:right}.dto-wrapper .team.right .team-logo{display:inline-block;float:none!important;margin-left:auto}.dto-wrapper .team.right .team-name{margin-left:0;padding-right:5px}.tournament-card{min-height:200px;text-decoration:none;width:100%}@media (min-width:545px){.tournament-card{min-width:344px}}@media (min-width:992px){.tournament-card{min-width:299px}}.tournament-card .tournament-header{height:130px;position:relative}.tournament-card .tournament-header .tournament-gradient{background:linear-gradient(-180deg,var(--theme-app-surface,#09121a) 0,var(--theme-card-surface,#001b34) 100%);height:100%;width:100%}.tournament-card .tournament-header .tournament-logo{height:100px;left:calc(50% - 50px);position:absolute;top:calc(50% - 50px);width:100px}.tournament-card .tournament-info{height:172px;margin:8px 16px 16px}.tournament-card .tournament-info .title-wrapper{align-items:center;display:inline-flex;height:auto;margin-top:10px}.tournament-card .tournament-info .tournament-title{border:none;display:inline-block;font-size:18px;font-weight:700;line-height:normal;margin:0;text-decoration:none;vertical-align:middle}.tournament-card .tournament-info .tournament-details{margin-top:10px}.tournament-card .tournament-info .tournament-details .detail{align-items:top;display:flex;margin-top:10px;vertical-align:middle}.tournament-card .tournament-info .tournament-details .detail .sub-info,.tournament-card .tournament-info .tournament-details .detail .sub-title{margin:0}.tournament-card .tournament-info .tournament-details .detail .sub-title{color:var(--theme-text-secondary,#b0b5bb);font-size:13px;font-weight:500;margin-right:8px;min-width:58px}.tournament-card .tournament-info .tournament-details .detail .sub-info{font-size:16px;font-weight:500}.postseason-icon-badge{height:24px;position:absolute;right:12px;top:12px;width:24px}.postseason-icon-badge .icon .trophy-icon{height:14px;width:14px}.postseason-icon-badge .icon .trophy-icon .path{fill:#fff}.postseason-icon-badge .icon .table-chart-icon{width:10px}.postseason-icon-badge .icon .table-chart-icon .path{fill:#fff}.two-card-layout{display:grid;grid-template-columns:1fr 1fr;position:relative}.two-card-layout .left{border-right:1px solid var(--theme-app-border,#1a3249);box-sizing:border-box;display:grid;grid-template-rows:1fr 1fr 1fr;height:100%}.two-card-layout .left .top{padding:.25rem;position:relative;text-align:left}.two-card-layout .left .top .level-gender-sport-badge{display:block;font-size:14px;font-weight:600;left:10px;overflow:hidden;padding:8px;position:absolute;text-overflow:ellipsis;top:10px;white-space:nowrap}.two-card-layout .left .middle{align-self:center;display:grid;justify-self:center;width:100%}.two-card-layout .left .middle .logo-container{box-shadow:0 4px 20px #0000001a;clip-path:polygon(0 0,100% 0,90% 100%,0 100%);display:grid;place-items:center;width:90%}.two-card-layout .left .middle .logo-container .logo{box-sizing:border-box;justify-self:center;padding:10px;width:70px}.two-card-layout .left .middle .nfhs-logo{justify-self:center;padding:10px;width:70px}.two-card-layout .left .bottom{align-self:end;padding:.5rem}.two-card-layout .left .bottom .status-badge{bottom:10px;font-size:14px;font-weight:600;left:10px;padding:8px;position:absolute}.two-card-layout .right{display:grid;grid-template-rows:1fr 1fr 1fr}.two-card-layout .right .top{align-self:left;padding:.5rem}.two-card-layout .right .middle{align-self:center;display:grid;justify-self:center;width:100%}.two-card-layout .right .middle .logo-container{box-shadow:0 4px 20px #0000001a;clip-path:polygon(10% 0,100% 0,100% 100%,0 100%);display:grid;justify-self:end;place-items:center;width:90%}.two-card-layout .right .middle .logo-container .logo{box-sizing:border-box;justify-self:center;padding:10px;width:70px}.two-card-layout .right .middle .logo-container .nfhs-logo{justify-self:center;padding:10px;width:70px}.two-card-layout .right .bottom{align-self:end;padding:.5rem}.single-card-layout{display:grid;grid-template-rows:1fr 1fr 1fr;height:100%;position:relative}.single-card-layout .top{align-self:left;padding:.5rem}.single-card-layout .top .level-gender-sport-badge{display:inline-block;font-size:14px;font-weight:600;overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.single-card-layout .middle{align-self:center;display:grid;justify-self:center;width:100%}.single-card-layout .middle .logo-container{box-shadow:0 4px 20px #0000001a;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);display:grid;justify-self:center;place-items:center;width:40%}.single-card-layout .middle .logo-container .logo{box-sizing:border-box;justify-self:center;padding:10px;width:70px}.single-card-layout .middle .logo-container .nfhs-logo{justify-self:center;padding:10px;width:70px}.single-card-layout .bottom{align-self:end;padding:.5rem}.single-card-layout .bottom .status-badge{bottom:10px;font-size:14px;font-weight:600;left:10px;padding:8px;position:absolute}.watch-later{color:var(--theme-text-anchor,#0e75d2);font-weight:800;-webkit-text-decoration:var(--theme-anchor-decoration,none);text-decoration:var(--theme-anchor-decoration,none);text-decoration:none;transition-duration:.4s;transition-property:color;vertical-align:baseline}.watch-later:hover{color:var(--theme-text-anchor-hover,#238ff0);cursor:pointer;text-decoration:none}.watch-later>div{align-items:center;display:flex;flex-direction:row;gap:4px}.watch-later.selected{color:var(--theme-text-anchor,#0e75d2)}.watch-later.card{font-size:12px;font-weight:500;overflow:hidden;position:absolute;right:0;top:0}.watch-later.card>div{justify-content:flex-end;transform:translate(68px);transition:transform .25s}.watch-later.card.selected>div{transform:translate(38px)}.watch-later.card:hover>div{transform:translate(0)}.unlisted-vod-card{background-color:var(--theme-card-surface,#001b34);border-radius:.8rem;box-shadow:var(--theme-card-shadow,0 4px 7px 0 rgba(0,0,0,.3));grid-template-rows:1fr 5fr 1fr;height:206px;line-height:1.5rem;padding:.5rem}.unlisted-vod-card .content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:.5rem;position:relative;text-align:center;width:100%}.unlisted-vod-card .content p{margin:0}.event-card-wrapper{display:flex}.event-card-wrapper>div{width:100%}.base-card{height:206px;text-decoration:none}.base-card:visited{color:#fff} .event-card{background:var(--theme-card-surface,#001b34);border:1px solid var(--theme-card-border,hsla(0,0%,94%,.5));border-radius:3px;box-sizing:border-box;display:block;float:left;overflow:hidden;text-align:left;text-decoration:none;transition:all .2s ease-in-out;width:100%} .event-card.event-card-v2{border:none;border-radius:16px;box-shadow:var(--theme-card-shadow,0 4px 7px 0 rgba(0,0,0,.3));margin-bottom:12px} .event-card:hover{transform:scale(1.05)} .event-card:hover.non-hover{transform:scale(1)}@media (min-width:992px){ .event-card:hover .card-main .watch-later{visibility:visible}} .event-card.follow{background:var(--theme-card-surface,#001b34);border:none;box-sizing:border-box;cursor:pointer} .event-card.follow.active{border:1px solid var(--theme-card-border,hsla(0,0%,94%,.5))} .event-card.follow.active .card-main{background-color:var(--theme-accent,#0e75d2)} .event-card.follow.active .card-main .profile-name{color:var(--theme-button-text,#fff)} .event-card.follow .card-main{background-color:transparent;height:48px} .event-card.follow .card-main .profile-logo{height:32px;margin:8px 10px 0;width:32px} .event-card.follow .card-main .profile-info-wrapper .profile-name{font-size:16px;font-weight:400} .event-card .card-main{background-color:var(--theme-card-surface,#001b34);height:146px;position:relative} .event-card .card-main.feature{height:206px;width:100%} .event-card .card-main.feature .event-background{height:206px;max-height:none} .event-card .card-main.feature .event-background img{min-height:206px} .event-card .card-main.feature .color-veil{height:206px;opacity:.9;position:absolute;width:100%} .event-card .card-main.feature .teams-wrapper{display:flex;justify-content:space-between}@media (min-width:545px){ .event-card .card-main.feature .teams-wrapper .play-button{margin-top:30px}} .event-card .card-main.feature .teams-wrapper .team{text-transform:capitalize}@media (min-width:545px){ .event-card .card-main.feature .teams-wrapper .team{display:flex} .event-card .card-main.feature .teams-wrapper .team .team-logo{max-height:100px;max-width:100px;-o-object-fit:contain;object-fit:contain} .event-card .card-main.feature .teams-wrapper .team .team-name{align-items:center;display:inline-flex;font-size:18px} .event-card .card-main.feature .teams-wrapper .team .team-name.short{width:auto} .event-card .card-main.feature .teams-wrapper .team.left .team-name{padding-left:16px} .event-card .card-main.feature .teams-wrapper .team.right .team-logo{order:1} .event-card .card-main.feature .teams-wrapper .team.right .team-name{padding-right:16px}}@media (min-width:545px) and (min-width:545px){ .event-card .card-main.feature .teams-wrapper .team .team-name.short{width:33%}}@media (min-width:992px){ .event-card .card-main.feature .teams-wrapper .team .team-name{font-size:22px}} .event-card .card-main.feature .card-bottom{border-top:1px solid hsla(0,0%,100%,.3);bottom:0;margin:0;padding:12px;position:absolute;width:calc(100% - 24px)} .event-card .card-main.feature .card-bottom .status-icon{position:relative;top:1px}@media (max-width:545px){ .event-card .card-main.feature .card-bottom .status-icon{top:2px}}@media (min-width:545px){ .event-card .card-main.feature .card-bottom{border-top:0} .event-card .card-main.feature .card-bottom .date{display:block;font-size:16px;font-weight:700;position:relative;text-align:center;top:23px}} .event-card .card-main:after{content:"";display:block} .event-card .card-main .blue-background{background-color:var(--theme-card-surface-semitransparent,rgba(0,27,52,.8));height:100%;position:absolute;top:0;width:100%} .event-card .card-main .veil{background-image:linear-gradient(to top,transparent,var(--theme-card-surface-semitransparent,rgba(0,27,52,.8)));height:73px;position:absolute;width:100%;z-index:0} .event-card .card-main .sport-type{clear:both;color:var(--theme-text-secondary,#b0b5bb);display:block;font-size:13px;font-weight:500;height:auto;line-height:16px;margin-bottom:11px;max-height:45px;overflow:hidden;padding:12px 0 20px 26px;position:relative;text-indent:-19px;text-transform:capitalize;z-index:0} .event-card .card-main .sport-type.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%} .event-card .card-main .sport-type .icon{font-size:16px;padding-right:6px;vertical-align:text-bottom} .event-card .card-main .watch-later{color:#fff;cursor:pointer;font-size:12px;font-weight:500;overflow:hidden;position:absolute;right:16px;top:8px;visibility:hidden;width:85px;z-index:0} .event-card .card-main .watch-later:hover .icon, .event-card .card-main .watch-later:hover .text{left:0} .event-card .card-main .watch-later.selected{color:var(--theme-accent,#0e75d2);visibility:visible;width:55px} .event-card .card-main .watch-later.selected:hover .icon, .event-card .card-main .watch-later.selected:hover .text{left:0} .event-card .card-main .watch-later.selected .icon, .event-card .card-main .watch-later.selected .text{left:35px} .event-card .card-main .watch-later .icon{left:65px;position:relative;top:2px;transition:.15s;vertical-align:middle} .event-card .card-main .watch-later .text{left:65px;position:relative;transition:.25s} .event-card .card-main .teams-wrapper .team{position:relative;z-index:0} .event-card .card-main .teams-wrapper .team.left{float:left;margin-left:12px} .event-card .card-main .teams-wrapper .team.right{float:right;margin-right:12px} .event-card .card-main .teams-wrapper .team.right .team-logo{float:right} .event-card .card-main .teams-wrapper .team.right .team-logo .icon, .event-card .card-main .teams-wrapper .team.right .team-name{text-align:right} .event-card .card-main .teams-wrapper .team .team-logo{display:block;max-height:50px;max-width:50px;-o-object-fit:contain;object-fit:contain} .event-card .card-main .teams-wrapper .team .team-logo img{display:block;width:100%} .event-card .card-main .teams-wrapper .team .team-logo .icon{color:var(--theme-text-secondary,#b0b5bb);display:block;font-size:36px;min-height:45px;padding-top:5px} .event-card .card-main .teams-wrapper .team .team-name{clear:both;display:block;font-size:14px;font-weight:800} .event-card .card-main .teams-wrapper .play-button{display:block;height:40px;left:calc(50% - 20px);margin-top:5px;position:absolute;width:40px;z-index:0} .event-card .card-main .event-background{max-height:146px;overflow:hidden;position:absolute;top:0;width:100%;z-index:0} .event-card .card-main .event-background img{display:block;min-height:157px;opacity:.6;width:100%} .event-card .profile{height:72px;position:relative} .event-card .profile .profile-logo{display:inline-block;height:40px;margin:16px 10px 16px 16px;width:40px} .event-card .profile .profile-info-wrapper{align-items:flex-start;display:inline-flex;flex-direction:column;height:100%;justify-content:center;position:absolute;top:0;width:60%} .event-card .profile .profile-info-wrapper .profile-name{color:var(--theme-card-text,#fff);display:inline-block;font-size:17px;font-stretch:normal;font-style:normal;font-weight:700;letter-spacing:normal;margin:0;max-width:100%;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap} .event-card .profile .profile-info-wrapper .profile-location{color:var(--theme-text-secondary,#b0b5bb);display:block;font-size:14px;font-stretch:normal;font-style:normal;font-weight:500;letter-spacing:-.25px;line-height:normal;margin:4px 0 0} .event-card .follow-wrapper{height:16px;position:absolute;right:16px;top:28px;width:16px} .event-card .follow-wrapper .profile-follow{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='m12 15.65 3.762 2.228-.998-4.193 3.272-2.78-4.305-.358L12 6.542l-1.73 4.005-4.306.358 3.272 2.78-.998 4.193zm0 2.325L5.202 22l1.804-7.585L1 9.311l7.909-.657L12 1.5l3.091 7.154L23 9.31l-6.006 5.104L18.798 22z' opacity='.6'/%3E%3C/svg%3E");height:16px;width:16px} .event-card .follow-wrapper .profile-follow.followed{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M12 17.975 18.798 22l-1.804-7.585L23 9.311l-7.909-.657L12 1.5 8.909 8.654 1 9.31l6.006 5.104L5.202 22z'/%3E%3C/svg%3E")} .event-card .card-level-sport{border-bottom:1px solid hsla(0,0%,100%,.3);color:#fff;font-size:12px;font-weight:800;margin:0 12px;padding:12px 0;position:relative;text-transform:capitalize;z-index:0} .event-card .card-bottom{margin:0 12px;padding:12px 0;position:relative;z-index:0} .event-card .card-bottom.upcoming{padding:12px 0 10px} .event-card .card-bottom .date{font-size:12px;font-weight:800;vertical-align:top} .event-card .card-bottom .date .delimeter{font-weight:100;opacity:.2} .event-card .card-bottom .details{color:var(--theme-text-secondary,#b0b5bb);font-size:12px;font-weight:500} .event-card .card-bottom .details:after{clear:both;content:"";display:block} .event-card .card-bottom .details .location{color:var(--theme-text-secondary,#b0b5bb);float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:48%} .event-card .card-bottom .details .publisher{color:var(--theme-text-secondary,#b0b5bb);float:right;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:48%}@media (min-width:545px){.event-card-metadata{margin-top:.75rem}}@media ((max-width:545px)){.event-card-metadata{margin-bottom:.75rem}}.event-card-metadata .heading-container{font-size:18px;font-weight:500}.event-card-metadata .heading-container .heading-content{display:-webkit-box;line-height:1.3rem;margin-bottom:5px;-webkit-line-clamp:2;-webkit-box-orient:vertical;border:1px solid transparent;overflow:hidden}@media ((max-width:545px)){.event-card-metadata .heading-container .heading-content{padding-top:1rem}}.event-card-metadata .heading-container .subheading-content{color:var(--theme-text-secondary,#b0b5bb);display:-webkit-box;font-size:.9em;margin:3px 0 7px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-card-metadata .sub-heading-container{display:flex;flex-direction:column}.event-card-metadata .sub-heading-container .location{display:flex}.event-card-metadata .sub-heading-container .location .location-pin-icon-container{align-items:center;display:flex}.event-card-metadata .sub-heading-container .location .location-pin-icon-container .location-pin-icon{height:.6rem;padding-right:.3rem}.event-card-metadata .sub-heading-container .location .location-details{font-size:14px;font-weight:700;line-height:20px;padding-right:1rem}.event-card-metadata .sub-heading-container .date-and-time{display:flex;font-size:14px;line-height:20px}.event-card-metadata .sub-heading-container .date-and-time .calendar-icon-container{align-items:center;display:flex}.event-card-metadata .sub-heading-container .date-and-time .calendar-icon-container .calendar-icon{height:.6rem;padding-right:.3rem}