.notespace{height:100%;width:100%;position:relative;align-items:center;justify-content:center;overflow:hidden}.notespace,.notespace--container{box-sizing:border-box;display:flex;flex-direction:column}.notespace--container{max-width:650px;width:95%;max-height:95%;padding:10px;border-radius:16px;background-color:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(2rem);border:1px solid hsla(0,0%,58.8%,.2);transition:border-color .3s ease-in-out;transition:all .3s ease-in-out;background-color:transparent}.notespace--subcontainer{background-color:rgba(18,18,18,.8);border-radius:16px;padding:5px;padding-top:15px;border:1px solid hsla(0,0%,100%,.15);box-shadow:0 0 10px 1px rgba(0,0,0,.10196078431372549);overflow-y:scroll}.notespace--dateblock{margin-bottom:20px;border-radius:16px;padding:5px}.notespace--date{color:hsla(0,0%,87.5%,.6);font-size:16px;margin-bottom:0;transition:.3s ease-in-out;padding:5px 5px;border-radius:12px;cursor:default;padding:6px 15px;color:#666;padding:12px 15px;color:#eee;-webkit-user-select:none;-moz-user-select:none;user-select:none}.notespace--date:hover{padding:15px 15px;color:#fff}.notespace--note{align-items:flex-start;justify-content:center;padding:14px 15px;width:100%;border-radius:16px;-webkit-backdrop-filter:blur(5px);box-sizing:border-box;display:flex;-webkit-backdrop-filter:blur(var(--blur));border:1px solid hsla(0,0%,100%,.15);transition:border-color .3s ease-in-out;margin:-5px 0;width:auto;color:#8f8f8f;font-size:16px;line-height:26px;transition:.3s ease-out;border-color:transparent;min-height:56px;cursor:default;flex-direction:column;position:relative}.notespace--note--selected,.notespace--note:hover{background-color:rgba(19,19,19,.8);box-shadow:0 0 10px 1px rgba(0,0,0,.10196078431372549);border:1px solid hsla(0,0%,100%,.15);color:#ddd}.yearHeader{font-size:20px;color:#ccc;padding:15px 15px;text-align:center;margin-top:30px}.notespace--controls{position:absolute;bottom:5px;right:15px;display:flex;padding:5px 0}.notespace--controls--button{margin:0 5px;display:flex;align-items:center;justify-content:center}.notespace--controls--button svg{width:1em;height:1em}.notespace--note--content{transition:.3s ease-out}.notespace--note--content--selected{padding-bottom:20px}