@layer components{.tipPopClass{position:fixed;z-index:var(--pl-z-pop);display:flex;flex-direction:column;gap:.8em;font-size:1.4rem;width:min(42em,calc(100vw - 2em));padding:1em 1.15em 1.15em;background:linear-gradient(var(--pl-accent-tint),var(--pl-accent-tint)) var(--pl-bg-menu);border:1px solid hsl(from var(--pl-accent) h 55% 62% / .55);border-radius:var(--pl-radius-panel);box-shadow:var(--pl-shadow-pop),0 0 12px 4px hsl(from var(--pl-accent) h s l / .4)}.tipPopHeadClass{display:flex;align-items:center;justify-content:space-between;gap:1em;margin:-1em -1.15em 0;padding:.55em .8em .55em 1.15em;background:var(--pl-accent-tint);border-bottom:1px solid var(--pl-divider-soft-color);border-radius:calc(var(--pl-radius-panel) - 1px) calc(var(--pl-radius-panel) - 1px) 0 0}.tipPopTitleClass{display:flex;align-items:center;gap:.45em;font-weight:600;color:var(--pl-accent)}.tipPopBulbClass{font-size:1.05em;line-height:1}.tipPopCloseClass{font:inherit;font-size:1.05em;line-height:1;padding:.1em .35em;border:0;border-radius:var(--pl-radius-box);background:none;color:var(--pl-text-muted);cursor:pointer}.tipPopCloseClass:hover,.tipPopCloseClass:focus-visible{background:var(--pl-bg-hover);color:var(--pl-text-max)}.tipPopFootClass{display:flex;align-items:center}.tipPopFootClass .tipsDailyClass{margin-left:-.6em;font-size:.7em;color:var(--pl-text-muted)}.tipPopClass .tipTextClass,.tipPopClass .tipTeaseTextClass{font-size:1em;line-height:1.55}.tipBodyClass{display:flex;flex-direction:column;gap:.5em}.tipTextClass{margin:0;font-size:.95rem;line-height:1.5;color:var(--pl-text-body)}.tipTeaseClass{display:flex;align-items:flex-start;gap:.45em;padding-top:.5em;border-top:1px solid var(--pl-border-color)}.tipTeaseSoundClass{position:relative;flex:0 0 auto;width:1.7em;height:1.7em;margin-top:-.1em}.tipTeaseSoundClass.loading .pl-ic{visibility:hidden}.tipTeaseTextClass{margin:0;font-size:.95rem;line-height:1.5;color:var(--pl-text-word)}.tipsAllCardClass{max-width:min(42em,100%);gap:.9em}.tipsAllListClass{display:flex;flex-direction:column;gap:.9em;max-height:55vh;overflow-y:auto;padding-right:.4em}.tipsAllItemClass{display:flex;flex-direction:column;gap:.35em;padding:.7em .85em;background:var(--pl-bg-box);border:1px solid var(--pl-border-color);border-radius:var(--pl-radius-box)}.tipsAllTodayClass{border-color:var(--pl-accent)}.tipsAllBadgeClass{align-self:flex-start;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--pl-on-accent);background:var(--pl-accent);border-radius:var(--pl-radius-box);padding:.1em .5em}.tipsAllFootClass{justify-content:space-between;align-items:center;gap:1em}.tipsDailyClass{display:flex;align-items:baseline;gap:.4em;font:inherit;font-size:.9rem;padding:.4em .6em;border:0;border-radius:var(--pl-radius-box);background:none;color:var(--pl-text-body);cursor:pointer}.tipsDailyClass:hover,.tipsDailyClass:focus-visible{background:var(--pl-bg-hover);color:var(--pl-text-max)}.tipsTickClass{flex:0 0 auto;min-width:1em;color:var(--pl-accent)}}
/*# sourceMappingURL=tips.css.map */