.tf-sessions{margin:28px 0 8px;padding:17px;border-radius:18px;background:#edf4ee}.tf-sessions-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.tf-sessions-head h2{margin:0;color:#143020;font-size:19px}.tf-sessions-head p{margin:2px 0 0;color:#718077;font-size:11px}.tf-sessions-head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#dfff20;color:#143020}.tf-sessions-list{display:grid;gap:11px}.tf-session-card{display:grid;gap:12px;padding:14px;border-radius:15px;background:#fff;box-shadow:0 4px 14px #1430200d}.tf-session-date{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #edf1ee;font-size:12px;color:#617268}.tf-session-date b{font-weight:700;color:#143020}.tf-session-main{display:flex;justify-content:space-between;align-items:center;gap:10px}.tf-session-main h3{margin:0 0 3px;font-size:15px;color:#143020}.tf-session-time{display:block;font-size:14px;color:#143020}.tf-session-type{padding:6px 9px;border-radius:8px;background:#eef6e7;color:#50703a;white-space:nowrap;font-size:11px}.tf-session-level{display:block;width:max-content;max-width:100%;padding:6px 9px;border-radius:8px;background:#eef6e7;color:#50703a;font-size:11px;font-weight:800;line-height:1.2}.tf-session-people{display:grid;gap:8px;padding:10px;border-radius:11px;background:#f8faf8}.tf-session-people-label{font-size:11px;color:#77867d}.tf-people-row{display:flex;flex-wrap:wrap;gap:8px}.tf-person{position:relative;display:grid;justify-items:center;gap:3px;min-width:42px;padding-top:10px}.tf-person:before{position:absolute;top:0;right:0;padding:2px 4px;border-radius:5px;background:#edf6da;color:#53752c;font-size:8px;font-weight:800;line-height:1;content:'مهتم'}.tf-person.booked:before{background:#dfff20;color:#143020;content:'مسجل'}.tf-person i{display:grid;place-items:center;width:29px;height:29px;border:2px solid #d2ed95;border-radius:50%;background:#e9f6cb;color:#34522c;font-style:normal;font-size:12px;font-weight:800}.tf-person.booked i{border-color:#143020;background:#dfff20;color:#143020}.tf-person small{max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#506259;font-size:9px}.tf-session-no-people{color:#819087;font-size:11px}.tf-session-actions{display:flex;gap:9px}.tf-session-actions button{height:39px;border-radius:9px;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}.tf-session-book{flex:1;border:0;background:#dfff20;color:#143020}.tf-session-book.is-booked{background:#e7ece8;color:#849188;cursor:default}.tf-session-interest{flex:1;border:1px solid #d0ddd3;background:#fff;color:#143020}.tf-session-interest.active{border-color:#143020;background:#ecf6d9;color:#456027}.tf-sessions-loading,.tf-sessions-empty{padding:16px;border-radius:12px;background:#fff;color:#718077;text-align:center;font-size:12px}
.tf-session-card.tf-session-cancelled{background:#fff3f2;border:1px solid #ffd4cf;box-shadow:0 6px 18px #c33b2b18}.tf-session-cancelled-note{grid-column:1/-1;margin-top:10px;padding:10px 12px;border-radius:10px;background:#ffe2de;color:#a4322a;font-size:12px;line-height:1.6}.tf-session-cancelled-note b{font-weight:900}.tf-session-cancelled-note p{margin:2px 0 0}
.tf-court-players.is-single .tf-court-player:nth-child(1){top:21%;left:50%}.tf-court-players.is-single .tf-court-player:nth-child(2){top:76%;left:50%}
.tf-court-racket{display:none}.tf-court-players.is-single .tf-court-racket{position:absolute;display:block;top:11px;width:13px;height:18px;border:2px solid #f7faf7;border-radius:50%;filter:drop-shadow(0 1px 2px #0007);transform:rotate(-30deg);transform-origin:50% 100%}.tf-court-players.is-single .tf-court-racket:after{content:'';position:absolute;left:4px;top:15px;width:4px;height:10px;border-radius:3px;background:#f7faf7}.tf-court-players.is-single .tf-court-player:nth-child(1) .tf-court-racket{left:-13px}.tf-court-players.is-single .tf-court-player:nth-child(2) .tf-court-racket{right:-13px;transform:rotate(150deg)}.tf-court-players.is-rally:after{content:'';position:absolute;z-index:8;top:25%;left:41%;width:9px;height:9px;border:1.5px solid #fff;border-radius:50%;background:#dfff20;box-shadow:0 1px 4px #143020aa,0 0 8px #dfff20aa;animation:tf-single-rally 1.8s linear infinite}.tf-court-players.is-rally .tf-court-player:nth-child(1) .tf-court-racket{animation:tf-racket-top 1.8s ease-in-out infinite}.tf-court-players.is-rally .tf-court-player:nth-child(2) .tf-court-racket{animation:tf-racket-bottom 1.8s ease-in-out infinite}@keyframes tf-single-rally{0%,4%{top:25%;left:41%;transform:translate(-50%,-50%) scale(.68)}24%{top:45%;left:58%;transform:translate(-50%,-50%) scale(1)}47%{top:78%;left:61%;transform:translate(-50%,-50%) scale(.78)}50%{top:78%;left:61%;transform:translate(-50%,-50%) scale(.62)}73%{top:53%;left:43%;transform:translate(-50%,-50%) scale(1)}96%{top:25%;left:41%;transform:translate(-50%,-50%) scale(.78)}100%{top:25%;left:41%;transform:translate(-50%,-50%) scale(.68)}}@keyframes tf-racket-top{0%,4%,92%,100%{transform:rotate(-30deg)}9%{transform:rotate(22deg)}15%{transform:rotate(-30deg)}}@keyframes tf-racket-bottom{0%,43%,50%,100%{transform:rotate(150deg)}53%{transform:rotate(102deg)}60%{transform:rotate(150deg)}}
.tf-court-players.is-rally:after{top:18%;left:39%;animation:tf-single-rally-smooth 1.9s linear infinite}.tf-court-players.is-rally .tf-court-player:nth-child(1) .tf-court-racket{animation:tf-racket-top-smooth 1.9s ease-in-out infinite}.tf-court-players.is-rally .tf-court-player:nth-child(2) .tf-court-racket{animation:tf-racket-bottom-smooth 1.9s ease-in-out infinite}@keyframes tf-single-rally-smooth{0%,4%{top:18%;left:39%;transform:translate(-50%,-50%) scale(.52)}10%{top:25%;left:48%;transform:translate(-50%,-50%) scale(.88)}19%{top:35%;left:56%;transform:translate(-50%,-50%) scale(1)}28%{top:46%;left:61%;transform:translate(-50%,-50%) scale(1)}37%{top:59%;left:63%;transform:translate(-50%,-50%) scale(1)}47%,51%{top:77%;left:60%;transform:translate(-50%,-50%) scale(.48)}59%{top:67%;left:51%;transform:translate(-50%,-50%) scale(.9)}68%{top:57%;left:43%;transform:translate(-50%,-50%) scale(1)}77%{top:46%;left:38%;transform:translate(-50%,-50%) scale(1)}86%{top:33%;left:36%;transform:translate(-50%,-50%) scale(1)}94%{top:24%;left:35%;transform:translate(-50%,-50%) scale(.88)}97%,100%{top:18%;left:39%;transform:translate(-50%,-50%) scale(.52)}}@keyframes tf-racket-top-smooth{0%,4%,91%,100%{transform:rotate(-30deg)}8%{transform:rotate(18deg)}14%{transform:rotate(-30deg)}}@keyframes tf-racket-bottom-smooth{0%,51%,100%{transform:rotate(150deg)}54%{transform:rotate(106deg)}60%{transform:rotate(150deg)}}
.tf-court-players.is-double-rally .tf-court-racket{position:absolute;display:block;top:11px;width:13px;height:18px;border:2px solid #f7faf7;border-radius:50%;filter:drop-shadow(0 1px 2px #0007);transform-origin:50% 100%}.tf-court-players.is-double-rally .tf-court-racket:after{content:'';position:absolute;left:4px;top:15px;width:4px;height:10px;border-radius:3px;background:#f7faf7}.tf-court-players.is-double-rally .tf-court-player:nth-child(1) .tf-court-racket,.tf-court-players.is-double-rally .tf-court-player:nth-child(3) .tf-court-racket{right:-13px;transform:rotate(30deg)}.tf-court-players.is-double-rally .tf-court-player:nth-child(2) .tf-court-racket,.tf-court-players.is-double-rally .tf-court-player:nth-child(4) .tf-court-racket{left:-13px;transform:rotate(-30deg)}.tf-court-players.is-double-rally:after{content:'';position:absolute;z-index:8;top:13%;left:47%;width:9px;height:9px;border:1.5px solid #fff;border-radius:50%;background:#dfff20;box-shadow:0 1px 4px #143020aa,0 0 8px #dfff20aa;animation:tf-double-rally 3.8s linear infinite}.tf-court-players.is-double-rally .tf-court-player:nth-child(1) .tf-court-racket{animation:tf-double-racket-one 3.8s ease-in-out infinite}.tf-court-players.is-double-rally .tf-court-player:nth-child(2) .tf-court-racket{animation:tf-double-racket-two 3.8s ease-in-out infinite}.tf-court-players.is-double-rally .tf-court-player:nth-child(3) .tf-court-racket{animation:tf-double-racket-three 3.8s ease-in-out infinite}.tf-court-players.is-double-rally .tf-court-player:nth-child(4) .tf-court-racket{animation:tf-double-racket-four 3.8s ease-in-out infinite}@keyframes tf-double-rally{0%,3%{top:13%;left:47%;transform:translate(-50%,-50%) scale(.5)}10%{top:35%;left:60%;transform:translate(-50%,-50%) scale(1)}18%{top:64%;left:72%;transform:translate(-50%,-50%) scale(1)}22%,25%{top:82%;left:74%;transform:translate(-50%,-50%) scale(.5)}33%{top:75%;left:57%;transform:translate(-50%,-50%) scale(1)}41%{top:67%;left:37%;transform:translate(-50%,-50%) scale(1)}46%,50%{top:61%;left:28%;transform:translate(-50%,-50%) scale(.5)}58%{top:51%;left:37%;transform:translate(-50%,-50%) scale(1)}66%{top:40%;left:48%;transform:translate(-50%,-50%) scale(1)}72%,75%{top:32%;left:54%;transform:translate(-50%,-50%) scale(.5)}83%{top:25%;left:53%;transform:translate(-50%,-50%) scale(1)}91%{top:17%;left:49%;transform:translate(-50%,-50%) scale(.85)}97%,100%{top:13%;left:47%;transform:translate(-50%,-50%) scale(.5)}}@keyframes tf-double-racket-one{0%,3%,93%,100%{transform:rotate(30deg)}7%{transform:rotate(-18deg)}12%{transform:rotate(30deg)}}@keyframes tf-double-racket-three{0%,19%,25%,100%{transform:rotate(30deg)}22%{transform:rotate(-18deg)}28%{transform:rotate(30deg)}}@keyframes tf-double-racket-four{0%,43%,50%,100%{transform:rotate(-30deg)}47%{transform:rotate(18deg)}53%{transform:rotate(-30deg)}}@keyframes tf-double-racket-two{0%,69%,75%,100%{transform:rotate(-30deg)}72%{transform:rotate(18deg)}78%{transform:rotate(-30deg)}}
.tf-court-players.is-double-rally:after{animation:tf-double-rally-cross-court 3.8s linear infinite}.tf-court-players.is-double-rally .tf-court-player:nth-child(1) .tf-court-racket{animation:tf-double-racket-one-cross 3.8s ease-in-out infinite}.tf-court-players.is-double-rally .tf-court-player:nth-child(2) .tf-court-racket{animation:tf-double-racket-two-cross 3.8s ease-in-out infinite}.tf-court-players.is-double-rally .tf-court-player:nth-child(3) .tf-court-racket{animation:tf-double-racket-three-cross 3.8s ease-in-out infinite}.tf-court-players.is-double-rally .tf-court-player:nth-child(4) .tf-court-racket{animation:tf-double-racket-four-cross 3.8s ease-in-out infinite}@keyframes tf-double-rally-cross-court{0%,3%{top:13%;left:47%;transform:translate(-50%,-50%) scale(.5)}10%{top:35%;left:60%;transform:translate(-50%,-50%) scale(1)}18%{top:64%;left:72%;transform:translate(-50%,-50%) scale(1)}22%,25%{top:82%;left:74%;transform:translate(-50%,-50%) scale(.5)}33%{top:61%;left:64%;transform:translate(-50%,-50%) scale(1)}41%{top:44%;left:58%;transform:translate(-50%,-50%) scale(1)}47%,50%{top:32%;left:54%;transform:translate(-50%,-50%) scale(.5)}58%{top:41%;left:45%;transform:translate(-50%,-50%) scale(1)}66%{top:55%;left:34%;transform:translate(-50%,-50%) scale(1)}72%,75%{top:61%;left:28%;transform:translate(-50%,-50%) scale(.5)}83%{top:43%;left:32%;transform:translate(-50%,-50%) scale(1)}91%{top:25%;left:40%;transform:translate(-50%,-50%) scale(.9)}97%,100%{top:13%;left:47%;transform:translate(-50%,-50%) scale(.5)}}@keyframes tf-double-racket-one-cross{0%,3%,93%,100%{transform:rotate(30deg)}7%{transform:rotate(-18deg)}12%{transform:rotate(30deg)}}@keyframes tf-double-racket-three-cross{0%,19%,25%,100%{transform:rotate(30deg)}22%{transform:rotate(-18deg)}28%{transform:rotate(30deg)}}@keyframes tf-double-racket-two-cross{0%,44%,50%,100%{transform:rotate(-30deg)}47%{transform:rotate(18deg)}53%{transform:rotate(-30deg)}}@keyframes tf-double-racket-four-cross{0%,69%,75%,100%{transform:rotate(-30deg)}72%{transform:rotate(18deg)}78%{transform:rotate(-30deg)}}