.page-spread[data-v-a6a957ad]{background-color:var(--bgcol)}.note[data-v-a6a957ad]{height:13.6em;margin:2rem auto;position:relative;width:24em}@media (min-width:1024px){.note[data-v-a6a957ad]{height:12.5em;position:absolute;width:22em}}.note[data-v-a6a957ad]{--top:0;--left:0;left:0;left:calc(var(--left)*1%);top:0;top:calc(var(--top)*1%)}@media ((max-width:1024px)){.note[data-v-a6a957ad]{left:calc((var(--left) - 100)*.05%);top:calc((var(--top) - 50)*.05%)}.note.first[data-v-a6a957ad]{left:0}}.note-text[data-v-a6a957ad]{font-size:.875rem;font-style:italic;height:100%;line-height:1.25rem;line-height:1.5;padding:.5rem;position:relative}@media (min-width:1280px){.note-text[data-v-a6a957ad]{font-size:1rem;line-height:1.5rem}}.note-text[data-v-a6a957ad]{--paper-color:#fff;--line-color:#ccc;--index:0;--note-tilt:1;background-color:#fff;background-color:var(--paper-color);box-shadow:-.5em .5em 1em #0000004d;cursor:default;pointer-events:none;visibility:visible}.note-text[data-v-a6a957ad]:after,.note-text[data-v-a6a957ad]:before{background-color:var(--paper-color);box-shadow:-.5rem .5rem 1rem #0000001a;content:"";height:100%;left:0;position:absolute;top:0;visibility:hidden;width:100%}.note-text[data-v-a6a957ad]:before{transform:rotate(calc(-2deg*var(--note-tilt)));z-index:-1}.note-text[data-v-a6a957ad]:after{transform:rotate(calc(2deg*var(--note-tilt)));z-index:-2}.note-text .note-body[data-v-a6a957ad],.note-text .note-title[data-v-a6a957ad]{visibility:hidden}.note-text .note-body[data-v-a6a957ad] p:not(p:first-of-type){display:none}.first[data-v-a6a957ad]{z-index:1}.first .note-title[data-v-a6a957ad]{font-size:1.5rem;line-height:2rem}@media (min-width:1280px){.first .note-title[data-v-a6a957ad]{font-size:1.875rem;line-height:2.25rem}}.open .note-text[data-v-a6a957ad]{background-image:linear-gradient(to bottom,var(--paper-color) 1em,var(--line-color) 1em,var(--line-color) calc(1em + 1px),var(--paper-color) calc(1em + 1px));background-position:0 1em;background-repeat:repeat-y;background-size:100% calc(1em + 1px)}.open .note-text .note-body[data-v-a6a957ad],.open .note-text .note-title[data-v-a6a957ad]{visibility:visible}:is(.open .note-text) .note-body[data-v-a6a957ad],:is(.open .note-text) .note-title[data-v-a6a957ad]{visibility:visible}.open .note-text.multiple[data-v-a6a957ad]:after,.open .note-text.multiple[data-v-a6a957ad]:before{background-image:linear-gradient(to bottom,var(--paper-color) 1em,var(--line-color) 1em,var(--line-color) calc(1em + 1px),var(--paper-color) calc(1em + 1px));background-position:0 1em;background-repeat:repeat-y;background-size:100% calc(1em + 1px);visibility:visible}.multiple[data-v-a6a957ad]:is(.open .note-text):after,.multiple[data-v-a6a957ad]:is(.open .note-text):before{background-image:linear-gradient(to bottom,var(--paper-color) 1em,var(--line-color) 1em,var(--line-color) calc(1em + 1px),var(--paper-color) calc(1em + 1px));background-position:0 1em;background-repeat:repeat-y;background-size:100% calc(1em + 1px);visibility:visible}.open .note-text.multiple.overflow .note-title[data-v-a6a957ad]{display:none}.multiple.overflow:is(.open .note-text) .note-title[data-v-a6a957ad]{display:none}.thumbtack[data-v-a6a957ad]{--pin-size:3em;background:linear-gradient(225deg,oklch(60% .25 var(--pin-hue)),oklch(40% .22 var(--pin-hue)));border-radius:100%;box-shadow:-2px 2px 2px oklch(1% .25 var(--pin-hue)/.3),2px 2px 2px rgba(1% .25 var(--pin-hue)/.1);height:3em;height:var(--pin-size);left:calc(50% - 1.5em);left:calc(50% - var(--pin-size)/2);pointer-events:auto;position:absolute;top:-2em;top:calc(0px - var(--pin-size)*2/3);visibility:visible;width:3em;width:var(--pin-size);z-index:99}.thumbtack .icon-closed[data-v-a6a957ad],.thumbtack .icon-multiple[data-v-a6a957ad]{color:oklch(70% .25 var(--pin-hue)/.5);display:none;font-size:calc(var(--pin-size)*.75);margin:auto}.closed .thumbtack[data-v-a6a957ad]:hover,.open .multiple .thumbtack[data-v-a6a957ad]:hover{cursor:pointer;transform:scale(1.1)}.closed .thumbtack:hover .icon-closed[data-v-a6a957ad]{display:block}:is(.closed .thumbtack:hover) .icon-closed[data-v-a6a957ad]{display:block}.open .multiple .thumbtack:hover .icon-multiple[data-v-a6a957ad]{display:block}:is(.open .multiple .thumbtack:hover) .icon-multiple[data-v-a6a957ad]{display:block}