@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--font-size-huge: 40px;--font-size-large: 20px;--font-size-medium: 18px;--font-size-small: 14px;--font-size-tiny: 12px;--font-size-teeny: 10px;--font-Inter: "Inter";--font-Orbitron: "Orbitron";--font-Barlow: "Barlow";--font-OpenSans: "Open Sans";--pt: #000000;--pt2: #ffa600;--red: #E60023;--blue: #0051e6;--green: #34A853;--green40: rgba(52, 168, 83, .4);--green16: rgba(52, 168, 83, .16);--black100: rgba(0, 0, 0, .88);--black80: rgba(0, 0, 0, .64);--black56: rgba(0, 0, 0, .56);--black40: rgba(0, 0, 0, .4);--black16: rgba(0, 0, 0, .16);--black8: #00000014;--black4: rgba(0, 0, 0, .04);--black2: rgba(0, 0, 0, .02);--white100: rgba(255, 255, 255, .88);--white80: rgba(255, 255, 255, .64);--white56: rgba(255, 255, 255, .56);--white40: rgba(255, 255, 255, .4);--white24: rgba(255, 255, 255, .24);--white16: rgba(255, 255, 255, .16);--white8: rgba(255, 255, 255, .08);--white4: rgba(255, 255, 255, .04);--white2: rgba(255, 255, 255, .02);--br: 4px}*{box-sizing:border-box;margin:0;line-height:140%;font-family:var(--font-OpenSans)}body{font-family:var(--font-OpenSans)}a{text-decoration:none;color:inherit}.page{padding-top:80px;margin-left:40px;margin-right:40px}.page-contents{margin:40px}hr{border:.5px solid var(--black8)}h1{font-size:var(--font-size-huge)}h2{font-size:var(--font-size-large)}h3{font-size:var(--font-size-medium);font-weight:650}p,.number{font-size:var(--font-size-small);font-weight:600}button:hover{opacity:1}input{padding:4px 8px;border:1px solid var(--black16);border-radius:var(--br)}.commentName{display:inline;font-size:var(--font-size-tiny);font-weight:800;margin-right:4px}.commentContent{display:inline;font-size:var(--font-size-tiny);font-weight:400;margin:0}select{background-color:var(--black4);color:var(--black40);padding:4px;border-radius:4px;border:0px;font-size:var(--font-size-teeny)}a{transition:opacity .2s}a:hover{opacity:.25}.select{width:120px}video{width:640px}img{border-radius:var(--br)}.login-page{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url(https://plus.unsplash.com/premium_photo-1685366454123-3e47003286ae?q=80&w=1333&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.login-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--pt);opacity:1.9;z-index:0}.login-title{font-size:24px;font-weight:500;color:#fff;position:relative;z-index:1}.login-logo{width:180px;height:180px;position:relative;z-index:1}.login-container{display:flex;flex-direction:column;align-items:center;gap:8px;width:280px;position:relative;z-index:1}.login-container>*{width:100%;height:40px;padding:10px;border-radius:var(--radius);border:1px solid var(--white40);background-color:var(--white40)}.login-container>input{color:#fff}.login-container>input::placeholder{color:#fff}.login-button{cursor:pointer;background-color:#b09494}.login-graphics{position:absolute;background-color:var(--pt);top:50%;left:0;z-index:10;opacity:.7}.input-comment{width:100%;height:28px;border:1px solid var(--black8);border-radius:4px;font-family:Arial;font-size:var(--font-size-tiny)}.input-comment::placeholder{color:var(--black40);padding-left:4px;padding-top:2px}.banner{width:100%;height:120px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;margin-top:284px;margin-bottom:40px}.banner *{border-radius:var(--br)}.banner h1{font-size:var(--font-size-huge)}.banner-text{flex:1;height:100%;background-color:var(--black16);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:24px}.img-banner-container{width:80px;height:120px;border-radius:var(--br);display:flex;align-items:center;justify-content:center;background-color:#fff;overflow:hidden}.img-banner{width:60%;height:60%;object-fit:contain;display:block}.dashboard-nav-container{display:flex;flex-direction:column;gap:4px;top:72px;position:sticky;height:100%;border-radius:var(--br);border:1px solid var(--black8)}.dashboard-nav-container p{width:160px;height:48px;display:flex;padding:16px 20px;align-items:center;border-bottom:1px solid var(--black8)}.highlight-text{background-color:var(--black8)}.player-title{flex:1}.grid-container{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:auto}.grid-item{display:flex;flex-direction:column;padding-bottom:40px}.grid-item video,.grid-item img{grid-column:span 3;width:100%}.meta{font-size:var(--font-size-teeny);font-weight:400}.meta2{font-size:var(--font-size-tiny);font-weight:400}.description{font-size:12px;font-weight:400}.chip{font-size:var(--font-size-teeny);font-weight:750}.nav{width:100%;height:64px;z-index:99;position:fixed;display:flex;flex-direction:row;gap:16px;padding-left:40px;align-items:center;background-color:var(--pt);color:#fff;border-bottom:1px solid var(--black40)}.icon-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.icon-button:hover{background-color:var(--black16)}.icon{width:20px;height:20px;object-fit:contain}.profile-image{object-position:top;object-fit:cover}.highlight-container{position:relative;background-color:#d3d3d3}.highlight-thumbnail{width:80px!important;height:80px!important;position:absolute;right:0;bottom:-32px;margin:8px;border:2px solid white}.thumbnail{width:250px;cursor:pointer;border-radius:10px;box-shadow:2px 2px 10px #0003}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.close-button{position:absolute;top:20px;right:30px;background:#fff;color:#000;border:none;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer}.video-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video{width:100%;height:100%}img.twemoji{height:20px!important;width:20px!important;display:inline-block!important}.player-logo{overflow:hidden;position:absolute;z-index:-1;opacity:.25;right:0;height:180px}.player-profile{overflow:hidden;position:absolute;z-index:-1;height:160px;bottom:0;right:-5%}.player-button.selected{opacity:.25}.animation-marker{display:inline-block;background:#fff;color:#000;padding:2px 8px;margin:2px;font-size:12px;cursor:pointer}.custom-timeline{position:relative;width:100%;height:16px;cursor:pointer}.progress-bar{position:relative;width:100%;height:100%;background:#000000e0;overflow:hidden}.progress{position:absolute;top:calc(50% - 1px);left:0;height:2px;background:red;width:0%;transition:width .1s linear}#animationMarkers{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none}.marker:hover{background:red}#video-canvas{position:absolute;top:0;left:0;width:100%;height:100%;background:#f000;pointer-events:none;z-index:2}.graphics{position:absolute;bottom:45%;left:3%;pointer-events:none;z-index:2;display:flex;flex-direction:column;gap:0px}.standings-table{border-collapse:collapse}.standings-td{padding:4px;font-size:12px;font-family:var(--font-Barlow)}.standings-td2{font-size:12px;font-family:var(--font-Barlow);border-bottom:1px solid var(--black16)}.table-header th{background-color:#3a0d5e;color:#fff;font-family:Open Sans;font-size:12px;text-align:left;height:36px}.sub-header th{font-family:Open Sans;font-size:12px;font-weight:350;background:#3a0d5e;color:#fff}.row{background:var(--white80);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000}.highlight-row{background:var(--green);color:#fff}.graphics-players{position:absolute;width:100%;pointer-events:none;z-index:1;display:flex;justify-content:center;flex-direction:row}.score-graphics{position:absolute;left:0;width:100%;height:40px;pointer-events:none;z-index:1;display:flex;justify-content:center;flex-direction:row;top:5%}.score-block{width:240px;height:40px;padding:0 8px;display:flex;flex-direction:row;align-items:center;gap:24px;position:relative;overflow:hidden}.score-block p:first-child{flex:1;font-size:16px;font-weight:800;line-height:100%}.score-block p:nth-child(2){font-size:40px;font-weight:800;font-family:var(--font-Barlow)}.layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-size:25%!important;background-repeat:no-repeat!important;background-position:center!important}.score-block-football{width:160px;height:32px;display:flex;flex-direction:row;align-items:center;gap:8px;position:relative;overflow:hidden;border-bottom:3px solid rgba(27,27,27,.8)}.score-block-football>.teamName{flex:1;font-size:14px;font-weight:700;line-height:100%}.score-block-football>.teamScore{font-size:28px;font-weight:800;font-family:var(--font-Barlow)}#player{position:absolute;top:0;left:0;width:100%;height:100%}.timestamp-chip{padding:2px 6px;border-radius:8px;background:var(--black40);font-weight:500;border:var(--green40);cursor:pointer;font-size:var(--font-size-small);font-weight:600}.timestamp-chip:hover{background:var(--black16)}.goal-chip{display:flex;flex-direction:row;align-items:center;gap:4px;border-radius:4px;width:64px;height:28px;justify-content:center;background:var(--black4);color:var(--pt0);border:none;cursor:pointer}.goal-chip:hover{background:var(--black16)}.highlight-player-btn{font-size:var(--font-size-tiny);border:1px solid var(--black16)}.highlight-player-btn-bball{font-size:var(--font-size-tiny);width:100%;height:56px;border:1px solid var(--black16)}button:hover{background:var(--black16)!important}.player-buttons>*{width:auto!important}.overlay{position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply}#field{position:"relative";background:#f6f6f6;position:relative;overflow:visible}#field:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 80% 80%,#212103e6,#21212199 0%,#2121214d 40%,#21212100 70%);background-repeat:no-repeat;background-size:200% 200%;animation:blobDrift 10s ease-in-out infinite alternate}.field-elements{position:absolute;fill:none;stroke:#575757;stroke-width:4}.grid-cell{border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;position:relative;opacity:0}.grid-cell.highlight{background:#fff3}.grid-cell.visible{opacity:1}.snap-point{position:absolute;width:8px;height:8px;background:#00000029;border-radius:50%;transform:translate(-50%,-50%);z-index:5;opacity:0;transition:opacity .2s}.snap-point.visible{opacity:1}.snap-point.active{background:#ffffff29;transform:translate(-50%,-50%) scale(1.2)}.player{cursor:grab;z-index:10;padding:6px;width:80px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;-webkit-user-select:none;user-select:none;position:absolute;transform:translate(-50%,-50%);color:#fff}.player.dragging{background:#ffffff29;cursor:grabbing;z-index:20}.player-photo{width:100%;display:block;pointer-events:none}.player-info{-webkit-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;height:24px}.player-number{font-size:12px;font-weight:700;position:absolute;z-index:99}.player-name{font-size:18px;font-weight:700;white-space:nowrap;color:#1b1b1b}.controls{margin:20px}button{background:#333;color:#fff;border:1px solid #555;padding:8px 16px;margin:5px;cursor:pointer;border-radius:4px}button:hover{background:#555}.info>*{opacity:0}th{font-size:var(--font-size-tiny);font-weight:600;text-transform:uppercase}.createlineup-table{color:#fff}input[type=checkbox]{accent-color:lime}.createlineup-controls{display:flex;flex-direction:row;gap:0px;align-items:center;width:100%;justify-content:flex-end}.createlineup-controls>button{height:24px;justify-content:center;text-align:center;background:var(--white16);border:1px solid var(--white40);border-radius:2px;font-size:var(--font-size-tiny);font-weight:600;text-transform:uppercase;padding:0 8px}.createlineup-info{position:relative;overflow:hidden;width:300px;padding:24px;display:flex;flex-direction:column;gap:8px;color:#0f1720;z-index:0;background:#ff7a18}.createlineup-info>*{color:#fff}.createlineup-info:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 80% 80%,#af4261,#af426199 0%,#af426100 40%,#af426100);background-repeat:no-repeat;background-size:200% 200%;animation:blobDrift 4s ease-in-out infinite alternate}@keyframes blobDrift{0%{background-position:80% 80%}50%{background-position:75% 85%}to{background-position:82% 78%}}.jersey-mask{aspect-ratio:1 / 1;background:linear-gradient(135deg,#ff7a18,#ff7a18,#af4261,#1b1b1b);-webkit-mask-image:url(your.png);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url(https://cdn3.iconfinder.com/data/icons/country-flags-shirts-geometric-simplification/345/flag-country-shirt-jersey_248-512.png);mask-repeat:no-repeat;mask-position:center;mask-size:contain}.jersey-wrap img{width:100%}.jersey-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff7a18,#af4261,#1b1b1b);mix-blend-mode:multiply;pointer-events:none}