.sidebar-container{display:flex;flex-direction:column;height:100%;max-width:400px;position:relative;width:100%}.margin-notes{height:100%;left:0;opacity:1;pointer-events:none;position:absolute;top:0;transform:translateX(0);transition:opacity .3s ease,transform .3s ease;width:73%;z-index:5}.margin-notes.hidden{opacity:0;pointer-events:none;transform:translateX(-10px)}.margin-note-item{background-color:rgba(60,60,60,.97);border-left:5px solid #6d98c5;border-radius:0 6px 6px 0;box-shadow:3px 3px 12px rgba(0,0,0,.4);color:#fff;font-size:.9rem;left:0;line-height:1.6;margin:10px 0;opacity:.95;padding:15px 20px;pointer-events:auto;position:absolute;transform:translateX(0);transition:all .3s ease;width:90%;z-index:100}@keyframes pulsate{0%{box-shadow:3px 3px 12px rgba(0,0,0,.4);transform:translateX(0)}50%{box-shadow:5px 5px 20px rgba(0,0,0,.6);transform:translateX(5px)}to{box-shadow:3px 3px 12px rgba(0,0,0,.4);transform:translateX(0)}}.margin-note-item.pulsate{animation:pulsate 1s ease}.margin-note-item:hover{box-shadow:4px 4px 16px rgba(0,0,0,.5);opacity:1;transform:translateX(2px)}.margin-note{background-color:rgba(109,152,197,.1);border-bottom:2px dotted #6d98c5;border-radius:2px;color:#6d98c5;cursor:pointer;padding:0 3px;position:relative;transition:all .2s ease}.margin-note.active{background-color:rgba(109,152,197,.2);color:#4a7ab0}.margin-note .margin-note-content{display:none}.margin-note .margin-note-indicator{color:#6d98c5;display:inline;font-size:.8em;vertical-align:super}@media(max-width:1024px){.margin-note-item{border-left-width:5px;border-radius:6px;border-top:none;bottom:20px;left:20px;max-width:none;opacity:0;position:fixed;right:20px;top:auto!important;width:auto;z-index:1000}.margin-note-item.active{opacity:.95}html.desktop-view .margin-note-item{border-radius:0 6px 6px 0;bottom:auto;left:0;opacity:.95;position:absolute;right:auto;top:auto!important;width:90%}html.desktop-view .margin-note-item.active{opacity:1}}@media(prefers-color-scheme:dark){.margin-note-item{background-color:rgba(60,60,60,.97);border-left-color:#6d98c5;color:#fff}.margin-note{background-color:rgba(109,152,197,.15);border-bottom-color:#85afd8;color:#85afd8}.margin-note.active{background-color:rgba(109,152,197,.25)}}