.component-side-note{position:fixed;z-index:1000;right:2rem;bottom:2rem;left:2rem;overflow:hidden;height:fit-content;padding:1rem;border:var(--border-default);border-radius:.4rem;visibility:hidden;opacity:0;transition:opacity var(--default-transition)}@media (min-width: 1200px){.component-side-note{margin-bottom:1.8rem}}.component-side-note:last-of-type{margin-bottom:0}.component-side-note.-visible{visibility:visible;opacity:1}@media (min-width: 1200px){.component-side-note{position:static;transform:none;display:flex;column-gap:1rem;align-items:flex-start;max-width:29.5rem}}.component-side-note__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}@media (min-width: 1200px){.component-side-note__header{margin-bottom:0}}@media (min-width: 1200px){.component-side-note__index{min-width:1.5rem}}.component-side-note__expand{cursor:pointer;display:none;transition:transform var(--default-transition)}@media (min-width: 1200px){.component-side-note__expand{display:flex;align-self:flex-end;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none}}.component-side-note__expand.-expanded{transform:rotate(180deg)}@media (min-width: 1200px){.component-side-note__content{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.6;transition:height var(--default-transition)}.component-side-note__content.-expanded{overflow:visible;display:block;-webkit-line-clamp:unset}}.component-side-note__close{cursor:pointer;width:1.6rem;height:1.6rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none}@media (min-width: 1200px){.component-side-note__close{display:none}}.component-side-note__backdrop{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:0;background:#d9d9d94d;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);transition:opacity var(--default-transition),visibility var(--default-transition),backdrop-filter var(--default-transition)}.component-side-note__backdrop.-visible{visibility:visible;opacity:1}@media (min-width: 1200px){.component-side-note__backdrop{display:none}}