@layer components{.note-card{align-items:center;background:linear-gradient(var(--note-card-bg),var(--note-card-bg)) padding-box,var(--note-card-border) border-box;border:var(--note-card-border-width) solid var(--picus-color-transparent);border-radius:var(--note-card-radius);color:var(--note-card-fg);display:flex;font-family:var(--type-text-family);font-size:var(--type-body-lg-size);font-weight:var(--type-em-weight);gap:var(--note-card-gap);inline-size:fit-content;letter-spacing:var(--type-body-lg-ls);line-height:var(--type-body-lg-lh);margin:0 auto;max-inline-size:100%;padding:calc(var(--note-card-padding-y) - var(--note-card-border-width)) calc(var(--note-card-padding-x) - var(--note-card-border-width))}.note-card--section,.note-card--wide{gap:var(--note-card-gap-wide);inline-size:auto;margin-inline:0}.note-card--section{background:linear-gradient(var(--note-card-bg),var(--note-card-bg)) padding-box,var(--note-card-section-border) border-box;font-weight:var(--note-card-section-weight)}.note-card--stars{background:linear-gradient(var(--note-card-bg),var(--note-card-bg)) padding-box,var(--note-card-stars-border) border-box;gap:var(--note-card-gap-wide)}.note-card--navy{color:var(--note-card-fg-navy)}.note-card.note-card--fit{inline-size:fit-content;margin-inline:auto}.note-card.note-card--full{inline-size:auto;margin-inline:0}.note-card.note-card--left{margin-inline:0}.note-card__lead{font-weight:var(--note-card-lead-weight)}.note-card__icon{color:var(--note-card-icon-color);display:flex;flex:none;inline-size:var(--note-card-icon-box)}.note-card__icon svg{block-size:var(--note-card-icon-height);flex:none;inline-size:var(--note-card-icon-width);max-inline-size:none}.note-card--stars .note-card__icon,.note-card--stars .note-card__icon svg{block-size:var(--note-card-stars-icon);inline-size:var(--note-card-stars-icon)}.note-card__text{min-inline-size:0}@media (max-width:767px){.note-card{inline-size:auto;margin-inline:0}}}