body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.note{border-radius:.2em;box-shadow:-3px -3px 7px #fff,3px 3px 5px #d3d3d3;display:flex;flex-direction:column;gap:.5em;padding:1em;position:relative;scroll-margin:1em}.note[data-new-note=true]{animation:wiggle .2s ease-in-out}.note:hover .note-actions,.note[data-editable=true] .note-actions{opacity:1;visibility:visible}.note .note-add-container,.note .note-content,.note .note-title{border-bottom:1px solid #0000}.note[data-editable=true] .note-add-container,.note[data-editable=true] .note-content,.note[data-editable=true] .note-title{border-bottom:1px solid gray}.note[data-editable=true] .note-add-label,.note[data-editable=true] .note-content,.note[data-editable=true] .note-title{cursor:text}.note[data-editable=true] .note-add-label:empty:before{color:gray;content:"label"}.note[data-editable=true] .note-label{cursor:pointer}.note[data-editable=true] .note-label:hover .note-label-click-delete{border-radius:1.3em;box-shadow:inset -3px -3px 7px #fff,inset 3px 3px 5px #d3d3d3;opacity:.9}.note[data-editable=true] .note-content:empty:before,.note[data-editable=true] .note-title:empty:before{color:gray;content:"Contenu"}.note[data-editable=true] .note-actions{border-radius:0 0 1em 1em;transform:rotateX(180deg);transform-origin:top}.note[data-editable=true] .note-actions .actions-wrapper{transform:rotateX(180deg)}.note .note-title{font-weight:700}.note .note-content{word-break:break-word}.note .note-labels{align-items:center;display:flex;flex-wrap:wrap;gap:.5em;word-break:break-all}.note .note-label{border:1px solid #d3d3d3;border-radius:1.3em;box-shadow:-3px -3px 7px #fff,3px 3px 5px #d3d3d3;overflow:hidden;padding:.3em;position:relative}.note .note-label .note-label-click-delete{align-items:center;background-color:#d87979;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;width:100%}.note .note-label .note-label-click-delete i{color:#fff}.note .note-add-container{align-items:center;display:flex;gap:.4em}.note .note-add-container .note-add-button{color:gray}.note .note-actions{background-color:#d9d9d9;border-radius:0 0 0 1em;opacity:0;padding:.5em;position:absolute;right:0;top:0;transition:all .2s ease-in-out;visibility:hidden}.note .note-actions .actions-wrapper{display:flex;gap:.5em}.note .note-actions i{cursor:pointer;font-size:1.5em}.note .note-actions i:active{filter:brightness(70%)}.note .note-edit{color:gray}.note .note-save{color:#8fbc8f}.note .note-delete{color:#d87979}.note .note-cancel{color:gray}@keyframes wiggle{0%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}to{transform:translateX(0)}}header{box-shadow:-3px -3px 7px #fff,3px 3px 5px #ceced1;font-size:2em;font-weight:700;.title{padding:.5em 1em}}main{overflow:auto}#content{align-items:flex-start;display:flex;flex-direction:column;gap:1em;margin:2em}.notes{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(auto-fill,minmax(min(100%,20em),1fr));justify-items:stretch;width:100%}.ajouter-note{border-radius:.12em;box-shadow:-3px -3px 7px #fff,3px 3px 5px #ceced1;color:#8fbc8f;cursor:pointer;display:flex;font-size:2em;position:relative}.ajouter-note:active:after{background:#0000;border-radius:.12em;box-shadow:inset -3px -3px 7px #c2c2c2,inset 3px 3px 5px #a9a9a9;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.App{background:#ecf0f3;display:flex;flex-direction:column;font-family:Hanken Grotesk,sans-serif;height:100dvh;overflow:hidden;width:100vw}
/*# sourceMappingURL=main.0f071951.css.map*/