.t5-schedule-card{height:500px;border:1px solid #303034;border-radius:22px;background:#151517;overflow:hidden;position:relative;color:#f4f4f4}
.t5-schedule-card button{font:inherit;color:inherit;cursor:pointer}
.t5-schedule-card__goal{height:126px;padding:17px 18px 13px;border-bottom:1px solid #37373b;background:#19191b}
.t5-schedule-card__goal-head{height:26px;display:flex;align-items:center}
.t5-schedule-card__goal-head>span{font-size:10px;font-weight:800;letter-spacing:.15em;color:#a6a6aa}
.t5-schedule-card__goal-head>button{margin-left:auto;border:1px solid #5b5b60;border-radius:12px;background:#141416;padding:3px 9px;font-size:10px;color:#d0d0d3}
.t5-schedule-card__metrics{height:69px;display:grid;grid-template-columns:1.65fr repeat(3,1fr);gap:4px}
.t5-schedule-card__metrics>div{border-left:1px solid #3b3b3f;padding:5px 5px 0}
.t5-schedule-card__metrics>div:first-child{border-left:0;padding-left:0}
.t5-schedule-card__metrics span,.t5-schedule-card__metrics b,.t5-schedule-card__metrics small{display:block}
.t5-schedule-card__metrics span{font-size:9px;color:#919196}
.t5-schedule-card__metrics b{font-size:15px;margin:2px 0 1px;white-space:nowrap}
.t5-schedule-card__metrics .main b{font-size:17px;display:flex;align-items:baseline;gap:3px}.t5-schedule-card__metrics .main b small{font-size:10px;color:#b5b5ba}
.t5-schedule-card__metrics small{font-size:8px;color:#a3a3a8;white-space:nowrap}
.t5-schedule-card__goal-progress{display:block;width:100%;height:6px;margin:3px 0 4px;border-radius:6px;background:#424247;overflow:hidden}.t5-schedule-card__goal-progress em{display:block;height:100%;border-radius:inherit;background:#f1f1f2}
.t5-schedule-card__metrics .subgoal{display:flex;flex-direction:column;align-items:center}.t5-schedule-card__metrics .subgoal>span{align-self:flex-start}.t5-schedule-card__subgoal-progress{--progress:0;position:relative;width:31px;height:31px;margin:1px 0 2px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#f1f1f2 calc(var(--progress) * 1%),#44444a 0)}.t5-schedule-card__subgoal-progress::before{content:"";position:absolute;inset:4px;border-radius:50%;background:#19191b}.t5-schedule-card__subgoal-progress em{position:relative;z-index:1;font-size:7px;font-style:normal;font-weight:800;color:#e7e7e9}.t5-schedule-card__metrics .subgoal>small{font-size:7px}
.t5-schedule-card__dates{height:61px;display:grid;grid-template-columns:minmax(0,1fr) 43px;gap:5px;align-items:center;padding:7px 10px;border-bottom:1px solid #37373b;background:#121214}
.t5-schedule-card__dates-track{min-width:0;display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;cursor:grab;user-select:none}.t5-schedule-card__dates-track.dragging{cursor:grabbing;scroll-snap-type:none}.t5-schedule-card__dates-track::-webkit-scrollbar{display:none}
.t5-schedule-card__dates-track>button{flex:0 0 43px;height:43px;border:0;background:transparent;border-radius:20px;text-align:center;padding:3px 0;scroll-snap-align:center}
.t5-schedule-card__dates span,.t5-schedule-card__dates b{display:block}
.t5-schedule-card__dates span{font-size:8px;color:#838388}
.t5-schedule-card__dates b{font-size:13px;margin-top:2px}
.t5-schedule-card__dates-track>button.selected{background:#f1f1f2;color:#111113}.t5-schedule-card__dates-track>button.today:not(.selected){box-shadow:inset 0 0 0 1px #77777c}
.t5-schedule-card__dates-track>button.selected span{color:#444448}
.t5-schedule-card__dates>button.all{width:43px;height:43px;border:1px solid #58585d;background:#151517;border-radius:6px;font-size:10px}.t5-schedule-card__dates>button.all.selected{background:#f1f1f2;color:#111113}
.t5-schedule-card__workspace{height:313px;display:grid;grid-template-columns:72px 1fr}
.t5-schedule-card__tabs{border-right:1px solid #3d3d41;background:#101012;display:grid;grid-template-rows:1fr 1fr 52px}
.t5-schedule-card__tabs>button{border:0;border-bottom:1px solid #3d3d41;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#88888d}
.t5-schedule-card__tabs>button.on{background:#29292d;color:#f4f4f4;box-shadow:inset 3px 0 0 #eeeeef}
.t5-schedule-card__tabs>button:last-child{border-bottom:0}
.t5-schedule-card__tabs i{font-style:normal;font-size:13px}
.t5-schedule-card__tabs span{font-size:11px}
.t5-schedule-card__tabs>button:last-child span{font-size:9px}
.t5-schedule-card__body{min-width:0;overflow:hidden;background:#171719}
.t5-schedule-card__empty{height:100%;padding:28px 23px;display:flex;flex-direction:column}
.t5-schedule-card__empty>span{font-size:10px;color:#929297;letter-spacing:.08em}
.t5-schedule-card__empty h3{font-size:18px;margin:10px 0 5px}
.t5-schedule-card__empty p{font-size:11px;color:#8f8f94;margin:0}
.t5-schedule-card__empty>button{height:128px;margin-top:23px;border:1px dashed #6b6b70;border-radius:12px;background:#1d1d20;display:grid;grid-template-columns:50px 1fr;grid-template-rows:1fr 1fr;text-align:left;padding:25px 24px;align-items:center}
.t5-schedule-card__empty>button i{grid-row:1/3;width:42px;height:42px;border:1px solid #77777c;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:22px}
.t5-schedule-card__empty>button b{font-size:16px;align-self:end}
.t5-schedule-card__empty>button small{font-size:10px;color:#97979c;align-self:start;margin-top:5px}
.t5-schedule-card__scheduled{height:100%;padding:12px 14px 0;display:flex;flex-direction:column}.t5-schedule-card__scheduled>header{height:30px;display:flex;align-items:start;padding:0 3px}.t5-schedule-card__scheduled>header span{font-size:9px;color:#9a9a9f;letter-spacing:.08em}.t5-schedule-card__scheduled>header b{margin-left:auto;font-size:9px;color:#a9a9ae}.t5-schedule-card__course-list{flex:1;min-height:0;overflow-y:auto;padding-right:5px;padding-bottom:12px;display:grid;grid-auto-rows:max-content;gap:8px}.t5-schedule-card__course-list::-webkit-scrollbar{width:5px}.t5-schedule-card__course-list::-webkit-scrollbar-thumb{background:#69696e;border-radius:4px}
.t5-schedule-card__course{min-height:102px;border:1px solid #4d4d52;border-radius:9px;background:#1e1e21;text-align:left;padding:10px 12px}.t5-schedule-card__course:hover{border-color:#bdbdc1}.t5-schedule-card__course>header{display:flex;align-items:center}.t5-schedule-card__course>header>b{margin-left:auto;font-size:8px;color:#99999e}.t5-schedule-card__course-status{border:1px solid;border-radius:10px;padding:3px 7px;font-size:8px;font-weight:900;letter-spacing:.06em}.t5-schedule-card__course-status.not-start{border-color:#77777c;background:#2a2a2e;color:#e4e4e6}.t5-schedule-card__course-status.done{border-color:#6f9b77;background:#27422d;color:#d7eedb}.t5-schedule-card__course h3{font-size:14px;margin:8px 0}.t5-schedule-card__course>div{display:flex;gap:5px}.t5-schedule-card__course>div span{border:1px solid #444449;border-radius:10px;padding:3px 6px;font-size:7px;color:#a6a6ab}.t5-schedule-card__course>div b{font-size:8px;color:#eeeef0}
.t5-schedule-card__add{min-height:72px;border:1px dashed #67676c;border-radius:9px;background:#1b1b1e;display:flex;align-items:center;padding:10px 14px;text-align:left}.t5-schedule-card__add>i{width:34px;height:34px;border:1px solid #77777c;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:18px;margin-right:11px}.t5-schedule-card__add>div b,.t5-schedule-card__add>div small{display:block}.t5-schedule-card__add>div b{font-size:12px}.t5-schedule-card__add>div small{font-size:8px;color:#929297;margin-top:3px}
.t5-schedule-card__course-status.miss{border-color:#a96464;background:#452828;color:#f1d1d1}
.t5-schedule-card__course-status.coming{border-color:#64717f;background:#26303a;color:#d8e0e8}
.t5-schedule-card__free-list{height:100%;padding:14px 15px;display:grid;gap:7px;overflow-y:auto}
.t5-schedule-card__free-list>button{height:48px;border:1px solid #48484d;border-radius:8px;background:#1d1d20;display:grid;grid-template-columns:34px 1fr 20px;align-items:center;text-align:left;padding:0 12px}
.t5-schedule-card__free-list>button i{width:25px;height:25px;border:1px solid #55555b;border-radius:50%;display:grid;place-items:center;font-size:8px;font-style:normal;color:#9e9ea3}
.t5-schedule-card__free-list>button b{font-size:13px}
.t5-schedule-card__free-list>button b small{display:block;margin-top:2px;font-size:8px;font-weight:500;color:#8f8f95}
.t5-schedule-card__free-list>button span{font-size:14px;color:#a0a0a5}
.t5-schedule-card__future-rule{min-height:44px;border:1px solid #4d5964;border-radius:8px;background:#20272d;padding:8px 11px;display:flex;flex-direction:column;justify-content:center}.t5-schedule-card__future-rule b{font-size:10px;color:#e1e5e9}.t5-schedule-card__future-rule span{margin-top:3px;font-size:8px;line-height:1.35;color:#a9b2ba}.t5-schedule-card__free-list--future>button{height:44px}
