@layer components{.centralModeClass{width:97%;margin:0 auto;flex:1;min-height:0;display:flex;flex-direction:column;background:var(--pl-bg-page);border-radius:var(--pl-radius-panel)}.centralTabsClass{margin:var(--pl-central-tabs-top) 0 var(--pl-central-gap-top);display:flex;gap:.6em;padding:0 2%;padding-left:calc(2% + 6px);align-items:center;container-type:inline-size}.centralTabsClass>*{--pl-tab-scale: clamp(.85rem, 2.5cqi, 1.5rem)}.centralHeadPillsClass{display:flex;align-items:center;gap:calc(var(--pl-tab-scale, 1.5rem) * .27);margin-left:auto}.centralHeadPillClass{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--pl-tab-scale, 1.5rem) * 1.6);height:calc(var(--pl-tab-scale, 1.5rem) * 1.6);padding:0;border:0;border-radius:50%;font:inherit;font-weight:700;font-size:calc(var(--pl-tab-scale, 1.5rem) * .9333);line-height:1;color:#544b81;background:linear-gradient(180deg,hsl(0 0% 100% / .45),transparent 46%),linear-gradient(180deg,#f6f6f9,#dddce5);box-shadow:0 1px 2px hsl(from var(--pl-shadow-ink) h s l / .16);cursor:pointer;transition:box-shadow .12s ease,background .12s ease}.centralHeadPillClass:hover{background:linear-gradient(180deg,hsl(0 0% 100% / .45),transparent 46%),linear-gradient(180deg,#eeedf3,#ceccdb);box-shadow:0 2px 5px hsl(from var(--pl-shadow-ink) h s l / .22)}#auditFinishId.centralHeadPillClass{font-size:calc(var(--pl-tab-scale, 1.5rem) * .7667);font-weight:400}#tabDictId{--pl-chip-h: var(--pl-hue-dict);--pl-chip-s: var(--pl-sat-dict)}#tabLearnId{--pl-chip-h: var(--pl-hue-learn);--pl-chip-s: var(--pl-sat-learn)}#tabPracticeId{--pl-chip-h: var(--pl-hue-practice);--pl-chip-s: var(--pl-sat-practice)}.centralTabClass{display:inline-flex;align-items:center;gap:.45em;padding:.55em 1.4em;font-size:var(--pl-tab-scale, 1.5rem);font-weight:700;white-space:nowrap;line-height:1;color:var(--pl-text-body);background:linear-gradient(180deg,hsl(0 0% 100% / .4),transparent 46%),linear-gradient(180deg,hsl(var(--pl-chip-h) var(--pl-chip-s) 99% / .5),hsl(var(--pl-chip-h) var(--pl-chip-s) 91% / .5));border-radius:var(--pl-radius-field);transform:skew(-14deg);box-shadow:0 1px 2px hsl(from var(--pl-shadow-ink) h s l / .14);cursor:pointer;user-select:none;transition:color .12s ease,box-shadow .12s ease}.centralTabClass>span{display:inline-block;transform:skew(14deg)}.centralTabClass:hover{background:linear-gradient(180deg,hsl(0 0% 100% / .4),transparent 46%),linear-gradient(180deg,hsl(var(--pl-chip-h) var(--pl-chip-s) 97% / .65),hsl(var(--pl-chip-h) var(--pl-chip-s) 88% / .65));color:var(--pl-hover-underline-color)}.centralTabClass.tabActive,.centralTabClass.tabActive:hover{color:hsl(var(--pl-chip-h) 45% 32%);background:linear-gradient(180deg,hsl(0 0% 100% / .35),transparent 46%),linear-gradient(180deg,hsl(var(--pl-chip-h) calc(var(--pl-chip-s) + 5%) 91% / .85),hsl(var(--pl-chip-h) calc(var(--pl-chip-s) + 5%) 80% / .85));box-shadow:inset 0 -5px 0 var(--pl-hover-underline-color),0 2px 5px hsl(from var(--pl-shadow-ink) h s l / .2)}.centralTabIcon{font-size:1.15em}.centralTabArtClass{display:inline-flex;align-items:center}.centralTabArtClass img{display:block;height:1.2em;width:auto}.centralTabPlantClass{display:inline-flex;align-items:center}.centralTabPlantClass img{display:block;height:1.3em;width:auto}.centralTabPlantClass img.gardenCanClass{height:1.45em}.centralTabPlantClass.centralTabGlyphClass{font-size:1.15em;line-height:1}@container (max-width: 430px){.centralTabClass>.centralTabArtClass,.centralTabClass>.centralTabPlantClass{display:none}.centralTabClass{padding-inline:.9em}}.centralPanelClass{position:relative;z-index:1;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;flex:1;min-height:0;display:flex;flex-direction:column}}
/*# sourceMappingURL=tabs.css.map */