.yoji-stats{--color-background: 228, 234, 238;--color-foreground: 58, 68, 74;--color-button: 74, 101, 114;--color-button-text: 255, 255, 255;--focused-base-outline: .2rem solid rgba(var(--color-foreground), .5);--focused-base-box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3);color:rgb(var(--color-foreground));max-width:720px}.yoji-stats__header{text-align:center;margin-bottom:1.5rem}.yoji-stats__eyebrow{font-size:15px;color:rgba(var(--color-foreground),.6);margin:0 0 4px}.yoji-stats__title{font-size:24px;font-weight:500;margin:0}.yoji-stats__tabs{display:flex;flex-wrap:wrap;border:1px solid rgba(var(--color-foreground),.15);border-radius:var(--buttons-radius-outset, 4px);overflow:hidden;margin-bottom:1.5rem}.yoji-stats__tab{flex:1;min-width:60px;padding:10px 0;border:none;border-right:1px solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background));color:rgba(var(--color-foreground),.6);font-size:16px;cursor:pointer}.yoji-stats__tab:last-child{border-right:none}.yoji-stats__tab.is-active{background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-weight:500}@media screen and (max-width:480px){.yoji-stats__tabs{display:grid;grid-template-columns:repeat(3,1fr)}.yoji-stats__tab{border-bottom:1px solid rgba(var(--color-foreground),.15)}.yoji-stats__tab:nth-child(3n){border-right:none}.yoji-stats__tab:nth-last-child(-n+3){border-bottom:none}}.yoji-stats__loading,.yoji-stats__message{font-size:17px;color:rgba(var(--color-foreground),.7);text-align:center;padding:2rem 0}.yoji-stats__section-label{font-size:17px;color:rgba(var(--color-foreground),.65);margin:2rem 0 10px}.yoji-stats__section-label:first-child{margin-top:0}.yoji-stats__metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.yoji-stats__badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.yoji-stats__badge{font-size:13px;padding:4px 10px;border-radius:20px;border:1px solid rgba(var(--color-foreground),.15);color:rgba(var(--color-foreground),.4)}.yoji-stats__badge.is-earned{border-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground));font-weight:500}.yoji-stats__metric-card{background:rgba(var(--color-foreground),.05);border-radius:10px;padding:.9rem 1rem}.yoji-stats__metric-label{font-size:14px;color:rgba(var(--color-foreground),.6);margin:0 0 4px}.yoji-stats__metric-value{font-size:23px;font-weight:500;margin:0}.yoji-stats__metric-value span{font-size:15px;font-weight:400;color:rgba(var(--color-foreground),.55)}.yoji-stats__metric-sub{font-size:14px;color:rgba(var(--color-foreground),.5);margin:4px 0 0}.yoji-stats__levels{display:flex;gap:8px;flex-wrap:wrap}.yoji-stats__level-card{flex:1;min-width:80px;border:1px solid rgba(var(--color-foreground),.15);border-radius:10px;padding:10px 8px;text-align:center;cursor:pointer;background:rgb(var(--color-background))}.yoji-stats__level-card.is-active{border:2px solid rgb(var(--color-foreground))}.yoji-stats__level-card-label{font-size:14px;color:rgba(var(--color-foreground),.6);margin:0 0 4px}.yoji-stats__level-card-value{font-size:17px;font-weight:500;margin:0}.yoji-stats__level-card-value.is-empty{color:rgba(var(--color-foreground),.4);font-weight:400;font-size:15px}.yoji-stats__readiness-box{background:rgba(var(--color-foreground),.05);border-radius:10px;padding:1rem 1.1rem}.yoji-stats__readiness-message{font-size:16px;line-height:1.6;margin:0 0 .8rem}.yoji-stats__readiness-track{position:relative;height:8px;background:rgba(var(--color-foreground),.12);border-radius:4px}.yoji-stats__readiness-fill{display:block!important;height:100%;border-radius:4px;background:rgb(var(--color-foreground))}.yoji-stats__readiness-threshold{position:absolute;top:-3px;width:2px;height:14px;background:rgba(var(--color-foreground),.5)}.yoji-stats__readiness-scale{display:flex;justify-content:center;font-size:13px;color:rgba(var(--color-foreground),.45);margin-top:4px}.yoji-stats__bars{display:flex;flex-direction:column;gap:12px}.yoji-stats__bar-row-top{display:flex;justify-content:space-between;font-size:15px;margin-bottom:4px}.yoji-stats__bar-track{height:7px;background:rgba(var(--color-foreground),.1);border-radius:4px;overflow:hidden}.yoji-stats__bar-fill{display:block!important;height:100%;border-radius:4px}.yoji-stats__type-grid{display:grid;gap:6px}@media screen and (max-width:480px){.yoji-stats__type-grid{grid-template-columns:repeat(2,1fr)!important}}.yoji-stats__type-card{border:1px solid rgba(var(--color-foreground),.15);border-radius:10px;padding:.6rem .5rem}.yoji-stats__type-card.is-weakest{border-color:#b43232}.yoji-stats__type-label{font-size:13px;line-height:1.3;color:rgba(var(--color-foreground),.6);margin:0 0 4px}.yoji-stats__type-weakest-tag{display:block;font-size:12px;color:#b43232}.yoji-stats__type-value{font-size:17px;font-weight:500;margin:0}.yoji-stats__type-card.is-weakest .yoji-stats__type-value{color:#b43232}.yoji-stats__comparative{display:flex;align-items:center;gap:1rem;background:rgba(var(--color-foreground),.05);border-radius:10px;padding:1rem 1.1rem}.yoji-stats__comparative-rank{font-size:32px;font-weight:500;white-space:nowrap}.yoji-stats__comparative-rank span{font-size:16px;font-weight:400}.yoji-stats__comparative-detail p{margin:0;font-size:15px}.yoji-stats__comparative-detail p:first-child{font-size:16px;font-weight:500;margin-bottom:2px}.yoji-stats__chart-toggle{display:flex;justify-content:flex-end;gap:6px;margin-bottom:8px}.yoji-stats__chart-toggle-btn{border:1px solid rgba(var(--color-foreground),.15);border-radius:var(--buttons-radius-outset, 4px);background:rgb(var(--color-background));color:rgba(var(--color-foreground),.6);font-size:14px;padding:4px 10px;cursor:pointer}.yoji-stats__chart-toggle-btn.is-active{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.yoji-stats__chart-wrap{position:relative;height:160px}.yoji-stats__paid-wrap{position:relative}.yoji-stats__paid-blur{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}.yoji-stats__paid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center}.yoji-stats__paid-overlay-inner{display:flex;flex-direction:column;align-items:center;gap:8px;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.15);border-radius:12px;padding:16px 24px}.yoji-stats__paid-overlay-note{font-size:14px;color:rgba(var(--color-foreground),.6);margin:0}.yoji-stats__paid-overlay-cta{display:inline-flex;align-items:center;gap:6px;border-radius:var(--buttons-radius-outset, 4px);background:rgb(var(--color-button));color:rgb(var(--color-button-text));padding:10px 18px;font-size:16px;font-weight:500;transition:opacity .15s ease}.yoji-stats__paid-overlay:hover .yoji-stats__paid-overlay-cta{opacity:.85}
/*# sourceMappingURL=/cdn/shop/t/8/assets/quiz-stats.css.map */