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}.container{display:flex;flex-direction:row}.newSessionButton{align-items:center;background:#0000;background-color:#d3c5bc;border:1px solid #444;border-radius:0;box-sizing:border-box;-webkit-clip-path:url(#newSessionButtonClip);clip-path:url(#newSessionButtonClip);color:inherit;cursor:pointer;display:flex;font-size:1rem;margin-bottom:0;padding:10px 20px 15px;text-decoration:none;width:90%}.newSessionButton:hover{background-color:#6b3e1f;color:#fff}.newSessionButtonLabel{font-weight:700}.sessionInfo{float:right}.homeColumn{flex:1 1 50%;min-width:0}.sessionContainer{border:1px solid #444;flex-direction:column;width:90%}.sessionContainer,.sessionListItem{border-radius:0;display:flex}.sessionListItem{border-bottom:1px solid;border-color:#444;flex-direction:row;padding:10px;.sessionListItemDate{color:#555;margin-right:10px}.sessionListItemInstrument{margin-right:10px}.sessionListItemName{font-weight:600;margin-right:10px}.sessionListItemPiece{font-style:italic;margin-right:10px}.sessionListItemDelete{background:#0000;border:1px solid #444;color:#444;cursor:pointer;flex-shrink:0;font-family:Crimson Text,Georgia,Times New Roman,serif;font-size:.875rem;margin-left:auto;padding:.25rem .5rem}.sessionListItemDelete:hover{background-color:#0000000f}}.sessionListItem:last-child{border-bottom:none}.sessionListItem--active{background-color:#e8e0d8}.sessionListItem:hover{background-color:#0000000f}img{height:20px;width:20px}ul{list-style-type:none;padding:0}.session-form-row{align-items:center;box-sizing:border-box;display:flex;gap:.5rem;min-width:0;width:100%}.session-form-row .created-date{flex-shrink:0}.session-form-row .playback-button{flex:1 1 auto;min-height:2.5rem;min-width:0}.session-form-row .duration{flex-shrink:0;font-style:italic}.playback-button{background-color:initial;border:none;cursor:pointer;display:block;height:100%;min-height:2.5rem;overflow:hidden;padding:0;position:relative;width:100%}.playback-button :hover{background-color:#0003}.playback-button .playing{background-color:#0000001a}canvas{display:block;height:100%;min-height:2.5rem;width:100%}.duration{font-style:italic}.sessionCard{background-color:#faf8f5;border:1px solid #444;border-radius:0;font-family:Crimson Text,Georgia,Times New Roman,serif;overflow:hidden}.sessionCardRow{align-items:baseline;border-bottom:1px solid #444;box-sizing:border-box;display:flex;gap:.5rem;min-height:2rem;padding:.5rem .75rem}.sessionCardRow:last-child{border-bottom:none}.sessionCardTitle{border-bottom:1px solid #444;font-size:1.25rem;font-weight:600;padding:.75rem}.sessionCardLabel{color:#555;flex-shrink:0;font-size:.875rem;min-width:5rem}.sessionCardValue{flex:1 1;word-break:break-word}.sessionCardAudio{border-top:1px solid #444;box-sizing:border-box;width:100%}.sessionCardAudioTitle{background-color:#00000008;font-size:.9375rem;font-weight:600}.sessionCardRecordings{box-sizing:border-box;list-style:none;margin:0;padding:0;width:100%}.sessionCardRecordings .sessionCardRow{align-items:center;border-bottom:1px solid #ccc;box-sizing:border-box;display:flex;min-height:0;padding:.5rem .75rem;width:100%}.sessionCardRecordings .sessionCardRow>*{flex:1 1 auto;min-width:0}.sessionCardRecordings .sessionCardRow>.sessionCardDeleteAudio{flex:0 0 auto}.sessionCardRecordings .session-form-row .playback-button{height:auto;max-height:2rem;min-height:1.5rem}.sessionCardRecordings .playback-button canvas{max-height:2rem;min-height:1.5rem}.sessionCardDeleteAudio{background:#0000;border:1px solid #444;border-radius:0;color:#444;cursor:pointer;flex-shrink:0;font-family:Crimson Text,Georgia,Times New Roman,serif;font-size:.875rem;padding:.25rem .5rem}.sessionCardDeleteAudio:hover{background-color:#0000000f}.sessionCardRecordings .sessionCardRow:last-child,.sessionCardRecordings li:last-child .sessionCardRow{border-bottom:none}.sessionCardRecordings li{list-style:none;margin:0;width:100%}.session-recorder-container{color:#282828;font-family:Crimson Text,Georgia,Times New Roman,serif;margin:0 auto;max-width:800px;padding:0}.session-recorder-header{margin-bottom:1rem}.session-recorder-back-button{background-color:#d3c5bc;border:1px solid #444;border-radius:0;box-sizing:border-box;color:#282828;cursor:pointer;display:inline-block;font-family:Crimson Text,Georgia,Times New Roman,serif;font-size:1rem;font-weight:600;padding:.5rem 1rem;text-decoration:none}.session-recorder-back-button:hover{background-color:#c4b5ab}.session-recorder-container .storage-info{background-color:#faf8f5;border:1px solid #444;border-radius:0;font-size:.9375rem;margin-bottom:1rem;padding:.5rem .75rem}.session-recorder-container form{background-color:#faf8f5;border:1px solid #444;border-radius:0;overflow:hidden}.session-recorder-form-row{align-items:center;border-bottom:1px solid #444;box-sizing:border-box;display:flex;gap:.5rem;padding:.5rem .75rem}.session-recorder-form-row:last-child{border-bottom:none}.session-recorder-container form input,.session-recorder-container form select{background:#0000;border:1px solid #444;border-radius:0;box-sizing:border-box;color:#282828;font-family:Crimson Text,Georgia,Times New Roman,serif;font-size:1rem;margin:0;min-height:2rem;padding:.5rem .75rem}.session-recorder-container form input::placeholder{color:#555}.session-recorder-container form input:focus,.session-recorder-container form select:focus{background-color:#00000005;outline:none}#session-recorder-name-input,.piece-input-group{flex:2 1 66.66%;min-width:0}.piece-input-group{display:flex;gap:.5rem}.piece-input-group #piece-input,.piece-input-group select{flex:1 1 auto;min-width:0}#instrument-input{flex:1 1 33.33%;min-width:0}#description-input{flex:1 1 100%;min-height:4rem;padding:.5rem .75rem}.session-recorder-container form ul{border-bottom:1px solid #444;list-style:none;margin:0;padding:.5rem .75rem}.session-recorder-container form ul li{margin-bottom:.5rem}.session-recorder-audio-item{align-items:center;display:flex;gap:.5rem}.session-recorder-delete-audio{background:#0000;border:1px solid #444;border-radius:0;color:#444;cursor:pointer;flex-shrink:0;font-family:Crimson Text,Georgia,Times New Roman,serif;font-size:.875rem;margin:0;min-height:auto;padding:.25rem .5rem}.session-recorder-delete-audio:hover{background-color:#0000000f}.session-recorder-container form ul li:last-child{margin-bottom:0}.session-recorder-container .session-form-row .playback-button{height:auto}.session-recorder-container .session-form-row .playback-button canvas{max-height:2rem;min-height:1.5rem}.session-recorder-container form button{background-color:#d3c5bc;border:1px solid #444;border-radius:0;box-sizing:border-box;color:#282828;cursor:pointer;font-size:1rem;font-weight:600;margin:0;min-height:2.5rem;padding:.5rem 1rem}.session-recorder-container form .session-recorder-form-row button{flex:1 1 auto}.session-recorder-container form button.session-recorder-record-button{flex-shrink:0;min-width:11rem}.session-recorder-container form button.session-recorder-record-button--active{color:#b91c1c}.session-recorder-container form button.session-recorder-delete-audio{background:#0000;color:#444;flex-shrink:0;font-size:.875rem;font-weight:inherit;min-height:auto;padding:.25rem .5rem}.session-recorder-container form button.session-recorder-delete-audio:hover{background-color:#0000000f}.session-recorder-container form button[type=submit]{background-color:#d3c5bc;color:#282828}.session-recorder-container form button[type=submit]:disabled{background-color:#e8e4e0;color:#888;cursor:not-allowed}.session-recorder-form-row .session-recorder-actions button{flex:1 1 auto}body{color:#282828;flex-direction:column;font-family:Crimson Text,Georgia,Times New Roman,serif;margin:6rem auto auto;max-width:200rem;width:70%}.title-container,body{display:flex;justify-content:center}.title-container{align-items:center;gap:.75rem;margin-bottom:1.5rem}.title-container .title-logo{display:block;height:2.5rem;width:auto}.title-container h1{font-size:1.5rem;font-weight:600;margin:0}
/*# sourceMappingURL=main.122cbbb6.css.map*/