#note[data-v-a916b4fc]{background:var(--primary-500);position:fixed;right:0;top:0;--clip:var(--sizing-xs);--offset:2px;box-sizing:border-box;cursor:pointer;padding-bottom:var(--offset);padding-left:var(--offset)}#note[data-v-a916b4fc],#note[data-v-a916b4fc]>:first-child{clip-path:polygon(0 0,100% 0,100% 100%,var(--clip) 100%)}#note[data-v-a916b4fc]>:first-child{background:var(--neutral-950);display:flex;gap:var(--sizing-xs);padding:var(--sizing-xxs);padding-left:var(--clip)}#noteDetails[data-v-a916b4fc]{background:linear-gradient(234deg,var(--primary-900),var(--primary-950));border-left:1px solid var(--primary-500);box-shadow:var(--base-box-shadow);box-sizing:border-box;height:100vh;overflow:hidden;padding:var(--sizing-m);position:fixed;right:0;top:0;transform:translate(var(--offset));transition:all .2s ease}#closeDetails[data-v-a916b4fc]{cursor:pointer;position:absolute;right:var(--sizing-xxs);top:var(--sizing-xxs)}#action[data-v-a916b4fc]{left:var(--sizing-xs);position:fixed;top:var(--sizing-xs)}