@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Passion+One:wght@400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Rowdies:wght@300;400;700&display=swap";.Loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001}.inner-loader{margin:50vh auto;width:80px;aspect-ratio:1;border-radius:50%;border:10px solid transparent;border-bottom-color:#0005;border-top-color:#0005;animation:spin 1s linear infinite}@keyframes spin{0%{rotate:0deg}to{rotate:360deg}}.AdminCouponRow .row{display:flex;justify-content:space-between;align-items:center;padding:.5rem}.AdminCouponRow .vs{font-size:.8rem}.AdminCouponRow .gameNumber{font-size:20px}.AdminCouponRow .teams{display:flex;flex-direction:column}.AdminCouponRow .teams .input-team{border:1px solid var(--color-border);border-radius:3px;outline:transparent;height:1.5rem;padding-left:2px;width:150px}.AdminCouponRow .outcomes .btn-outcome{font-weight:600;height:2rem;min-height:2rem;border:1px solid var(--color-border);border-radius:2px;background-color:#fff;color:var(--color-primary-dark-blue);margin-left:.5rem;cursor:pointer;transition:ease-in 80ms;padding:.5rem 1rem}.AdminCouponRow .outcomes .selected{outline:3px solid var(--color-accent-green)}.AdminCouponRow .outcomes .disabled{color:#f2f2f2;background-color:var(--color-cancel);border-color:#f2f2f2;border-radius:4px}@media screen and (max-width: 360px){.AdminCouponRow .outcomes .btn-outcome{padding:.4rem .7rem;margin-left:.3rem}.AdminCouponRow .teams .input-team{width:130px}}.CouponRow .row{display:flex;justify-content:space-between;align-items:center;padding:.5rem;color:#000}.CouponRow .left-side-row{display:flex;gap:1.5rem;align-items:center;overflow:hidden}.CouponRow .game-number{font-weight:700;border-bottom:2px solid black;width:1rem;display:flex;justify-content:center;align-items:center}.CouponRow .vs{font-size:.8rem}.CouponRow .teams{display:flex;flex-direction:column;row-gap:4px;overflow:hidden;font-size:14px}.CouponRow .team{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.CouponRow .outcomes{width:150px;min-width:150px;text-align:end}.CouponRow .outcomes .btn-outcome{font-weight:600;height:1.8rem;min-height:1.8rem;border:1px solid var(--color-border);border-radius:2px;padding:.4rem 1rem;background-color:#fff;color:var(--color-primary-dark-blue);margin-left:5px;cursor:pointer;transition:ease-in 80ms}.CouponRow .outcomes .selected{background-color:var(--color-primary-blue);color:#fff;outline:1px solid var(--color-primary-blue);border:1px solid var(--color-primary-blue)}@media screen and (max-width: 360px){.CouponRow .outcomes{width:120px;min-width:120px}.CouponRow .outcomes .btn-outcome{padding:.4rem .7rem;margin-left:.3rem}.CouponRow .team{font-size:.9rem}}.Coupon{background-color:var(--color-white);width:350px;min-width:350px;border-radius:var(--radius-large);border:1px solid var(--color-border)}.Coupon .coupon-banner{background-color:var(--color-primary-heading);color:#fff;text-align:center;border-radius:4px 4px 0 0;padding:14px 10px}.Coupon .coupon-banner .week{position:relative;margin-top:7px;font-weight:700}.Coupon .coupon-banner .week .submitted{position:absolute;top:3.5px;right:2px;font-size:12px;font-weight:500}.Coupon .submitted-banner-color{background-color:#1d8b21}.Coupon .row-container:nth-child(2n){background-color:var(--color-light-blue-secondary)}.Coupon .team-name{border-radius:4px 4px 0 0}.Coupon .btn{width:100%;border-radius:0 0 4px 4px}.Coupon .newlySubmittedButton{letter-spacing:0;background-color:#1d8b21!important;opacity:1}.Coupon .errorPlayerCouponContainer{padding:7px;color:#b71c1c;background-color:#ffebee;p {margin-bottom: 3px;} p:last-of-type {margin-bottom: 0;}}.Coupon .can-click{pointer-events:all;cursor:auto}@media screen and (max-width: 600px){.Coupon{width:100%;min-width:100%}}.AdminCouponPage{padding:2rem;text-align:center}.AdminCouponPage .coupon-content{display:inline-flex;gap:3rem;margin-top:3rem;text-align:left}.AdminCouponPage .placeholder{width:320px;min-width:320px;border-radius:var(--radius-large);border:3px solid var(--color-primary-blue);padding:2rem;font-size:1.1rem;background-color:var(--color-light-blue-secondary);color:var(--color-primary-heading)}.AdminCouponPage .admin-info{max-width:600px}.AdminCouponPage .admin-info .adminInfoText{font-family:Inter;font-size:18px;font-weight:400;background:#f2f2f2}.AdminCouponPage .admin-info .adminInfoText>*{padding:16px}.AdminCouponPage .admin-info .adminInfoText p:nth-child(odd){background-color:#e0e0e0}.AdminCouponPage .admin-info .extraInfo{margin:10px;font-size:14px;font-weight:300}.AdminCouponPage .teams-left-betting-container{margin:20px 0 50px;button {padding: 10px 14px; font-size: 16px; font-weight: 600; color: #FFF; background-color: var(--color-primary-blue); border: none; border-radius: 4px;}}.AdminCouponPage .teams-left-betting-container .number-of-teams-left{display:flex;align-items:center;margin-bottom:20px}.AdminCouponPage .teams-left-betting-container .number-of-teams-left span{margin-right:8px;font-size:50px;font-weight:900;color:var(--color-primary-blue)}.AdminCouponPage .teams-left-betting-container .number-of-teams-left .reminder-color{color:#ffa726}.AdminCouponPage .teams-left-betting-container .number-of-teams-left .last-call-color{color:var(--color-st-red)}.AdminCouponPage .teams-left-betting-container .all-teams-have-betted{font-size:25px;font-weight:900;color:var(--color-success)}.AdminCouponPage .teams-left-betting-list{display:inline-block;min-width:200px;margin:8px 0 0;padding:0;list-style:none;border:1px solid #DC4C64;border-radius:8px;li {padding: 7px;}}.AdminCouponPage .teams-left-betting-list li:nth-child(odd){background-color:#ffebee}@media screen and (max-width: 600px){.AdminCouponPage{padding:1rem}.AdminCouponPage .coupon-content{flex-direction:column-reverse;align-items:center;margin-top:1rem;gap:1.5rem}.AdminCouponPage .admin-info{max-width:500px;margin-bottom:15px}.AdminCouponPage .placeholder{width:100%;min-width:100%}.AdminCouponPage .coupon-wrapper{width:100%}}.editor-container{position:relative;margin:40px auto 50px;padding:1rem;background-color:#fbfcfd;border-radius:4px;box-shadow:#959da533 0 8px 24px}.editor-container .headerNewsItem{margin:-1rem -1rem 1.1rem;padding:1.1rem 1rem;font-size:16px;font-weight:600;text-transform:uppercase;text-align:center;letter-spacing:.1px;color:#fff;background-color:var(--color-primary-blue);border-radius:4px 4px 0 0}.bubbleMenu{display:flex;border-radius:12px;box-shadow:#00000059 0 5px 15px}.bubbleMenu .bubbleMenuButton{height:30px;width:40px;color:gray;background-color:#fff;border:none;border-right:1px solid #DDD}.bubbleMenu .bubbleMenuButton:first-of-type{border-radius:12px 0 0 12px}.bubbleMenu .bubbleMenuButton:last-of-type{border-radius:0 12px 12px 0;border-right:none}.bubbleMenu .bubbleMenuButton:hover{color:#000;background-color:var(--color-secondary-blue);cursor:pointer}.editorMiniHeader{margin-bottom:2px;font-size:14px;font-weight:400;text-align:left}.editorMiniHeader .selectIcon{margin-left:7px;font-size:12px;vertical-align:text-top}.toolbar{display:flex;flex-direction:column;row-gap:20px;margin-bottom:1rem}.formattingButtonsContainer{display:flex;flex-wrap:wrap;gap:10px}.formattingButtonsContainer .formattingButton{padding:6px 8px;font-family:Inter;font-size:15px;font-weight:400;color:var(--color-primary-blue);background-color:var(--color-secondary-blue);border:1px solid var(--color-tertiary-blue);border-radius:8px;cursor:pointer}.formattingButtonsContainer .formattingButton:hover,.formattingButtonsContainer .formattingButton.active{color:#fff;background-color:#00437a;transition:.2s}.colorStyles{position:relative;width:100%;min-height:30px}.colorStyles .editorMiniHeader{cursor:pointer}.colorOptionsContainer{position:absolute;display:inline-flex;flex-wrap:wrap;gap:7px;width:170px;padding:8px;background-color:#fbfcfd;box-shadow:#64646f33 0 7px 29px}.colorButton{width:25px;height:25px;border:none;border-radius:2px;cursor:pointer}.ProseMirror:focus{outline:none}.richTextButtonContainer,.richTextButtonContainerOneButton{display:flex;align-items:center;gap:15px;margin-top:10px}.richTextButtonContainerOneButton{justify-content:flex-end}.saveButton,.cancelButton,.deleteButton{padding:12px 15px;font-family:Inter;font-weight:600;color:#fff;background-color:var(--color-success);border:none;border-radius:4px;cursor:pointer}.saveButton:hover,.cancelButton:hover,.deleteButton:hover{background-color:var(--color-success-hover)}.cancelButton{background-color:var(--color-cancel)}.cancelButton:hover{background-color:var(--color-cancel-hover)}.deleteButton{margin-right:auto;background-color:var(--color-warning)}.deleteButton:hover{background-color:var(--color-warning-hover)}.onlyAdmin{position:absolute;bottom:5px;left:22px;font-size:12px;font-weight:300}.editorTextField{min-height:200px;padding:10px;font-family:Inter;border:1px solid var(--color-tertiary-blue);border-radius:8px;h1 {font-size: 20px; font-weight: 600;} p {margin: 0 0 3px 0; font-size: 18px; font-weight: 300; line-height: 22px;} a {font-weight: 400; color: var(--color-st-red);} ol,ul {margin-left: 20px;}}@media screen and (max-width: 600px){.richTextButtonContainer{flex-direction:column-reverse}.richTextButtonContainer .saveButton,.richTextButtonContainer .cancelButton,.richTextButtonContainer .deleteButton{display:block;width:100%;margin:0}.onlyAdmin{display:none}}.newsItem{position:relative;display:inline-block;width:100%;margin-bottom:25px;padding:20px;font-family:Inter;border-radius:4px;box-shadow:#959da533 0 8px 24px;ol,ul {margin-left: 20px;} a {font-weight: 400; color: var(--color-st-red);} .hide-blogpost {position: absolute; right: 0; top: 0; padding: .5rem; z-index: 2; cursor: pointer;}}.newsItemHeader{font-size:20px;font-weight:600}.newsItemText{margin:0 0 3px;font-size:18px;font-weight:300;line-height:22px}.extraSpace{height:20px;width:100%}.editNewsItemIcon{position:absolute;top:10px;right:10px;padding:0 0 4px 8px;background-color:var(--color-site-background);cursor:pointer}.dateOfPublication{margin:20px 0 -10px;font-size:14px;font-weight:300;font-style:italic}.News{padding:1rem}.News .blog-container{max-width:600px;margin:0 auto}.News .latestNewsHeader{margin-bottom:20px;text-align:center;color:var(--color-primary-blue)}.GroupRevealCard{padding:1rem;border-radius:var(--radius-large);border:2px solid black;border:2px solid var(--color-accent-light-blue);opacity:.5;width:250px;text-align:center;background-color:#fff}.GroupRevealCard .team-name{font-weight:900;border-top:2px solid black;border-top:2px solid var(--color-accent-light-blue);padding-top:1rem}.GroupRevealCard .team-number{opacity:0;text-align:center;font-size:1.3rem}.reveal .team-number{opacity:0;transform:scale(.8);transition:all 1s ease-in-out;animation:reveal forwards 1s}.reveal{opacity:1}@keyframes reveal{to{opacity:1;transform:scale(1)}}.GroupReveal{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.groupPage{margin:30px 50px 50px;h1 {margin-bottom: 30px; text-align: center;}}.ContactDropdown{color:#000;position:relative;display:inline-block;width:280px}.ContactDropdown .dropdown-content{width:100%;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.ContactDropdown .list-items{list-style-type:none;padding:0}.ContactDropdown .show-all-btn{background-color:#007bff;color:#fff;border:none;padding:8px 12px;cursor:pointer}.ContactDropdown .show-all{width:100%}.ContactDropdown .list-item{padding:8px 12px;cursor:pointer}.ContactDropdown .list-item:hover{background-color:var(--color-light-blue-secondary)}.ContactDropdown .dropdown-heading{width:100%;display:flex;justify-content:space-between;padding:.3rem 1rem;border-radius:var(--radius-small);border:1px solid black;cursor:pointer}.Contact{padding:2rem;display:flex;flex-direction:column;gap:2rem;align-items:center}.Contact .contact-heading{margin-top:5px;font-size:1.2rem;font-weight:900;margin-bottom:15px}.Contact .contact-footer{margin-top:2rem;display:flex;justify-content:space-between;width:100%;max-width:900px}.Contact .wrapper{display:flex;gap:.4rem}.user-table{border-collapse:collapse}tr:nth-child(2n){background-color:var(--color-light-blue-secondary)}tr.selected-row{color:#fff;background-color:var(--color-primary-blue);cursor:pointer}th,td{max-width:300px;padding:10px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}th{background-color:#f5f5f5}.team-list{list-style:none;margin:0;padding:0}.team-list-many{font-size:14px}.team-list li{margin:4px 0}.mail-options-container{text-align:center;background-color:var(--color-light-blue-secondary);border-radius:8px}.mail-options-container .mail-button{padding:8px 12px;font-size:16px;background-color:var(--color-light-blue-secondary);border:2px solid var(--color-light-blue-secondary);border-radius:4px}.mail-options-container .cancel-mail{background-color:var(--color-site-background);border:1px solid var(--color-primary-blue)}.mail-options-container .copy-addresses{color:#fff;background-color:var(--color-success);border:2px solid var(--color-success)}.mail-options-container .copy-addresses:disabled{color:#616161;background:lightgray;border-color:#d3d3d3;cursor:not-allowed}.mail-options-container .radio-buttons-container{margin:20px 0 25px;label {margin-right: 15px; input {margin-right: 3px;}} label:last-of-type {margin-right: 0;}}.mail-options-container .mail-selected-text{margin-bottom:15px;font-size:14px}.show-as-box{padding:20px}@media (max-width: 1100px){.Contact{padding:10px}.Contact .contact-footer{flex-direction:column;row-gap:5px}table,tbody,tr,th,td{display:block;width:100%}tr{margin-bottom:15px;padding:12px 8px 5px;border-radius:8px}tr:nth-child(odd){border:2px solid var(--color-light-blue-secondary)}th,td{max-width:100%;width:100%}th,thead{display:none}td{display:flex;flex-direction:column}td:before{content:attr(data-label);margin-top:-5px;margin-bottom:5px;font-weight:700}.team-list li{margin:0 0 4px;font-size:16px}}.CreateSeason{padding:2rem;display:flex;flex-direction:column;align-items:center;label {margin-top: 1rem;} .btn {margin-top: 1rem;} a {color: black; text-decoration: underline;} .dropdown {color: black; position: relative; display: inline-block; .dropdown-content {width: 100%; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,.2); z-index: 1;} .dropdown-heading {display: flex; justify-content: space-between; padding: .8rem 1rem; border-radius: var(--radius-small); border: 1px solid black; cursor: pointer;} .list-items {list-style-type: none; padding: 0;} .list-item {padding: .8rem 12px; cursor: pointer;} .list-item:hover {background-color: var(--color-light-blue-secondary);}} .create-is-disabled {margin-top: 2rem; padding: 2rem 3rem; background-color: var(--color-light-blue-secondary); color: var(--color-primary-blue); font-size: 1.3rem; text-align: center; border-radius: var(--radius-large); .no-create {margin: 0 0 1rem 0;}} .delete-season {display: flex; flex-direction: column; align-items: center; text-align: center; width: 400px; margin-top: 5rem; padding: 2rem 1rem; border-radius: var(--radius-large); border: 3px solid var(--color-primary-red); background-color: white; font-size: 1.1rem;} .btn-delete {width: 100%;}}.CreateSeason .team-info{margin:30px 0 20px;background-color:var(--color-primary-blue);color:#fff;border-radius:var(--radius-large);font-weight:400;padding:1rem;width:50%}.CreateSeason .btn-and-form{display:flex;flex-direction:column;align-items:center;width:50%}.CreateSeason .form-container{width:100%;display:flex;flex-direction:column;padding:2rem;border-radius:var(--radius-large);background-color:var(--color-white);font-weight:500;border:3px solid var(--color-accent-light-blue)}.CreateSeason .form{display:flex;flex-direction:column}.CreateSeason .info-message{margin-top:1rem}.CreateSeason .error-message{color:var(--color-primary-red)}.CreateSeason .form-control{padding:.8rem;border:1px solid var(--color-accent-light-blue);border-radius:var(--radius-small);outline:none}@media screen and (max-width: 700px){.CreateSeason{padding:1rem}.CreateSeason .create-is-disabled{padding:2rem 1rem}.CreateSeason .delete-season{width:100%;padding:1rem}.CreateSeason .form-container{padding:1rem}.CreateSeason .form-control,.CreateSeason .team-info,.CreateSeason .btn-and-form{width:100%}}.topScrollBarInCupen{height:16px;overflow-x:auto}.CupContainer{display:flex;padding:30px 80px 30px 30px;overflow-x:auto}.CupContainer .cupWeek{position:relative;display:inline-flex;flex-direction:column;justify-content:center;padding-top:70px}.CupContainer .headerPerWeek{position:absolute;top:0;left:0}.CupContainer .typeOfWeek{margin-bottom:0;font-size:20px;text-align:left}.CupContainer .winnerWeek{margin-left:5px;font-size:25px}.CupContainer .activeWeeks{font-size:14px;text-align:left}.CupContainer .cupBox{display:flex;align-items:center}.CupContainer .teamBox{display:flex;flex-direction:column;justify-content:space-between;height:100%}.CupContainer .teamAndPoints{display:flex}.CupContainer .team,.CupContainer .points{display:flex;justify-content:space-between;align-items:center;column-gap:15px;height:30px;width:200px;padding:0 7px;background-color:#fff;border:1px solid var(--color-primary-blue);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.CupContainer .team{border-radius:2px 0 0 2px}.CupContainer .points{justify-content:center;width:40px;font-weight:800;color:var(--color-primary-blue);border-radius:0 2px 2px 0}.CupContainer .yourOut{color:#737373;background-color:#e5e5e5;border-color:gray}.CupContainer .leaderTeam{font-weight:700;color:#fff;background-color:var(--color-success);border-color:var(--color-success);border-right:2px solid #FFF}.CupContainer .leaderPoints{color:#fff;background-color:var(--color-success);border-color:var(--color-success)}.CupContainer .lineBetweenTeams{height:calc(100% - 30px);width:30px;border:1px solid black;border-left:none}.CupContainer .lineToTeam{height:1px;width:30px;background-color:#000}.CupContainer .bottomLineToTeam{margin-top:39px}.VerticalRow{border-left:1px solid var(--color-primary-blue)}.VerticalRow .table-box{width:22px;max-width:22px;height:22px;line-height:22px;text-align:center}.VerticalRow .border{background-color:var(--color-primary-blue);color:#fff}.VerticalRow .bet-box{letter-spacing:1px}.VerticalRow .correct-bet{background-color:var(--color-primary-blue);color:#fff}.VerticalRow.users-group .table-box{background-color:#fce4ec}.VerticalRow.users-group .correct-bet{background-color:#ff69b4;color:#fff}.VerticalRow.users-group .border{color:#ff69b4;font-weight:900;border-bottom:1px solid #FF69B4}@media (max-width: 345px){.VerticalRow .table-box{width:21px;height:21px;max-width:21px;text-align:center}}.ResultTable{display:inline-flex;overflow:hidden;border-radius:var(--radius-small);border:2px solid var(--color-primary-blue);font-size:.8rem}.GameArchiveResults{text-align:center;width:22px;height:22px;display:block}.GameArchiveResults .disable-adding-result{cursor:not-allowed;opacity:.7;pointer-events:none}.GameArchive{padding:2rem}.GameArchive .row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.GameArchive .results-table{overflow:hidden;border-radius:var(--radius-small);border-right:1px solid var(--color-primary-blue)}.GameArchive .vertical-rows{display:flex}.GameArchive .game-numbers{background-color:var(--color-primary-blue);color:#fff}.GameArchive .results{display:flex;flex-direction:column;border-bottom:1px solid var(--color-primary-blue)}.GameArchive .result-box{text-align:center;width:22px;height:22px}.GameArchive .result-week{background-color:var(--color-primary-blue);color:#fff;width:44px}.GameArchive .table-wrapper{margin-bottom:2rem}.GameArchive .red{color:var(--color-primary-red)}.GameArchive .divider{padding:0 .5rem}@media (max-width: 600px){.GameArchive{padding:.5rem;text-align:center}.GameArchive .row{display:flex;flex-direction:column;justify-content:center;align-items:center}.GameArchive .results-table{width:300px;border:none;margin-top:.5rem}.GameArchive .table-wrapper{margin-bottom:0}.GameArchive .btn,.GameArchive .season-dates{margin-top:1rem}}.winnerContainerStartpage{h2 {margin-bottom: 20px; font-size: 20px; color: var(--color-primary-blue);} .winnerBox {width: 300px; margin-bottom: 20px; font-family: "Inter"; font-size: 14px; border: 1px solid var(--color-primary-blue); border-radius: 4px; .winnerHeader {padding: 8px 5px; text-align: center; text-transform: uppercase; color: #FFF; background-color: var(--color-primary-blue);} .textBoxWinner,.textBoxNoWinner {display: flex; justify-content: space-between; padding: 10px; font-weight: 400;} .textBoxWinner {background-color: var(--color-light-blue-secondary);} .textBoxWinner .name {width: 45%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .textBoxWinner .points {text-align: left; padding-left: 8px; flex: 1;}} .goToStatisticsButton {display: block; width: 300px; margin-top: 40px; padding: 10px 5px; font-weight: 600; text-align: center; text-decoration: none; color: var(--color-primary-blue); border: 1px dashed var(--color-primary-blue); border-radius: 4px;}}.ResultListRow{display:flex;justify-content:space-between;overflow:hidden;gap:.5rem;width:345px;border-bottom:1px solid var(--color-primary-blue);border-left:1px solid var(--color-primary-blue);border-right:1px solid var(--color-primary-blue)}.ResultListRow .game-number{background-color:var(--color-primary-blue);color:#fff;padding:.4rem .5rem;font-size:1rem;width:2rem;text-align:center}.ResultListRow .bets-container{display:flex}.ResultListRow .teams{font-size:14px;overflow:hidden;flex:1;display:flex;flex-direction:column}.ResultListRow .team-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ResultListRow .bets{display:flex;justify-content:center;align-items:center;width:2rem;font-size:1rem;font-weight:900;color:var(--color-primary-blue);background-color:var(--color-light-blue-secondary);border-left:1px solid var(--color-primary-blue)}.ResultListRow .correct-answer{color:#fff;background-color:var(--color-primary-blue)}.ResultListRow.border-top{border-radius:4px 4px 0 0;border-top:1px solid var(--color-primary-blue)}.ResultListRow.border-bottom{border-radius:0 0 4px 4px}@media screen and (max-width: 600px){.ResultListRow{border-bottom:1px solid var(--color-primary-blue);border-left:none;border-right:none;width:100%}.ResultListRow.border-top{border-radius:0;border-top:none}.ResultListRow.border-bottom{border-radius:0}}.CouponResultList{display:inline-flex;flex-direction:column;border:1px solid var(--color-primary-blue);border-radius:var(--radius-small);overflow:hidden;box-shadow:1px 2px 5px var(--color-primary-blue)}@media screen and (max-width: 600px){.CouponResultList{overflow:hidden;width:100%}}.LeaderBoardRow{display:flex;justify-content:space-between;padding:.5rem}.LeaderBoardRow .placing{font-weight:800}.LeaderBoardRow .name-container{flex:1;overflow:hidden;margin-left:12px}.LeaderBoardRow .placing-container{display:flex;align-items:center;justify-content:space-between;width:45px}.LeaderBoardRow .points-container{display:flex;align-items:center;justify-content:space-between;width:45px;margin-left:5px}.LeaderBoardRow .points-container-statistics{display:flex;align-items:center;justify-content:space-between;gap:3px;width:100px;margin-left:5px}.LeaderBoardRow .points-container-statistics .points{font-weight:900;flex:1}.LeaderBoardRow .points-container-statistics .group-number{flex:1}.LeaderBoardRow .points-container-statistics .correct-guess,.LeaderBoardRow .group-number{font-size:.8rem}.LeaderBoardRow .icon-up{color:var(--color-accent-green);font-size:1.1rem;line-height:0}.LeaderBoardRow .icon-down{color:var(--color-primary-red);font-size:1.1rem;line-height:0}.LeaderBoardRow .icon-minus{color:var(--color-primary-blue);font-size:1.1rem;line-height:0}.LeaderBoardRow .team-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start}.LeaderBoardRow.users-team{background-color:#ff00002a}.LeaderBoardWeek .placing-container{width:20px}.LeaderBoard{width:300px;min-width:300px;border:2px solid var(--color-primary-blue);border-radius:var(--radius-small)}.LeaderBoard .heading-banner{background-color:var(--color-primary-blue);color:#fff;text-align:center;width:100%;padding:.5rem}.LeaderBoard .show-all{border-top:2px solid var(--color-primary-blue);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.3rem;padding:.3rem}.LeaderBoard .icon{line-height:0}.LeaderBoard .weeknumber{margin-left:6px;font-weight:500;color:var(--color-primary-red)}.LeaderBoardWeek{border:2px solid var(--color-primary-orange)}.LeaderBoardWeek .heading-banner{background-color:var(--color-primary-orange)}.LeaderBoardWeek .weeknumber{margin-left:6px;font-weight:900;color:#fff}.LeaderBoardWeek .show-all{border-top:2px solid var(--color-primary-orange)}@media screen and (max-width: 600px){.LeaderBoard{width:100%;min-width:100%}}.WeeklyWinners2{width:300px;border:2px solid var(--color-border)}.WeeklyWinners2 .header{background-color:var(--color-primary-heading);color:#fff;text-align:center;padding:5px}.WeeklyWinners2 .WeeklyWinnersRow{display:flex;justify-content:space-between;padding:5px;width:100%}.WeeklyWinners2 .users-team{background-color:#ff00002a}.WeeklyWinners2 .sub-header{font-weight:900;padding:5px}.WeeklyWinners2 .winner-placeholder{display:flex;justify-content:space-between;padding:5px;text-align:center}.WeeklyWinners2 .winner-points{position:absolute;left:50%;transform:translate(-50%)}.WeeklyWinners2 .winner-name{width:120px;text-align:start}.WeeklyWinners2 .winner{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 600px){.WeeklyWinners2{width:100%}}.Home{width:100%;margin:0 auto;padding:2rem}.Home .home-page-container{margin-top:20px}.Home .no-current-season-text{max-width:300px;margin:0 auto;padding:20px 25px;font-size:25px;color:var(--color-primary-blue);background-color:var(--color-light-blue-secondary);border-radius:8px}.Home .weekday-view,.Home .weekend-view{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:50px}.Home .weekday-view .coupon-area,.Home .weekend-view .coupon-area{min-width:300px}.Home .weekday-view .coupon-area .info-text,.Home .weekend-view .coupon-area .info-text{max-width:300px;margin:0 auto;padding:20px 25px;font-size:25px;color:var(--color-primary-blue);background-color:var(--color-light-blue-secondary);border-radius:8px}.Home .weekday-view .blog-and-total-toplist-area,.Home .weekend-view .blog-and-total-toplist-area{max-width:600px;min-width:300px;flex:1 1 300px}.Home .weekday-view .no-blog-posts,.Home .weekend-view .no-blog-posts{max-width:320px}.Home .prev-winner-header{text-align:center;font-size:1.2rem;margin-bottom:.5rem}.Home .last-weeks-winners-area{min-width:300px}.Home .more-info{margin-top:1rem;text-align:center}.Home .result-area{display:flex;flex-wrap:wrap;gap:20px;max-width:650px}.Home .toplist-area{display:flex;gap:40px}.Home .final-leaderboards{display:flex;gap:1rem;align-items:flex-start;justify-content:center}.explanation{max-width:620px;margin:0 auto 50px}@media (max-width: 800px){.Home .weekend-view{flex-direction:column;align-items:center}.Home .result-area{flex-direction:column;max-width:100%}.Home .toplist-area,.Home .final-leaderboards{flex-direction:column}}@media (max-width: 600px){.Home .teams-on-field-area,.Home .toplist-area{width:100%}.Home .last-weeks-winners-area{min-width:100%}}@media (max-width: 345px){.Home{padding:.5rem}}.Login{background-image:url(/assets/background_arena-b9c41061.avif);background-color:#fff;margin:0 auto;height:100vh;label {margin-top: 1rem;} .btn {margin-top: 1rem; background-color: var(--color-accent-light-blue); color: white; font-size: 1rem; font-weight: 600;} a {color: black; text-decoration: underline;} .forgot-password {margin-top: 1rem; text-align: center;}}.Login .btn-and-form{display:flex;flex-direction:column;align-items:center}.Login .login-form-container{width:50%;margin:3rem auto;display:flex;flex-direction:column;padding:3rem;border-radius:var(--radius-large);background-color:#7d7dff;background-color:var(--color-white);font-weight:500}.Login .icon-wrapper-login{display:flex;flex-direction:column;justify-content:center;align-items:center}.Login .icon-wrapper-login .icon{color:var(--color-accent-light-blue);font-size:3rem}.Login .icon-wrapper-login .login-heading{font-size:2rem;font-weight:700;color:var(--color-primary-heading)}.Login .login-form{display:flex;flex-direction:column}.Login .form-control{padding:.8rem;border:1px solid var(--color-accent-light-blue);border-radius:var(--radius-small);outline:none}.Login .underline{text-decoration:underline;margin-left:6px;cursor:pointer}.Login .forgot-password{text-decoration:underline;cursor:pointer;margin-top:.5rem}@media screen and (max-width: 1100px){.Login .login-form-container{width:75%}}@media screen and (max-width: 600px){.Login{padding:1rem}.Login .login-form-container{width:100%;padding:1rem}}@media screen and (max-width: 345px){.Login{padding:.5rem}}.Header{display:flex;justify-content:space-between;align-items:center;height:var(--height-navbar);padding:0 30px 0 20px;background-color:var(--color-primary-blue);border-bottom:1px solid #E2DEDD;font-size:18px}.notActiveUser{display:inline-block;margin:0 auto;font-size:25px;font-weight:700;color:#fff}.menuItem{text-decoration:none;color:#fff}.logo{vertical-align:middle;width:100%}.desktopHeaderContent,.mobileHeaderContent{display:flex;justify-content:flex-end;column-gap:15px;height:100%;margin:0;list-style-type:none;transition:0s ease-in-out;transform:translate(0);z-index:3}.headerContentLi{display:flex;justify-content:flex-end;align-items:center;margin:0;padding:0 var(--align-padding-navbar);flex-shrink:0}.headerContentLi:hover{text-decoration:underline;color:#fff}.dontLeaveTooEarly{position:relative;display:flex;align-items:center;height:100%;color:#fff}.arrowIcon{margin:0 0 -2.5px 5px}.subHeader{position:absolute;top:var(--height-navbar);right:calc(-1 * var(--align-padding-navbar));flex-direction:column;font-size:18px;list-style-type:none}.subHeaderLi{padding:9px var(--align-padding-navbar);padding:9px 20px 9px 30px;background-color:var(--color-primary-blue);white-space:nowrap;z-index:2}.subHeaderLi:first-of-type{margin-top:-1px}.subHeaderLi:last-of-type{padding-bottom:18px}.subHeaderLi:hover{text-decoration:underline}.mobileHeaderContent{display:none}.burgerMenu{z-index:5}.bar{width:30px;height:3px;margin:5px 0;background-color:#fff;transition:transform .3s ease-in-out,opacity .2s ease-in-out}.burgerMenu.openMenu .bar:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.burgerMenu.openMenu .bar:nth-child(2){opacity:0}.burgerMenu.openMenu .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.adminHeaderColor,.adminHeaderColor .subHeaderLi{background-color:var(--color-admin)}@media only screen and (max-width: 1050px){.desktopHeaderContent{display:none}.mobileHeaderContent{display:block;position:fixed;top:0;right:0;flex-direction:column;max-width:400px;width:100%;padding-top:var(--height-navbar);text-align:right;background-color:var(--color-primary-blue);transition:.7s;transform:translate(+100%);z-index:3}.headerContentLi{display:block;margin:18px 0;padding-right:30px;font-size:20px}.dontLeaveTooEarly{display:inline-block}.arrowIcon{position:absolute;top:3px}.subHeader{position:static;margin:0;padding:5px 0}.subHeaderLi{margin:0;padding:7px 15px 7px 5px;background-color:transparent}.subHeaderLi:first-of-type{margin-top:7px}.adminHeaderColor .subHeaderLi{background-color:transparent}}@media only screen and (min-width: 1050px){.burgerMenu{display:none}}.Modal{position:fixed;background-color:#606060b7;width:100%;height:100vh;z-index:2;top:0;left:0;color:#000;padding:1rem}.Modal .dialog-modal{background-color:#fff;width:50%;margin:7rem auto;padding:3rem;border-radius:var(--radius-large);display:flex;flex-direction:column;justify-content:center;gap:1rem}.Modal .modal-text{text-align:center}.Modal .buttons-wrapper{display:flex;gap:1rem}.Modal .buttons-wrapper .btn-back{background-color:#000;background-color:var( --color-primary-dark-blue)}.Modal .buttons-wrapper .btn{flex:1}@media screen and (max-width: 1100px){.Modal .dialog-modal{width:75%}}@media screen and (max-width: 600px){.Modal .dialog-modal{width:100%;padding:2.5rem 1rem}.Modal .buttons-wrapper .btn{font-size:.9rem;padding:.4rem}}.Profile{padding:2rem}.Profile .profile-content{margin-top:2rem;display:flex;gap:3rem;justify-content:center;align-items:flex-start}.Profile .update-profile{display:flex;flex-direction:column;width:50%;gap:.5rem;background-color:#fff;padding:2rem;border-radius:var(--radius-large);border:3px solid var(--color-accent-light-blue)}.Profile .profile-info{border-radius:var(--radius-large);border:3px solid var(--color-border);padding:1rem;text-align:center;background-color:var(--color-white);box-shadow:3px 4px 6px #c6c6cd66}.Profile .facts{margin-top:2rem;display:flex;flex-direction:column;gap:1rem;text-align:start}.Profile .email-wrapper{background-color:#fff;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;margin-top:1rem;background-color:var(--color-border);background-color:var(--color-light-blue-secondary);border-radius:var(--radius-large);border:2px solid var(--color-primary-blue)}.Profile .email-wrapper .form-control{border:1px solid var(--color-primary-blue)}.Profile .form-control{padding:.8rem;border:1px solid var(--color-accent-light-blue);border-radius:.2rem;outline:none}.Profile .temporary-logout{position:relative}.Profile .list-item{list-style:none;display:flex;align-items:center;gap:.3rem;cursor:pointer;color:#000;text-decoration:none;font-size:1rem;position:absolute;top:0;right:0;transform:translateY(50%);a {text-decoration: none; color: black;} .icon-wrapper {display: flex; align-items: center;}}@media (max-width: 600px){.Profile{padding:1rem}.Profile .profile-content{margin-top:1rem;flex-direction:column-reverse;gap:1rem}.Profile .update-profile{width:100%;gap:.5rem;padding:1rem .5rem;border:2px solid var(--color-accent-light-blue)}.Profile .form-control{padding:.6rem}.Profile .temporary-logout{position:relative}.Profile .list-item{position:relative;justify-content:center;transform:none;a {text-decoration: none; color: black;} .icon-wrapper {display: flex; align-items: center;}}}.RulesPage{display:flex;flex-direction:column;align-items:center;padding:40px 30px 50px;font-size:18px;h1 {margin-bottom: 15px; font-family: var(--font-year); font-size: 60px; font-weight: 900; span {color: var(--color-st-red);} .greyText {color: var(--color-tertiary-blue);}} .weeks {display: block; margin-top: 3px; margin-bottom: 20px; font-size: 16px;} .rules-container {width: 100%; max-width: 500px; h2 {margin-top: 30px; color: var(--color-primary-blue); background-color: var(--color-secondary-blue); border-radius: 4px;} h2:first-of-type {margin-top: 40px;} ul {list-style: none; padding-left: 0; li {position: relative; margin-bottom: 12px; padding-left: 30px;} li::before {content: "*"; position: absolute; left: 0; top: 0;}} .football li::before {content: "⚽️";} .missed li::before {content: "⌛️";} .correct li::before {content: "✅";} .competitions li::before {content: "🏅";} .winner li::before {content: "🏆";} .other li::before {content: "📌";} .competitions li ul li::before {content: "";} ul li ul li {margin-top: 4px; font-size: 16px;; padding-left: 0;} ol {margin-bottom: 10px; list-style-position: inside;}} .pricesContainer {display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; width: 100%; margin-top: 50px; padding: 70px 20px 50px 20px; background-color: var(--color-secondary-blue); border-radius: 12px; .priceBox {display: inline-block; width: 300px; padding: 20px; background-color: var(--color-site-background); box-shadow: rgba(0,0,0,.15) 1.95px 1.95px 2.6px; border-radius: 8px; .priceHeader {font-size: 25px; font-weight: 900; text-align: center;} .priceSubHeader {margin-bottom: 12px; font-size: 18px; font-weight: 700; text-align: center;} .priceRow {display: flex; justify-content: space-between; column-gap: 50px;} .smallerText {margin-top: 1px; font-size: 14px;} .miniDelimiter {height: 12px;}}}}@media (max-width: 500px){.RulesPage .pricesContainer{gap:40px;padding:0;background-color:transparent}.RulesPage .pricesContainer .priceBox{width:100%;max-width:100%;box-shadow:#64646f33 0 7px 29px}}.RegisterUser{background-color:var(white);margin:0 auto;padding:2rem;label {margin-top: 1rem;} .btn {margin-top: 1rem;} a {color: black; text-decoration: underline;}}.RegisterUser .btn-and-form{display:flex;flex-direction:column;align-items:center}.RegisterUser .register-form-container{width:50%;margin:1rem auto;display:flex;flex-direction:column;padding:3rem;border-radius:var(--radius-large);background-color:var(--color-white);font-weight:500;border:3px solid var(--color-accent-light-blue)}.RegisterUser .register-form{display:flex;flex-direction:column}.RegisterUser .info-message{margin-top:1rem}.RegisterUser .error-message{color:red}.RegisterUser .form-control{padding:.8rem;border:1px solid var(--color-accent-light-blue);border-radius:var(--radius-small);outline:none}.RegisterUser .forgot-password{text-decoration:underline;cursor:pointer;margin-top:.5rem}@media screen and (max-width: 1100px){.RegisterUser .register-form-container{width:75%}}@media screen and (max-width: 600px){.RegisterUser{padding:1rem}.RegisterUser .register-form-container{width:100%;padding:1rem}}.ResetPassword{background-image:url(/assets/background_arena-b9c41061.avif);background-color:#fff;margin:0 auto;height:100vh;label {margin-top: 1rem;} .btn {margin-top: 1rem;} a {color: black; text-decoration: underline;} .login {margin-top: 1rem;} .info-text {margin-top: 1rem;}}.ResetPassword .btn-and-form{display:flex;flex-direction:column;align-items:center}.ResetPassword .form-container{width:50%;margin:3rem auto;display:flex;flex-direction:column;padding:3rem;border-radius:var(--radius-large);background-color:#7d7dff;background-color:var(--color-white);font-weight:500}.ResetPassword .reset-form{display:flex;flex-direction:column}.ResetPassword .form-control{padding:.8rem;border:1px solid var(--color-accent-light-blue);border-radius:var(--radius-small);outline:none}@media screen and (max-width: 600px){.ResetPassword{padding:1rem}.ResetPassword .form-container{width:100%;padding:1rem}}@media screen and (max-width: 345px){.ResetPassword{padding:.5rem}}.StatisticsDrowdownRow{padding:8px 12px;cursor:pointer}.StatisticsDrowdownRow .dropdown-heading{width:100%;display:flex;justify-content:space-between;padding:.3rem 1rem;border-radius:var(--radius-small);border:1px solid black;cursor:pointer}.StatisticsDrowdownRow .show-all-btn{background-color:#007bff;color:#fff;border:none;padding:8px 12px;cursor:pointer}.StatisticsDrowdownRow .show-all{width:100%}.StatisticsDrowdownRow:hover{background-color:var(--color-light-blue-secondary)}.StatisticsDropdown{color:#000;position:relative;display:inline-block;width:280px}.StatisticsDropdown .dropdown-content{width:100%;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.StatisticsDropdown .dropdown-heading{width:100%;display:flex;justify-content:space-between;padding:.3rem 1rem;border-radius:var(--radius-small);border:1px solid black;cursor:pointer}.StatisticsDropdown .list-items{list-style-type:none;padding:0}.StatisticsDropdown .show-all-btn{background-color:#007bff;color:#fff;border:none;padding:8px 12px;cursor:pointer}.StatisticsDropdown .show-all{width:100%}@media (max-width: 600px){.StatisticsDropdown{width:100%}}.WeeklyWinnersTable{width:900px;padding:.3rem;display:flex;gap:2px;justify-content:space-between;border-left:2px solid var(--color-primary-heading);border-right:2px solid var(--color-primary-heading)}.WeeklyWinnersTable .team-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.WeeklyWinnersTable .week{width:12px;text-align:center;font-weight:900}.Statistics{text-align:center;padding:2rem}.Statistics .seasons-leaderboards-wrapper,.Statistics .weeks-leaderboards{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;align-items:flex-start;border-bottom:3px solid black;padding:2rem 0}.Statistics .seasons,.Statistics .weeks{margin-top:2rem}.Statistics .weekly-winners-header{font-size:1.2rem}.Statistics .statisticsSubHeader,.Statistics .heading-weeks{font-size:30px;font-weight:700}.Statistics .heading-weeks{margin-top:2rem}.Statistics .subheader-weeks{margin-top:3px}.Statistics .season-header{margin-top:1rem;color:var(--color-st-red)}.Statistics .season-leaderboards-groups,.Statistics .grouped-leaderboards{width:640px;display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start}.Statistics .btn{margin-top:2rem}.Statistics .text{margin-top:1rem}.Statistics .season-leaderboards-winners{border-bottom:2px solid var(--color-primary-heading);border-radius:var(--radius-small);overflow-x:auto;white-space:nowrap}.Statistics .header-winners{width:900px;padding:.3rem;display:flex;gap:2px;justify-content:space-between;background-color:var(--color-primary-heading);color:#fff;border-radius:4px 4px 0 0}.Statistics .header-winners .heading-winner{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}@media (max-width: 600px){.Statistics{padding:1rem}.Statistics .seasons-leaderboards-wrapper,.Statistics .weeks-leaderboards{flex-direction:column;gap:2rem;justify-content:center;align-items:flex-start;border-bottom:3px solid black;padding:.5rem 0 1.5rem}.Statistics .season-leaderboard{width:100%}.Statistics .season-leaderboards-groups,.Statistics .grouped-leaderboards{width:100%;flex-direction:column;gap:2rem;align-items:flex-start}.Statistics .seasons,.Statistics .weeks{margin-top:1rem}.Statistics .season-leaderboards-winners{width:100%;padding-bottom:.5rem}}@media (max-width: 345px){.Statistics{padding:.5rem}}.TheBench{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.TheBench .heading{margin-bottom:1rem}.TheBench .top-time{display:flex;gap:.5rem;margin-top:.5rem}.TheBench .bottom-time{display:flex;gap:.7rem;font-size:3rem;margin-top:.5rem}.TheBench .time{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:.5rem}.TheBench .date{font-size:2rem}.TheBench .info-or-button-wrapper{margin-top:1rem;margin-bottom:1rem;text-align:center;padding:1rem}.TheBench .text{text-align:center}.TheBench .bench-image{height:300px;width:100%;object-fit:cover}.TeamListRow{display:flex;justify-content:space-between;margin:0 7px;padding:2px 8px}.TeamListRow .remove-user{cursor:pointer}.TeamListRow .remove-user:hover{transform:scale(1.1)}.TeamListRow:hover{background-color:var(--color-light-blue-secondary);border-radius:4px}.TeamList{width:100%}.Dropdown{color:#000;position:relative;display:inline-block;width:280px}.Dropdown .dropdown-content{width:100%;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.Dropdown .dropdown-heading{width:100%;display:flex;justify-content:space-between;padding:.3rem 1rem;border-radius:var(--radius-small);border:1px solid black;cursor:pointer}.Dropdown .list-items{list-style-type:none;padding:0}.Dropdown .list-item{padding:8px 12px;cursor:pointer}.Dropdown .list-item:hover{background-color:var(--color-light-blue-secondary)}.Dropdown .show-all-btn{background-color:#007bff;color:#fff;border:none;padding:8px 12px;cursor:pointer}.Dropdown .show-all{width:100%}.TeamCard{width:300px;background-color:var(--color-white);text-align:center;border:1px solid var(--color-light-blue-secondary);border-radius:var(--radius-small);position:relative;padding-bottom:1rem;display:flex;flex-direction:column;gap:1rem}.TeamCard .heading{background-color:var(--color-light-blue-secondary);height:35px;display:flex;justify-content:space-between;align-items:center;position:relative}.TeamCard .trash-icon{color:var(--color-primary-red);cursor:pointer}.TeamCard .trash-icon:hover{transform:scale(1.1);transition:ease-in-out .3s}.TeamCard .amount-wrapper{display:flex;align-items:center;gap:.5rem}.TeamCard .group-name{margin-left:.5rem;color:var(--color-primary-dark-blue)}.TeamCard .team-name{position:absolute;left:50%;transform:translate(-50%)}.TeamCard .hidden{margin-left:.5rem;opacity:0;width:35px}.TeamCard .container{display:flex;flex-direction:column;gap:1rem;height:100%;align-items:center;justify-content:space-between}.TeamCard .dropdown-container{display:flex;flex-direction:column;gap:.5rem;text-align:left}.TeamCard .amount{width:35px;min-width:35px;height:35px;background-color:var(--color-primary-blue);color:#fff;border-radius:0 4px 0 0;padding-top:5px}.CreateTeamForm{width:50%;margin:0 auto}.CreateTeamForm .form-control{padding:.6rem;border-top:2px solid var(--color-accent-light-blue);border-bottom:2px solid var(--color-accent-light-blue);border-left:2px solid var(--color-accent-light-blue);border-right:none;border-radius:2px 0 0 2px;outline:none;height:100%;flex:1}.CreateTeamForm .btn{border-radius:0 2px 2px 0;height:100%}.CreateTeamForm .form-container{height:50px;display:flex;align-items:center}@media (max-width: 600px){.CreateTeamForm{width:100%;margin-bottom:2rem}}.InactiveOrBenchedList{width:280px}.InactiveOrBenchedCard{width:300px;background-color:var(--color-white);text-align:center;border:1px solid var(--color-light-blue-secondary);border-radius:var(--radius-small);position:relative;display:flex;flex-direction:column}.InactiveOrBenchedCard .heading{background-color:#d7d5cd;height:35px;padding-top:5px}.InactiveOrBenchedCard .heading-bench{background-color:#ffdab9}.InactiveOrBenchedCard .container{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 0}.InactiveOrBenchedCard .show-all{background-color:#d7d5cd;text-align:start;padding-left:10px;cursor:pointer}.InactiveOrBenchedCard .show-all-bench{background-color:#ffdab9}.InactiveOrBenchedCard .amount{min-width:35px;height:35px;position:absolute;top:0;right:0;border-radius:0 4px 0 0;padding-top:5px}.sortTeamsHeader{margin:0 0 -7px}.FilterTeamsButtonContainer{display:flex;margin-bottom:1rem;gap:.5rem}.FilterTeamsButtonContainer .btn{width:145px;padding:.3rem 0;font-size:.9rem}.FilterTeamsButtonContainer .activeFilterButton{background-color:var(--color-primary-heading);cursor:default}.FilterTeamsButtonContainer .activeFilterButton:hover{background-color:var(--color-primary-heading)}@media (max-width: 700px){.sortTeamsHeader{margin-bottom:-4px;text-align:center}.FilterTeamsButtonContainer{flex-direction:column;align-items:center}.FilterTeamsButtonContainer .btn{width:100%;max-width:90%}}.TeamsAndUsers{display:flex;flex-direction:column;gap:1rem;padding:2rem}.TeamsAndUsers .h2{margin-bottom:0}.TeamsAndUsers .cards{display:flex;justify-content:space-between;width:100%;gap:1rem;align-items:flex-start}.TeamsAndUsers .sidebar-cards{display:flex;flex-direction:column;gap:1rem}.TeamsAndUsers .team-cards{display:flex;flex-wrap:wrap;gap:1rem}.TeamsAndUsers .btn-delete{color:var(--color-primary-red);border-color:var(--color-primary-red);width:100%}.TeamsAndUsers .btn-delete:hover{color:#fff;border-color:var(--color-primary-red);background-color:var(--color-primary-red)}.TeamsAndUsers .full-teams{color:var(--color-accent-green)}.TeamsAndUsers .mobile-view{display:none}.TeamsAndUsers .desktop-view{display:block}.TeamsAndUsers .filter-text{color:var(--color-primary-dark-blue);cursor:pointer}@media (max-width: 345px){.TeamsAndUsers{padding:.5rem}}@media (max-width: 600px){.TeamsAndUsers{padding:1rem}.TeamsAndUsers .team-cards{flex-direction:column}.TeamsAndUsers .cards{flex-direction:column;align-items:center}.TeamsAndUsers .sidebar-cards{align-items:center}.TeamsAndUsers .team-count{width:100%;text-align:center;border-radius:var(--radius-small);padding:1rem .5rem .5rem;font-weight:900}.TeamsAndUsers .desktop-view{display:none}.TeamsAndUsers .filter-text{color:var(--color-primary-dark-blue);cursor:pointer;border-bottom:2px solid var(--color-primary-dark-blue)}.TeamsAndUsers .inactive-players{font-weight:900;text-align:center}.TeamsAndUsers .mobile-view{display:block}.TeamsAndUsers .btn-delete{width:300px}}.UserNotActive{text-align:center}.UserNotActive .anchor-link{list-style:none;cursor:pointer;color:#000;text-decoration:none}.HandleTeamCouponPage{padding:1rem;display:flex;flex-direction:column;align-items:center}.HandleTeamCouponPage .list-and-actions{display:flex;align-items:self-start;margin-top:2rem;gap:2rem}.HandleTeamCouponPage .actions,.HandleTeamCouponPage .team-lists{width:300px}.HandleTeamCouponPage .form-wrapper{padding:1rem;display:flex;flex-direction:column;align-items:center;border-radius:var(--radius-large);border:2px solid var(--color-primary-heading);background-color:var(--color-primary-heading);color:#fff}.HandleTeamCouponPage .default-action{padding:1rem;display:flex;flex-direction:column;border-radius:var(--radius-large);align-items:center;background-color:var( --color-light-blue-secondary);border:2px solid var(--color-primary-blue);margin-bottom:1rem}.HandleTeamCouponPage .default-action .btn{margin-top:1rem}.HandleTeamCouponPage .line{margin:1rem 0;background-color:var(--color-primary-dark-blue);width:100%;height:3px}.HandleTeamCouponPage .list{display:flex;flex-direction:column;gap:1rem;justify-content:center}.HandleTeamCouponPage .data-row{display:flex;justify-content:space-between;border-bottom:2px solid var(--color-light-blue-secondary)}.HandleTeamCouponPage .form{padding:1rem 0;display:flex;flex-direction:column;width:250px;gap:.5rem}.HandleTeamCouponPage .form-control{padding:.8rem;border-radius:var(--radius-small);outline:none}.HandleTeamCouponPage .list{margin-top:1rem}.HandleTeamCouponPage .coupons-wrapper{display:flex;gap:1rem;flex-wrap:wrap}@media (max-width: 600px){.HandleTeamCouponPage .list-and-actions{display:flex;align-items:self-start;margin-top:2rem;gap:2rem;flex-direction:column}.HandleTeamCouponPage .actions,.HandleTeamCouponPage .team-list,.HandleTeamCouponPage .team-lists,.HandleTeamCouponPage .coupons-wrapper{width:100%}}*{padding:0;margin:0;box-sizing:border-box}:root{--color-primary-blue: #00427A;--color-primary-red: #FE0000;--color-primary-orange: #F57C33;--color-st-red: #F90200;--color-white: #FFFFFF;--color-site-background: #F8F9FB;--color-accent-light-blue: #00BEFA;--color-accent-light-blue-hover: #0ac6ff;--color-light-blue-secondary: #e5f3ff;--color-primary-dark-blue: #000027;--color-primary-heading: #001932;--color-accent-green: #03a218;--color-border: #e1e1e5;--color-admin: rgba(255, 0, 0, .164);--color-warning: #DC4C64;--color-warning-hover: #C6445A;--color-cancel: #9FA6B2;--color-cancel-hover: #8F95A0;--color-success: #14A44D;--color-success-hover: #10833D;--color-secondary-blue: #E5ECF1;--color-tertiary-blue: #D4E0E8;--color-admin: #332D2D;--font-logo: "Passion One", sans-serif;--font-body: "Red Hat Display", sans-serif;--font-inter: "Inter", sans-serif;--font-year: "Rowdies", serif;--radius-small: 4px;--radius-large: 8px;--breakpoint-mobile: 600px;--breakpoint-small: 1200px;--height-navbar: 70px;--align-padding-navbar: 15px;--breakpoint-navbar: 1050px}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-body);font-weight:600;-webkit-font-smoothing:antialiased;color:var(--color-primary-dark-blue);background-color:var(--color-site-background)}a{color:var(--color-primary-dark-blue)}.btn{padding:.5rem 1rem;border:none;outline:transparent;border-radius:var(--radius-large);cursor:pointer;letter-spacing:-.5px;background-color:var(--color-accent-light-blue);color:#fff;font-size:1rem;font-weight:600;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-body);text-align:center}.btn:hover{background-color:var(--color-accent-light-blue-hover)}.btn-dark{background-color:var(--color-primary-dark-blue)}.btn-dark:hover{background-color:#00005c;transition:ease-in-out .2s}.btn-medium{background-color:var(--color-primary-blue)}.btn-medium:hover{background-color:#005cad;transition:ease-in-out .2s}.btn-outline{background-color:var(--color-white);border:2px solid var(--color-primary-dark-blue);color:var(--color-primary-dark-blue)}.btn-outline:hover{background-color:var(--color-primary-dark-blue);border:2px solid var(--color-white);color:var(--color-white);transition:ease-in-out .2s}.btn-update{background-color:var(--color-accent-green)}.btn-update:hover{background-color:#04b91c;transition:ease-in-out .2s}.btn-delete{color:var(--color-primary-red);background-color:var(--color-white);border:2px solid var(--color-primary-red);width:100%}.btn-delete:hover{color:#fff;border-color:var(--color-primary-red);background-color:var(--color-primary-red)}h2{font-size:2rem;font-weight:700;color:var(--color-primary-heading);text-align:center;margin-bottom:1rem}.disabled{background-color:gray;cursor:not-allowed;opacity:.7;pointer-events:none}.disabled:hover{background-color:gray}input{font-family:var(--font-body)}.isEvenRow{background-color:var(--color-light-blue-secondary)}@media (max-width: 600px){h2{font-size:1.6rem;font-weight:700;color:var(--color-primary-heading);text-align:center;margin-bottom:1rem}}