:root{--cardWidth:95vw;--cardMinHeight:300px;--studyingCardFontSize:1.2em;--studyingCardProgressBarBackgoung:#e2e2e2}
.paper{background-color:var(--cardsBackgroundColor);position:relative;border:0}
.paper::before,.paper::after{content:"";position:absolute;height:100%}
.paper::before{left:2px;top:3px;width:99%;z-index:-1;border:1px solid var(--deck2card);background-color:var(--deck2card);border-spacing:30px 8px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px}
.paper::after{left:4px;top:8px;width:98%;z-index:-2;border:1px solid var(--deck3card);background-color:var(--deck3card);border-spacing:30px 8px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px}
.cardBackground{box-shadow:5px 5px 20px -10px var(--boxShadown);-webkit-box-shadow:5px 5px 20px -10px var(--boxShadown);-moz-box-shadow:5px 5px 20px -10px var(--boxShadown);border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;overflow:hidden}
.cardNormalBackground{background-color:var(--cardsBackgroundColor)!important}
.card{padding:30px!important;min-height:var(--cardMinHeight)!important;width:var(--cardWidth)!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;word-break:break-word}
.studyCard{height:calc(100vh - 215px);width:var(--cardWidth)!important;max-width:var(--cardWidth)!important;cursor:pointer;font:var(--main-font);font-size:var(--studyingCardFontSize)!important}
.cardProgress{width:var(--cardWidth)}
.cardProgress .ui-progressbar-value{background-color:unset!important}
.cardColumn{vertical-align:middle!important}
.cardInfo{display:inline-block;padding:15px 15px 0 15px;opacity:.5;overflow:auto}
.cardHeader{text-transform:uppercase;color:var(--main-color);display:inline-block;padding:15px}
.container{max-width:var(--cardWidth)!important;display:inline-block}
.cardsResult{border-collapse:collapse!important;width:300px;height:100px;overflow-y:auto;padding:0;border:1px solid #d8d8d8!important;white-space:unset}
.cardsResultGrid{height:var(--cardMinHeight)!important;overflow:auto!important;display:grid!important;width:unset!important;max-width:unset!important;white-space:unset;overflow-wrap:anywhere}
.cardsResultGridInsideDialog{box-shadow:5px 5px 20px -3px var(--boxShadown);-webkit-box-shadow:5px 5px 20px -3px var(--boxShadown);-moz-box-shadow:5px 5px 20px -3px var(--boxShadown)}
.deckTableSpacing{border-spacing:10px;text-align:left;margin:0 auto}
.deckColumnAlignRigth{text-align:right}
.deckColumnAlignCenter{text-align:center}
.ql-snow .ql-tooltip[data-mode=video]::before{content:"URL do video:"}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after{content:'Salvar'}
.ql-container{font:var(--main-font);font-size:var(--studyingCardFontSize)}
.maxLineEllipsis{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.maxLineEllipsisHeight{min-height:40px}
.flashCardsFooterButtons{width:auto!important;display:inline-flex!important;margin:8px 25px 8px 25px!important}
.popIn{-webkit-animation:popIn .5s cubic-bezier(1,0,1,1);animation:popIn .5s cubic-bezier(1,0,1,1);max-width:var(--cardWidth);margin-left:auto;margin-right:auto;display:flex;align-items:center;white-space:normal!important}
@keyframes popIn{from{transform:scale(1);opacity:0}
to{transform:scale(1);opacity:1}
}
.flip-vertical-left{-webkit-animation:flip-vertical-left .3s cubic-bezier(0.455,0.030,0.515,0.955) both;animation:flip-vertical-left .3s cubic-bezier(0.455,0.030,0.515,0.955) both}
@-webkit-keyframes flip-vertical-left{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
100%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}
}
@keyframes flip-vertical-left{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}
100%{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}
}
#io-overlay{position:absolute;z-index:3}
#io-original{position:relative;z-index:2}
#io-wrapper{position:relative}
.withoutPendencies{color:#016f2a;font-weight:bold;font-size:115%}
.answerButtons{margin:0!important;padding:5px 0 5px 0!important;-moz-border-radius:unset!important;-webkit-border-radius:unset!important;border-radius:unset!important;font-size:13px!important;text-transform:lowercase}
.wrongButton{background-color:#393b44!important;opacity:.8}
.wrongButton:hover{background-color:#393b44!important;opacity:1}
.hardButton{background-color:#d89032!important;opacity:.8}
.hardButton:hover{background-color:#d89032!important;opacity:1}
.goodButton{background-color:#588da8!important;opacity:.8}
.goodButton:hover{background-color:#588da8!important;opacity:1}
.cardImage{display:block;max-width:100%;overflow:auto;cursor:zoom-in;transition:width .5s ease-in-out}
@media(min-width :650px){.dotMenuFlashcards{display:none!important}
}
.qualityWarning{border:2px solid;border-color:#fb9a9a;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;padding:8px;font-size:small;margin:0 auto}
.deckWithoutPendingCards{opacity:.3}
.ratingColumn{display:inline-block}
.ui-chronoline-event-content{height:0}
.ui-chronoline-event-opposite{padding:0!important}
.level1,.level2,.level3,.level4,.level5{padding:12px;border-radius:6px;transition:all .3s ease}
.level1{border-left:4px solid #ec407a;background-color:#fce4ec}
.level2{border-left:4px solid #42a5f5;background-color:#e3f2fd}
.level3{border-left:4px solid #66bb6a;background-color:#e8f5e9}
.level4{border-left:4px solid #fdd835;background-color:#fffde7}
.current{box-shadow:0 0 10px #00000033;font-weight:bold;text-align:center}
.future{opacity:.4;filter:grayscale(0.6);text-align:center}
.passed{opacity:.7;filter:grayscale(0.6);text-align:center}
.mfPage{max-width:1180px;margin:0 auto;text-align:left}
.mfMuted{color:color-mix(in srgb,var(--normal-text-color) 65%,transparent)}
.mfLabel{display:block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--normal-text-color) 65%,transparent)}
.mfSpacer{flex:1}
.mfHidden{display:none!important}
.mfTop{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;margin:6px 0 16px}
.mfTop h1{margin:0;font-size:26px}
.mfTop p{margin:2px 0 0}
.mfTopActions{display:flex;flex-wrap:wrap;gap:8px}
.mfTopActions .ui-button,.mfTools .ui-button,.mfToolbar .ui-button{margin:0!important}
.mfCard{background:var(--cardsBackgroundColor);border-radius:16px;padding:18px;box-shadow:0 1px 2px rgba(20,30,50,.08),0 6px 20px rgba(20,30,50,.05)}
.mfTabs.ui-tabs .ui-tabs-panels{margin-top:14px!important;padding:0!important}
.mfBadge{min-width:22px;padding:1px 7px;border-radius:999px;background:#d44562;color:#fff;font-size:12px;text-align:center}
.mfSeg.ui-selectonebutton,span.mfSeg{display:inline-flex;padding:3px;border-radius:999px;background:var(--selectonebuttonBackground);gap:2px}
.mfSeg.ui-selectonebutton .ui-button,span.mfSeg button{border:0!important;border-radius:999px!important;padding:6px 14px!important;font-size:13px;font-weight:700;background:transparent!important;box-shadow:none!important;color:color-mix(in srgb,var(--normal-text-color) 70%,transparent)!important;cursor:pointer}
.mfSeg.ui-selectonebutton .ui-button.ui-state-active,span.mfSeg button[aria-pressed="true"]{background:var(--cardsBackgroundColor)!important;color:var(--main-color)!important;box-shadow:0 1px 2px rgba(20,30,50,.15)!important}
.mfChip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;border:1px solid var(--dataGridInsideBorderColor);background:var(--cardsBackgroundColor);color:var(--normal-text-color);font-weight:700;font-size:13px;cursor:pointer}
.mfChip[aria-pressed="true"]{background:color-mix(in srgb,var(--main-color) 14%,transparent);border-color:var(--main-color);color:var(--main-color)}
.mfSelect{padding:7px 12px;border-radius:999px;border:1px solid var(--dataGridInsideBorderColor);background:var(--cardsBackgroundColor);color:var(--normal-text-color);font-weight:600}
.mfHero{display:grid;grid-template-columns:1.7fr 1fr;gap:16px}
@media(max-width:880px){.mfHero{grid-template-columns:1fr}
}
.mfToday{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}
@media(max-width:560px){.mfToday{grid-template-columns:1fr;justify-items:center;text-align:center}
}
.mfRing{position:relative;width:132px;height:132px}
.mfRing svg{width:100%;height:100%;transform:rotate(-90deg)}
.mfRingTrack,.mfRingArc{fill:none;stroke-width:12}
.mfRingTrack{stroke:var(--selectonebuttonBackground)}
.mfRingArc{stroke:var(--main-color);stroke-linecap:round}
.mfRingCenter{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;line-height:1.15}
.mfRingCenter b{font-size:30px}
.mfRingCenter span{font-size:11.5px;font-weight:700;color:color-mix(in srgb,var(--normal-text-color) 65%,transparent)}
.mfTodayMain{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0}
@media(max-width:560px){.mfTodayMain{align-items:center}
}
.mfTodayTitle{margin:4px 0 0;font-size:22px}
.mfQueues{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 8px}
.mfQueue{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border-radius:12px;background:var(--selectonebuttonBackground);font-weight:700}
.mfQueue b{font-size:18px;font-variant-numeric:tabular-nums}
.mfQueue span{font-size:12.5px;font-weight:600;color:color-mix(in srgb,var(--normal-text-color) 65%,transparent)}
.mfLock{color:color-mix(in srgb,var(--normal-text-color) 55%,transparent);font-size:15px}
.mfCta.ui-splitbutton .ui-button{font-size:16px;font-weight:700;padding:11px 20px}
.mfCta.ui-splitbutton .ui-button:first-child{border-radius:999px 0 0 999px}
.mfCta.ui-splitbutton .ui-splitbutton-menubutton{border-radius:0 999px 999px 0}
.mfMastery{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.mfBig{font-size:40px;font-weight:700;line-height:1}
.mfBig small{font-size:18px}
.mfBigLocked{color:color-mix(in srgb,var(--normal-text-color) 45%,transparent)}
.mfMasteryBar.ui-progressbar{height:10px;border-radius:999px;width:100%;overflow:hidden}
.mfMasteryBar.ui-progressbar .ui-progressbar-value{border-radius:999px}
.mfMasteryBar.ui-progressbar .ui-progressbar-label{display:none}
.mfLinkBtn{display:inline-flex;align-items:center;gap:6px;border:0;background:0;padding:0;color:var(--main-color);font-weight:700;line-height:1.2;cursor:pointer}
.mfLinkBtn .pi{font-size:13px;line-height:1}
.mfTools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:22px 0 12px}
.mfTools h2{margin:0 8px 0 0;font-size:19px}
.mfSearch{position:relative;display:inline-block;flex:1 1 220px;max-width:360px}
.mfSearch .ui-inputnumber{display:block;width:100%}
.mfSearch .ui-inputnumber+.pi,.mfSearch>.pi:has(+.ui-inputnumber){position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;z-index:1;pointer-events:none}
.mfSearch .ui-inputnumber input{width:100%!important;box-sizing:border-box!important;border-radius:999px!important;padding:8px 14px 8px 34px!important}
.mfToolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:8px}
.mfDecks{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.mfDeck{display:flex;flex-direction:column;gap:10px;padding:16px;min-width:0}
.mfDeckDone{opacity:.8}
.mfDeckHead{display:flex;gap:8px;align-items:flex-start}
.mfDeckTitle{flex:1;min-width:0;display:flex;flex-direction:column}
.mfDeckId{font-size:11.5px;font-weight:700;color:color-mix(in srgb,var(--normal-text-color) 60%,transparent)}
.mfDeckName{font-weight:700;font-size:15.5px;line-height:1.3;overflow-wrap:anywhere}
.mfDeckSub{font-size:12.5px;color:color-mix(in srgb,var(--normal-text-color) 62%,transparent);margin-top:2px}
.mfIconBtn.ui-menubutton .ui-button,.mfIconBtn.ui-button,a.mfIconBtn{width:32px;height:32px;padding:0!important;border-radius:50%!important;border:0!important;background:transparent!important;box-shadow:none!important;color:color-mix(in srgb,var(--normal-text-color) 65%,transparent)!important;display:inline-flex;align-items:center;justify-content:center}
.mfIconBtn.ui-menubutton .ui-button:hover,a.mfIconBtn:hover{background:var(--selectonebuttonBackground)!important}
a.mfIconBtnDanger{color:#e74c3c!important}
.mfCounts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.mfCounts>div{text-align:center;padding:6px 2px;border-radius:10px;background:var(--selectonebuttonBackground);min-width:0}
.mfCounts b{display:block;font-size:18px;line-height:1.1;font-variant-numeric:tabular-nums}
.mfCounts span{display:block;font-size:10.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:color-mix(in srgb,var(--normal-text-color) 62%,transparent)}
.mfCounts .mfZero b{opacity:.45;font-weight:600}
.mfMasteryRow{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700}
.mfMasteryRow .ui-progressbar,.mfMasteryRow>a,.mfMasteryRow>div{flex:1}
.mfDeckFoot{display:flex;align-items:center;gap:8px;margin-top:auto}
.mfDeckBtn.ui-button{flex:1;justify-content:center;border-radius:999px!important;font-weight:700}
.mfDeckBtnGhost.ui-button{flex:0 0 auto;background:transparent!important;color:var(--main-color)!important;border:1.5px solid var(--main-color)!important}
.mfDone{flex:1;color:#1e821e;font-weight:700}
.mfEye{vertical-align:sub}
.mfNoResult{display:none;text-align:center;padding:28px;margin-top:12px}
.mfNoResult.mfShow{display:block}
.mfNoResult b,.mfNoResult span{display:block}
.mfActionsRow{display:flex;justify-content:center;margin:22px 0 6px}
.mfEmpty{text-align:center;padding:36px 18px}
.mfEmpty h2{margin:0 0 8px}
.mfDecks.mfViewList{grid-template-columns:1fr;gap:8px}
.mfViewList .mfDeck{display:grid;grid-template-columns:minmax(180px,1fr) minmax(210px,auto) minmax(150px,220px) auto;align-items:center;gap:14px;padding:10px 14px}
.mfViewList .mfDeckHead{display:contents}
.mfViewList .mfDeckTitle{grid-column:1}
.mfViewList .mfDeckHead .ui-menubutton{grid-column:4;grid-row:1;justify-self:end}
.mfViewList .mfCounts{grid-column:2;grid-row:1}
.mfViewList .mfMasteryRow{grid-column:3;grid-row:1}
.mfViewList .mfDeckFoot{display:none}
.mfViewList .mfDeckSub{display:none}
@media(max-width:760px){.mfViewList .mfDeck{grid-template-columns:1fr auto}
.mfViewList .mfCounts,.mfViewList .mfMasteryRow{grid-column:1 / -1;grid-row:auto}
}
.mfSuspended{margin-top:22px}
.mfSuspended summary{cursor:pointer;font-weight:700;font-size:16px;padding:10px 0;list-style:none;display:flex;gap:8px;align-items:center}
.mfSuspended summary::-webkit-details-marker{display:none}
.mfSuspended details[open] .mfChev{transform:rotate(90deg)}
.mfSuspended details>p{margin:2px 0 16px}
.mfChev{transition:transform .15s;font-size:12px}
.mfSusRow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;margin-bottom:8px}
.mfSusName{flex:1 1 240px;font-weight:700;display:flex;flex-direction:column}
.mfSusRow .mfDeckBtn.ui-button{flex:0 0 auto}
.mfLockedTab{text-align:center;padding:40px 20px}
.mfLockedIcon{font-size:30px;color:color-mix(in srgb,var(--normal-text-color) 45%,transparent)}
.mfLockedTab p{max-width:520px;margin:0 auto 16px}
.mfFilters{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin-bottom:16px}
.mfFilterField{display:inline-flex;align-items:center;gap:6px;min-width:200px;flex:1 1 220px;max-width:360px}
.mfFilterField .ui-autocomplete{flex:1}
.mfFilterNote{font-size:12.5px;flex:1 1 100%}
.mfKpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:16px}
.mfKpiValue{font-size:30px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}
.mfSection{margin-bottom:16px}
.mfSection h2{margin:0 0 8px;font-size:17px}
.mfSection>p.mfMuted{margin:-2px 0 10px}
.mfInfo{margin-left:4px}
.mfDetails summary{cursor:pointer;font-weight:700;color:var(--main-color);margin:6px 0}
.mfCharts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}
.mfCharts .mfSection{margin-bottom:0;min-width:0}
.mfCharts .mfWide{grid-column:1 / -1}
@media(max-width:880px){.mfCharts{grid-template-columns:1fr}
}
.mfFocusRow{display:grid;grid-template-columns:1fr auto minmax(110px,200px) 42px;align-items:center;gap:12px;padding:10px 12px;margin-bottom:8px;border-radius:12px;background:var(--selectonebuttonBackground)}
@media(max-width:600px){.mfFocusRow{grid-template-columns:1fr}
}
.mfWeek{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:120px;align-items:end}
.mfDay{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:4px;font-size:12px;font-weight:700;color:color-mix(in srgb,var(--normal-text-color) 62%,transparent)}
.mfDay em{font-style:normal;color:var(--normal-text-color)}
.mfDayBar{width:100%;max-width:36px;border-radius:8px 8px 4px 4px;background:color-mix(in srgb,var(--main-color) 35%,transparent);min-height:2px}
.mfDayToday .mfDayBar{background:var(--main-color)}
.mfH0{height:2px}
.mfH1{height:10%}
.mfH2{height:20%}
.mfH3{height:30%}
.mfH4{height:40%}
.mfH5{height:50%}
.mfH6{height:60%}
.mfH7{height:70%}
.mfH8{height:80%}
.mfH9{height:90%}
.mfH10{height:100%}
.mfAdvanced{display:none;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:6px 0 14px}
.mfAdvanced.mfShow{display:grid}
.mfAdvanced .mfSearch{max-width:none;flex:none}
.mfAgenda{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;align-items:start}
@media(max-width:880px){.mfAgenda{grid-template-columns:1fr}
}
.mfAgenda .mfSection{margin-bottom:0;min-width:0}
.mfDayPanel .mfBig{margin:4px 0}
.mfDayDecks{margin-top:8px}
.mfDayDeck{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--datatableRowsDivision);font-size:13.5px}
.mfDayDeck b{flex:0 0 auto}
.mfDayCta{display:none;margin-top:14px}
.mfDayIsToday .mfDayCta{display:block}
.mfDayCta .ui-button{width:100%;justify-content:center}
.mfStickyCta{display:none}
@media(max-width:700px){.mfStickyCta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:90;padding:10px 16px;background:var(--bg-color);border-top:1px solid var(--datatableRowsDivision)}
.mfStickyBtn.ui-button{width:100%;justify-content:center;border-radius:999px!important;padding:13px!important;font-size:16px;font-weight:700}
.mfPage{padding-bottom:70px}
}
@media(display-mode:standalone) and (max-width:700px){.mfStickyCta{bottom:var(--cabecalhoHeight)}
}
.mfPage .ui-button{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;height:auto!important;margin:0!important;line-height:1.35}
.mfPage .ui-button .ui-icon,.mfPage .ui-button .ui-button-icon-left{position:static!important;margin:0!important;width:auto!important;height:auto!important;text-indent:0!important;font-size:13px}
.mfPage .ui-button .ui-button-text{padding:0!important;margin:0!important}
.mfTopActions .ui-button,.mfTools .ui-button,.mfToolbar .ui-button,.mfActionsRow .ui-button{padding:7px 16px!important;border-radius:999px!important;font:700 13px var(--main-font)!important}
.mfTopActions .ui-button,.mfActionsRow .ui-button{background-color:transparent!important;color:var(--main-color)!important;border:1.5px solid var(--main-color)!important}
.mfToolbar .participateButton.ui-button{background-color:var(--main-color)!important;color:#fff!important}
.mfDeckBtn.ui-button{padding:8px 14px!important;font:700 13px var(--main-font)!important}
.mfDeckBtnGhost.ui-button{flex:0 0 auto}
.mfBadge{margin-left:6px;font:700 12px var(--main-font)}
.mfSeg.ui-selectonebutton,span.mfSeg{border-radius:999px!important;background:var(--selectonebuttonBackground)!important;border:0!important;overflow:hidden}
.mfSeg.ui-selectonebutton .ui-button:not(.ui-state-active):not(.ui-state-hover){background-color:transparent!important;border-color:transparent!important}
.mfSeg.ui-selectonebutton .ui-button.ui-state-hover:not(.ui-state-active){background-color:transparent!important;border-color:transparent!important}
.mfSeg.ui-selectonebutton .ui-button.ui-state-active{background-color:var(--cardsBackgroundColor)!important;border-color:transparent!important;color:var(--main-color)!important}
.mfSeg.ui-selectonebutton .ui-button{flex:0 0 auto!important}
.mfCta.ui-splitbutton{display:inline-flex!important;align-items:stretch;gap:1px}
.mfCta.ui-splitbutton .ui-button{margin:0!important;padding:11px 22px!important;font:700 15px var(--main-font)!important;border-radius:0!important}
.mfCta.ui-splitbutton .ui-button:first-child{border-radius:999px 0 0 999px!important}
.mfCta.ui-splitbutton .ui-splitbutton-menubutton{padding:11px 14px!important;border-radius:0 999px 999px 0!important}
.mfMasteryBar.ui-progressbar{height:10px!important;border-radius:999px!important;background-color:var(--selectonebuttonBackground)!important}
.mfMasteryBar.ui-progressbar .ui-progressbar-value{border-radius:999px!important}
.mfMasteryBar.ui-progressbar .ui-progressbar-label{display:none!important}
.mfPct{min-width:40px;text-align:right;font-size:12.5px;font-weight:700}
.mfMasteryRow .mfMasteryBar{flex:1}
.mfMastery{justify-content:center}
.mfPage,.mfCalWrap{--mfNew:#29acde;--mfLearning:#d44562;--mfDue:#00ae84;--mfMature:#00693f}
[data-theme="dark"] .mfPage,[data-theme="dark"] .mfCalWrap{--mfMature:#3fcf9a}
.mfCalHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.mfCalNav{display:flex;align-items:center;gap:8px}
.mfCalTitle{min-width:150px;text-align:center;font-size:17px}
.mfCalBtn{width:34px;height:34px;border:0;border-radius:50%;background:var(--selectonebuttonBackground);color:var(--normal-text-color);cursor:pointer}
.mfCalBtn:hover{background:var(--selectonebuttonBackgroundHover)}
.mfCal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.mfCalDow{text-align:center;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:color-mix(in srgb,var(--normal-text-color) 55%,transparent);padding-bottom:2px}
.mfCalDay{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:78px;padding:7px 8px 8px;border:2px solid transparent;border-radius:14px;background:var(--selectonebuttonBackground);color:var(--normal-text-color);font:inherit;text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}
.mfCalDay:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(20,30,50,.14)}
.mfCalDay small{align-self:flex-start;min-width:20px;padding:1px 4px;border-radius:999px;text-align:center;font-size:12px;font-weight:700;color:color-mix(in srgb,var(--normal-text-color) 60%,transparent)}
.mfCalDay b{font-size:20px;line-height:1;font-variant-numeric:tabular-nums}
.mfCalBar{display:flex;height:6px;margin-top:6px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--normal-text-color) 10%,transparent)}
.mfCalBar i{display:block;height:100%}
.mfSeg1{background:var(--mfNew)}
.mfSeg2{background:var(--mfLearning)}
.mfSeg3{background:var(--mfDue)}
.mfSeg4{background:var(--mfMature)}
.mfHeat1{background:color-mix(in srgb,var(--main-color) 8%,var(--cardsBackgroundColor))}
.mfHeat2{background:color-mix(in srgb,var(--main-color) 15%,var(--cardsBackgroundColor))}
.mfHeat3{background:color-mix(in srgb,var(--main-color) 23%,var(--cardsBackgroundColor))}
.mfHeat4{background:color-mix(in srgb,var(--main-color) 32%,var(--cardsBackgroundColor))}
.mfHeat5{background:color-mix(in srgb,var(--main-color) 42%,var(--cardsBackgroundColor))}
.mfCalPast{opacity:.55}
.mfCalToday small{background:var(--main-color);color:#fff}
.mfCalSel{border-color:var(--main-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--main-color) 22%,transparent)}
.mfCalLegend{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin-top:14px;font-size:12.5px;font-weight:600;color:color-mix(in srgb,var(--normal-text-color) 65%,transparent)}
.mfCalLegend>span{display:inline-flex;align-items:center;gap:6px}
.mfHeatScale i{display:inline-block;width:18px;height:12px;border-radius:4px}
.mfDot{display:inline-block;width:9px;height:9px;border-radius:50%}
@media(max-width:560px){.mfCal{gap:4px}
.mfCalDay{min-height:58px;padding:5px;border-radius:10px}
.mfCalDay b{font-size:14px}
.mfCalBar{height:4px}
.mfCalTitle{min-width:0}
}
.mfWeekHead{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mfWeekHead h2{margin:0 0 8px;font-size:17px}
.mfWeekCard{margin:16px 0 0}
.mfDayLoading .mfDayBar{background:var(--selectonebuttonBackground)!important;animation:mfPulse 1.2s ease-in-out infinite}
@keyframes mfPulse{0%{opacity:.5}
50%{opacity:1}
100%{opacity:.5}
}
@media(prefers-reduced-motion:reduce){.mfDayLoading .mfDayBar{animation:none}
}
.mfOnboard{padding:26px}
.mfOnboard h2{margin:0 0 6px;font-size:22px}
.mfOnboard>p{max-width:680px;margin:0 0 18px}
.mfHow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
@media(max-width:760px){.mfHow{grid-template-columns:1fr}
}
.mfHowStep{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;background:var(--selectonebuttonBackground)}
.mfHowStep .pi{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--main-color) 14%,transparent);color:var(--main-color);font-size:17px}
.mfHowStep span{font-size:13.5px;color:color-mix(in srgb,var(--normal-text-color) 70%,transparent)}
.mfOnboardActions{display:flex;flex-wrap:wrap;gap:8px}
.mfPage .ui-button.mfPrimary{padding:9px 20px!important;border-radius:999px!important;font:700 14px var(--main-font)!important;background-color:var(--main-color)!important;color:#fff!important;border:1.5px solid var(--main-color)!important}
.mfPage .ui-button.mfGhost{padding:9px 20px!important;border-radius:999px!important;font:700 14px var(--main-font)!important;background-color:transparent!important;color:var(--main-color)!important;border:1.5px solid var(--main-color)!important}
.mfEmpty p{max-width:560px;margin:0 auto 16px}
.mfDay .mfDayBar{display:block}
.mfPage{--mfL0:#ec407a;--mfL1:#42a5f5;--mfL2:#4caf50;--mfL3:#f5b700}
.mfLevelNow{margin:0 0 14px}
.mfLevelPill{display:inline-block;padding:1px 10px;border-radius:999px;font-weight:700;color:#fff}
.mfLevelL0{background:var(--mfL0)}
.mfLevelL1{background:var(--mfL1)}
.mfLevelL2{background:var(--mfL2)}
.mfLevelL3{background:var(--mfL3);color:#3d2f00}
.mfSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:880px){.mfSteps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){.mfSteps{grid-template-columns:1fr}
}
.mfStep{display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:14px;border-top:4px solid var(--mfStepColor);background:color-mix(in srgb,var(--mfStepColor) 9%,var(--cardsBackgroundColor));text-align:left}
.mfStep b{font-size:15px}
.mfStep small{font-weight:700;opacity:.7}
.mfStep span{margin-top:6px;font-size:12.5px;line-height:1.45;color:color-mix(in srgb,var(--normal-text-color) 72%,transparent)}
.mfStepL0{--mfStepColor:var(--mfL0)}
.mfStepL1{--mfStepColor:var(--mfL1)}
.mfStepL2{--mfStepColor:var(--mfL2)}
.mfStepL3{--mfStepColor:var(--mfL3)}
.mfStepDone{opacity:.78}
.mfStepNow{background:var(--mfStepColor);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--mfStepColor) 40%,transparent)}
.mfStepL3.mfStepNow{color:#3d2f00}
.mfStepNow b,.mfStepNow small,.mfStepNow span{color:inherit}
.mfStepNow span{opacity:.92}
.mfDrop{position:relative;display:inline-block}
.mfDropBtn{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 14px;border-radius:999px;border:1px solid var(--dataGridInsideBorderColor);background:var(--cardsBackgroundColor);color:var(--normal-text-color);font:700 13px var(--main-font);cursor:pointer}
.mfDropBtn .pi{font-size:12px}
.mfDropChev{color:color-mix(in srgb,var(--normal-text-color) 55%,transparent);transition:transform .15s ease}
.mfDropBtn[aria-expanded="true"] .mfDropChev{transform:rotate(180deg)}
.mfDropMenu{display:none;position:absolute;top:100%;left:0;margin-top:6px;min-width:210px;padding:6px;border-radius:14px;border:1px solid var(--dataGridInsideBorderColor);background:var(--cardsBackgroundColor);box-shadow:0 10px 34px rgba(0,0,0,.2);z-index:60}
.mfDropMenu.mfOpen{display:block}
.mfDropMenu button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:9px 12px;border:0;border-radius:10px;background:0;color:var(--normal-text-color);font:600 13.5px var(--main-font);text-align:left;cursor:pointer}
.mfDropMenu button:hover{background:var(--selectonebuttonBackground)}
.mfDropMenu button .pi{visibility:hidden;font-size:12px;color:var(--main-color)}
.mfDropMenu button[aria-selected="true"]{color:var(--main-color)}
.mfDropMenu button[aria-selected="true"] .pi{visibility:visible}
.mfStats{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.mfStats>div{flex:1 1 140px;padding:12px 14px;border-radius:14px;background:var(--selectonebuttonBackground);text-align:center}
.mfStats b{display:block;font-size:22px;line-height:1.2;font-variant-numeric:tabular-nums}
.mfStats span{font-size:12.5px;font-weight:600;color:color-mix(in srgb,var(--normal-text-color) 65%,transparent)}