html,body{padding:0;margin:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{height:100%;background-color:var(--sapBackgroundColor)}.header-toolbar{position:sticky;z-index:42;background-color:#fff9;box-shadow:0 4px 5px -5px #0a6ed1}.app-header-logo{height:2rem;max-height:2rem}.app-title{margin-inline-start:1rem}.app-content{padding:0 1rem;width:calc(100% - 2rem)}.app-bar-theming-popover{width:250px}.create-todo-wrapper{display:flex;align-items:center;justify-content:center;padding:2rem 1rem;margin:2rem 0;box-sizing:border-box;background-color:var(--sapObjectHeader_Background)}.list-todos-wrapper,.list-todos-panel{margin:2rem 0}.li-content-actions{display:flex}.add-todo-element-width{width:auto}#add-input{flex:auto}#date-picker{margin:0 .5rem}.li-content{display:flex;width:100%;justify-content:space-between;align-items:center}.li-content-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-btn{margin-inline-end:1rem}.dialog-content{max-width:320px;padding:2rem}.dialog-footer{display:flex;justify-content:flex-end;padding:.25rem .25rem 0;border-top:1px solid #d9d9d9}.dialog-footer-btn--cancel{margin-inline-end:.25rem}.title-textarea{height:100px;display:inline-block;width:100%}.date-edit-fields{display:flex;flex-direction:column;margin-top:1rem}@media (max-width: 600px){.create-todo-wrapper{flex-direction:column}.add-todo-element-width{width:100%}#date-picker{margin:.5rem 0}}.app-bar-profile-popover{width:250px}#settings-dialog{max-width:300px}.dialog-button{display:flex;justify-content:flex-end;margin-top:.625rem;margin-bottom:-.425rem}.profile-settings,.help-header{display:flex;flex-direction:row;justify-content:flex-start}.profile-text{display:flex;flex-direction:column;justify-content:center;margin-inline-start:1rem}.app-header-logo{height:2rem}.profile-settings-list{margin-top:1.25rem}.aligned{align-items:center;gap:.725rem}.help-dialog-text{font-size:.875rem}.profile-rtl-switch{width:100%;display:flex;align-items:center;justify-content:space-between}#header-title-align{margin:1rem 0;gap:.225rem}#header-logo-align{margin:.225rem 3.225rem .225rem 0;align-items:center;gap:.435rem}#help-dialog::part(header){justify-content:flex-start}