:root{--border-radius:8px;--accent-colour:#e855d3;--text-colour:var(--lightningcss-light,#213547)var(--lightningcss-dark,#ffffffde);--link--hover-color:var(--accent-colour);--background-colour:var(--lightningcss-light,#fff)var(--lightningcss-dark,#242424);--background-dark:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);--button-background:var(--lightningcss-light,#d1d1d1)var(--lightningcss-dark,#1a1a1a);--button-background-hover:var(--lightningcss-light,#b8b8b8)var(--lightningcss-dark,#1e1e1e);--border-colour:var(--lightningcss-light,#acacac)var(--lightningcss-dark,#141414);--bg:#0b0b0b;--bg-light:#f4f4f4;--theme-switch-transition:background .5s ease-in;--max-width:1280px;scrollbar-color:var(--accent-colour) transparent;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text-colour);background-color:#000;background-color:var(--background-colour);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:Space Grotesk,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:inherit;transition:var(--theme-switch-transition)}@media (prefers-reduced-motion:reduce){*{transition:none}}a{color:var(--accent-colour);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--link--hover-color)}body{margin:0}html{background-color:#000!important;overflow-x:hidden!important}h1{font-size:3.2em;line-height:1.1}button{background-color:var(--button-background);cursor:pointer;color:inherit;transition:border-color .25s, transform .15s cubic-bezier(.56, .72, 0, .99), var(--theme-switch-transition);border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500}button:hover{transform:scale(.9)}button:active{transform:scale(1)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:focus-visible{outline:4px solid var(--accent-colour)}#root{text-align:center;background-color:var(--lightningcss-light,var(--bg-light))var(--lightningcss-dark,var(--bg));background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100'%20height='100'%20viewBox='0%200%20100%20100'%3e%3cg%20fill-rule='evenodd'%3e%3cg%20fill='rgb(50,50,50)'%20fill-opacity='0.5'%3e%3cpath%20opacity='.4'%20d='M96%2095h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-9-10h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm9-10v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-9-10h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm9-10v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-9-10h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm9-10v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-10%200v-9h-9v9h9zm-9-10h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9zm10%200h9v-9h-9v9z'%20/%3e%3cpath%20d='M6%205V0H5v5H0v1h5v94h1V6h94V5H6z'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");flex-direction:column;justify-content:center;align-items:center;height:100dvh;margin:0 auto;display:flex;position:relative}#root:before,#root:after{content:"";position:absolute;inset:0}#root:before{background-image:url(/Notes/assets/Topography-B3wwywBM.svg)}#root:after{--dark:radial-gradient(transparent 0%, #000 100%);--light:radial-gradient(transparent 0%, #fff 100%);background:var(--dark)}@media (prefers-color-scheme:light){#root:after{background:var(--light)}}main{box-sizing:border-box;z-index:1;justify-content:center;width:100%;height:100%;padding:1.2em 1.2em 0;display:flex;overflow-x:hidden}main:has(aside.closed)+.navbar{max-width:calc(var(--max-width) + 50px)}.navbar{z-index:1;max-width:calc(var(--max-width) + 300px);justify-content:flex-start;gap:1em;width:100%;padding:.5em 0;display:flex}.navbar .clock-toggle svg{z-index:1;width:24px;height:24px}.navbar .clock-toggle svg path{fill:var(--text-colour)}.navbar .notes-toggle,.navbar .timer-toggle,.navbar .clock-toggle{aspect-ratio:1;background-color:#0000;justify-content:center;align-items:center;padding:.5em;transition:border-color .25s,transform .15s cubic-bezier(.56,.72,0,.99);display:flex}:is(.navbar .notes-toggle,.navbar .timer-toggle,.navbar .clock-toggle):hover{background-color:var(--button-background)}.navbar .calculator{flex:1;justify-content:flex-end;display:flex}@media (width<=1300px){.navbar{padding:.5em 1.2em}}@scope(main){:not(.closed)+.notes-container{width:10px}.notes-container{--padding:1.2em;box-sizing:inherit;height:100%;max-width:var(--max-width);border-radius:0 var(--border-radius) var(--border-radius) 0;border:1px solid var(--border-colour);border-left:1px solid hsl(from var(--border-colour) h s l / .5);background:var(--background-dark);padding:var(--padding);flex-direction:column;flex:1;display:flex;overflow-y:auto}.notes-container.none-selected{background-color:var(--lightningcss-light,#ffffffbf)var(--lightningcss-dark,#00000080)}.notes-container h3{color:#484643;margin:0 0 1em}@media (width<700px){.closed .notes-container{max-width:300px}}@media (width<500px){aside:not(.closed)+.notes-container *{display:none}}}.note-title-input{margin:0;margin-inline:auto;border:#0000;border-bottom:1px solid var(--border-colour);background-color:#0000;width:100%;margin-bottom:1em;padding:.5em;font-family:inherit;font-size:1.5em;font-weight:700}.note-title-input:focus{border-bottom-color:var(--accent-colour);outline:none}.editor{box-sizing:border-box;flex-direction:column;flex:1;display:flex}.editor-container{background-color:var(--border-colour);border-radius:var(--border-radius);height:100%;color:var(--text-colour);text-align:left;border-top-left-radius:10px;border-top-right-radius:10px;flex-direction:column;font-weight:400;line-height:20px;display:flex;position:relative}.editor-inner{--br:calc(var(--border-radius) + 1.2em);background:var(--button-colour);border:1px solid var(--border-colour);border-radius:0 0 var(--br) var(--br);border-top:none;flex:1;position:relative}.editor-input{resize:none;tab-size:1;height:100%;min-height:150px;caret-color:var(--accent-colour);outline:0;padding:15px 10px;font-family:inter;position:relative}.editor-placeholder{color:#999;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:15px;display:inline-block;position:absolute;top:15px;left:10px;overflow:hidden}.editor-textUnderline{text-decoration:underline}.editor-textStrikethrough{text-decoration:line-through}.editor-textUnderlineStrikethrough{text-decoration:underline line-through}.editor-text-code{background-color:#f0f2f5;padding:1px .25rem;font-family:Menlo,Consolas,Monaco,monospace;font-size:94%}.editor-link{color:var(--accent-colour);cursor:pointer;text-decoration:underline}.editor-link:hover{color:var(--accent-colour)}.editor-paragraph{margin:0 0 8px;position:relative}.editor-paragraph:last-child{margin-bottom:0}.editor-heading-h1{margin:0 0 12px;padding:0;font-size:3.2em;line-height:1.1}.editor-heading-h2{margin:0 0 11px;padding:0;font-size:2em;line-height:1.1}.editor-heading-h3{margin:0 0 10px;padding:0;font-size:1.4em;line-height:1.1}.editor-quote{color:#65676b;border-left:4px solid #ced0d4;margin:0 0 0 20px;padding-left:16px;font-size:15px}.editor-list-ol,.editor-list-ul{margin:0 0 0 16px;padding:0}.editor-listitem{margin:8px 32px}.editor-nested-listitem{list-style-type:none}pre::-webkit-scrollbar{background:0 0;width:10px}pre::-webkit-scrollbar-thumb{background:#999}.toolbar{background:var(--background-dark);border:1px solid var(--border-colour);border-radius:var(--border-radius) var(--border-radius) 0 0;border-bottom:none;flex-wrap:wrap;align-items:center;margin-bottom:1px;padding:4px;display:flex}.toolbar .toolbar-item{box-sizing:border-box;background-color:#0000;place-items:center;width:2.2em;height:2.2em;padding:0;font-family:inter;line-height:0;transition:none;display:grid}.toolbar .toolbar-item:hover:not([disabled]){background-color:var(--button-background-hover)}.toolbar .toolbar-item:disabled{opacity:.2}.toolbar .toolbar-item svg{margin:0}.toolbar .toolbar-item:hover{transform:none}.toolbar .toolbar-item.active{background-color:var(--button-background);color:var(--accent-colour)}.toolbar .toolbar-item.bold{font-weight:700}.toolbar .toolbar-item.italic{font-style:italic}.toolbar .toolbar-item.underline{text-decoration:underline}.toolbar .toolbar-item.strikethrough{text-decoration:line-through}.toolbar .toolbar-item.heading{border-radius:var(--border-radius);border:1px solid var(--border-colour);width:fit-content;padding-inline:.6em}.toolbar .toolbar-item.toolbar-font-size{border-radius:var(--border-radius);border:1px solid var(--border-colour);margin-inline:.5em;padding-inline:.5em;width:fit-content!important}.toolbar .toolbar-item.toolbar-color-input{background-color:var(--button-background-hover);border:1px solid var(--border-colour);border-radius:var(--border-radius)}select::picker-icon{color:red;transition:rotate .4s}.toolbar button.toolbar-item:disabled{cursor:not-allowed}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar .calculator svg{fill:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}.toolbar .divider{background-color:var(--button-background);width:1px;height:2em;margin:0 4px}.editor-table{--table-header:var(--lightningcss-light,#f2f3f5)var(--lightningcss-dark,#0d0c0a);--table-border:var(--lightningcss-light,#bbb)var(--lightningcss-dark,#444);border-spacing:0;border-radius:var(--border-radius);width:100%;margin:12px 0}.editor-tableRow{background-color:#0000}.editor-tableRow:first-of-type .editor-tableCell:first-child{border-top-left-radius:var(--border-radius)}.editor-tableRow:first-of-type .editor-tableCell:last-child{border-top-right-radius:var(--border-radius)}.editor-tableRow:last-of-type .editor-tableCell:first-child{border-bottom-left-radius:var(--border-radius)}.editor-tableRow:last-of-type .editor-tableCell:last-child{border-bottom-right-radius:var(--border-radius)}.editor-tableCell{background-color:var(--background-dark);border:1px solid var(--table-border);text-align:left;vertical-align:top;min-width:60px;min-height:30px;padding:8px 12px}.editor-tableCellHeader{background-color:var(--table-header);text-align:left;vertical-align:top}.editor-tableAddColumns{cursor:pointer;background-color:#0000;height:20px;position:absolute;top:-25px;left:0;right:0}.editor-tableAddRows{cursor:pointer;background-color:#0000;width:20px;position:absolute;top:0;bottom:0;left:-25px}.editor-tableCellResizer{cursor:col-resize;background-color:var(--accent-colour);opacity:0;width:6px;transition:opacity .1s;position:absolute;top:0;bottom:0;right:-3px}.editor-tableCell:hover .editor-tableCellResizer{opacity:1}.editor-tableSelection{background-color:var(--accent-colour)}.table-context-menu{background-color:var(--button-background);border:1px solid var(--border-colour);border-radius:var(--border-radius);z-index:1000;min-width:180px;padding:4px 0;position:fixed;box-shadow:0 4px 12px #00000026}.context-menu-item{width:100%;color:var(--text-colour);text-align:left;cursor:pointer;background-color:#0000;border:none;display:block}.context-menu-item:hover{background-color:var(--border-colour)}.context-menu-item.danger:hover{color:#ff6464;background-color:#ff646433}.context-menu-divider{background-color:var(--border-colour);height:1px;margin:6px 0}@scope(main){aside{border-radius:var(--border-radius) 0 0 var(--border-radius);border:1px solid red;border:1px solid var(--border-colour);background:var(--background-dark);border-right:0;flex-direction:column;flex:0 0 300px;width:300px;padding:1.2em;display:flex;position:relative;overflow:auto hidden}aside.closed{max-width:50px}aside.closed>:not(.title),aside.closed h3{display:none}aside .title{justify-content:center;display:flex}aside .title h3{color:#484643;margin:0}aside .title button{cursor:pointer;background:0 0;border:none;place-items:center;margin-left:auto;padding:0;display:grid}aside .title button svg{width:1.5em;height:1.5em}aside .title button svg path{fill:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff)}aside .tools{flex-direction:column;align-items:center;gap:.5em;margin-block:1em;padding:0;display:flex}aside .button-group{background-color:var(--background-dark);gap:.5em;width:100%;display:flex}aside .button-group.bottom{background-color:var(--background-dark);z-index:1;padding-top:1.2em;position:sticky;top:100%;bottom:0}aside .button-group.bottom button{align-items:center;display:flex}aside .button-group button,aside .import{background-color:var(--button-background);cursor:pointer;white-space:nowrap;border-radius:var(--border-radius);border:none;flex:1;justify-content:center;align-items:center;gap:.3em;margin:0;padding:.35em 0;display:flex}:is(aside .button-group button,aside .import):hover{transform:none}aside .notes{--height:4em;--padding:.5em}aside .notes ul{margin:0;padding:0;list-style:none}}.import input{display:none}.tools input{background-color:var(--button-background);border:1px solid var(--border-colour);border-radius:var(--border-radius);width:100%;height:2.5em;font:inherit;color:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);padding:0 1em}.note{box-sizing:border-box}.note:not(:last-child){margin-bottom:1em}.note{cursor:pointer;height:var(--height);background-color:var(--button-background);border:1px solid var(--border-colour);border-radius:var(--border-radius);padding:var(--padding);gap:1em;transition:all .2s;display:flex;position:relative}.note:hover{background-color:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#323232)}.note.active{box-shadow:0 0 0 2px hsl(from var(--accent-colour) h s l / .3)}.note img{max-height:var(--height);max-width:var(--height);aspect-ratio:1;object-fit:contain}.note p{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-block:auto;overflow:hidden}.note .delete{visibility:hidden;background-color:#0000;padding:0;transition:none}.note .delete svg{width:1em;height:1em}.note .delete:hover{transform:none}.note .delete:hover svg{stroke:red}.note:hover .delete{visibility:visible}.folder{--stripe1-colour:var(--lightningcss-light,#dcdcdc)var(--lightningcss-dark,#0f0f0f);--stripe2-colour:var(--lightningcss-light,#ebebeb)var(--lightningcss-dark,#141414);background:repeating-linear-gradient(135deg, var(--stripe1-colour), var(--stripe1-colour) 10px, var(--stripe2-colour) 10px, var(--stripe2-colour) 20px);box-sizing:border-box;padding:var(--padding);min-height:var(--height);border:1px solid var(--border-colour);border-radius:var(--border-radius);padding-top:0}.folder .title{border-radius:calc(var(--border-radius) / 2);color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;background:0 0;border:none;padding:0 .5em}.folder .title:hover{opacity:.8}.folder .title:focus-visible{outline:1px solid var(--accent-colour)}.folder .folder-title-input{border-radius:calc(var(--border-radius) / 2);background-color:var(--background-colour);border:1px solid var(--border-colour);font-size:inherit;max-width:200px;padding:0 .5em;font-family:inherit}.folder .folder-title-input:focus{outline:none}.folder:not(:last-child){margin-bottom:1em}.folder .note:not(:last-child){margin-bottom:var(--padding)}.folder summary{cursor:pointer;margin-bottom:var(--padding);box-sizing:border-box;height:var(--height);padding:0;padding-left:var(--padding);justify-content:space-between;align-items:center;margin:0;list-style:none;display:flex}.folder summary::-webkit-details-marker{display:none}.folder summary:hover .delete{visibility:visible}.folder .delete{visibility:hidden;background-color:#0000;padding:0;transition:none}.folder .delete svg{width:1em;height:1em}.folder .delete:hover{transform:none}.folder .delete:hover svg{stroke:red}.folder .add-note{box-sizing:border-box;background-color:#0000;justify-content:center;align-items:center;gap:1em;width:100%;margin-top:1em;padding:0;display:flex}.folder:not([open]){height:var(--height);padding:0;padding-inline:var(--padding)}.folder ul{margin:0;padding:0;list-style:none}@scope(main){.timer-container{--padding:1.2em;--timer-height:110px;box-sizing:inherit;height:100%;max-width:calc(var(--max-width) + 300px);border-radius:0 var(--border-radius) var(--border-radius) 0;border:1px solid var(--border-colour);border-left:1px solid hsl(from var(--border-colour) h s l / .5);background-color:var(--background-dark);padding:var(--padding);grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto-fill, var(--timer-height));flex:1;gap:1.5em;display:grid;position:relative;overflow-y:auto}@media (width<=900px){.timer-container{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.timer-container{grid-template-columns:repeat(1,1fr)}}.timers{box-sizing:border-box;border-radius:var(--border-radius);border:1px solid var(--border-colour);background-color:var(--button-background);min-width:250px;padding:.5rem var(--padding);cursor:pointer;flex-direction:column;justify-content:space-around;gap:0;transition:none;display:flex}.timers:hover{background-color:var(--background-colour)}.timers .title{text-align:left;white-space:nowrap;text-overflow:ellipsis;margin:.5em 0 0;line-height:1em;overflow:hidden}.timers .display{flex-direction:column;height:fit-content;margin:0;padding:0;display:flex}.timers .display .countdown{margin-bottom:.1em}.timers .button-group{justify-content:center;display:flex}.timers .button-group button{background-color:#0000}.timers .button-group button:focus{outline:none}.timers .button-group button:focus-visible{outline:1px solid var(--accent-colour)}.timers .reset.disabled{opacity:.2}}.add{bottom:var(--padding);right:var(--padding);background-color:var(--button-background);width:40px;height:40px;padding:0;display:flex;position:absolute}.add span{font-size:4em;line-height:0}.add{justify-content:center;align-items:center;transition:border-color .25s,transform .15s cubic-bezier(.56,.72,0,.99)}.add:hover{background-color:var(--button-background);transform:scale(.9)!important}.add svg{height:75%}.add svg *{fill:#fff}.add:hover{transform:none}.timers progress[value]{--stripe1-colour:var(--accent-colour);--stripe2-colour:hsl(from var(--accent-colour) h 100% 72%);appearance:none;background-color:var(--background-dark);border-radius:var(--border-radius);border:none;width:100%}progress[value]::-webkit-progress-bar{background-color:var(--background-dark);border-radius:var(--border-radius)}progress[value]::-webkit-progress-value{background:repeating-linear-gradient(135deg, var(--stripe1-colour), var(--stripe1-colour) 10px, var(--stripe2-colour) 10px, var(--stripe2-colour) 20px);border-radius:var(--border-radius)}progress[value]::-moz-progress-bar{background:repeating-linear-gradient(135deg, var(--stripe1-colour), var(--stripe1-colour) 10px, var(--stripe2-colour) 10px, var(--stripe2-colour) 20px);border-radius:var(--border-radius)}progress[value]::-webkit-progress-value:after{content:"";background-color:var(--background-dark);border-radius:100%;position:absolute}.disabled{pointer-events:none}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--background-colour);border:1px solid var(--border-colour);border-radius:var(--border-radius);padding:var(--padding);min-width:200px;position:relative;box-shadow:0 4px 6px #0000004d}.modal-content h2{text-align:center;margin-top:0;margin-bottom:1.5em}.modal-content .time-inputs{justify-content:space-between;gap:1em;margin-bottom:1.5em;display:flex}.modal-content .input-group{flex-direction:column;align-items:center;display:flex}.modal-content .input-group label{opacity:.8;font-size:.9em}.modal-content .input-group input{border-radius:var(--border-radius);width:60px;color:inherit;text-align:center;background-color:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#0a0909);border:none;padding:.5em}.modal-content .input-group input:focus{border-color:var(--accent-colour);background-color:#ffffff26;outline:none}.modal-content h2{margin-bottom:1em}.modal-content .title-inputs{flex-direction:column;margin-bottom:1em;display:flex}.modal-content .title-inputs label{text-align:left;opacity:.8;margin-bottom:.5em;margin-left:1em;font-size:.9em}.modal-content .title-inputs input{border-radius:var(--border-radius);color:inherit;text-align:center;text-align:left;background-color:var(--lightningcss-light,#f0f0f0)var(--lightningcss-dark,#0a0909);border:none;padding:.5em .5em .5em 1em}.modal-content .title-inputs input:focus{border-color:var(--accent-colour);background-color:#ffffff26;outline:none}.modal-content .modal-buttons{justify-content:center;gap:1em;display:flex}.modal-content .modal-buttons .save{background-color:var(--accent-colour)}.modal-content .modal-buttons .cancel{background-color:var(--button-background)}.modal-content .delete{background-color:#0000;width:1em;height:1em;margin:0;padding:0;position:absolute;top:1.5em;right:1.5em;transform:none}.modal-content .delete svg{width:20px;height:20px}.modal-content .delete:hover svg{stroke:red}.clock-container{--padding:1.2em;box-sizing:inherit;height:100%;max-width:calc(var(--max-width) + 300px);border-radius:0 var(--border-radius) var(--border-radius) 0;border:1px solid var(--border-colour);border-left:1px solid hsl(from var(--border-colour) h s l / .5);background-color:var(--background-dark);padding:var(--padding);flex-direction:column;flex:1;gap:2em;display:flex;position:relative;overflow-y:scroll}.clock-container .clock{background-color:var(--button-background);padding-inline:var(--padding);border-radius:var(--border-radius);z-index:1;align-items:center;width:100%;min-height:100px;display:flex;position:relative;overflow:hidden}.clock-container .clock:before{content:attr(data-flag);z-index:-1;filter:blur(20px);margin:0;padding:0;font-size:175px;line-height:0;position:absolute;left:0}.clock-container .clock h2{margin:0}.clock-container .clock>*{text-align:left;padding-left:var(--padding);flex:1}.clock-container .clock .light{justify-content:center;align-items:center;max-width:150px;padding:0;display:flex}.clock-container .clock .light .day{fill:#fff45bde}.clock-container .clock .light .night{fill:#ffffffde}.clock-container .clock .time{max-width:100px;padding:0}.clock-container .clock .time h2{text-align:right}.clock-container .clock:hover .delete{visibility:visible}.clock-container .clock .delete{top:50%;right:var(--padding);visibility:hidden;background-color:#0000;width:1em;height:1em;margin:0;padding:0;position:absolute;transform:translateY(-50%)}.clock-container .clock .delete svg{width:20px;height:20px}.clock-container .clock .delete:hover svg{stroke:red}@media (width<=700px){.delete{top:calc(var(--padding) / 1.5)!important}}@media (width<=500px){.clock .area{text-overflow:ellipsis;margin:0;overflow:hidden}.clock .date{font-size:.8em}}.add-section{border-radius:var(--border-radius) 0 0 0;z-index:1;background-color:var(--background-dark);gap:.5em;width:fit-content;display:flex;position:sticky;top:100%;left:100%}.add-section input{border:1px solid var(--border-colour);border-radius:var(--border-radius);background-color:var(--button-background);color:var(--text-colour);min-width:200px;padding:.5em;font-family:inherit;font-size:.9em}.add-section .add-timezone{bottom:var(--padding);right:var(--padding);background-color:var(--button-background);width:40px;height:40px;padding:0;display:flex}.add-section .add-timezone span{font-size:4em;line-height:0}.add-section .add-timezone{justify-content:center;align-items:center;transition:border-color .25s,transform .15s cubic-bezier(.56,.72,0,.99)}.add-section .add-timezone:hover{background-color:var(--button-background);transform:scale(.9)!important}.add-section .add-timezone svg{height:75%}.add-section .add-timezone svg *{fill:#fff}:root{--rainbow:linear-gradient(to left in oklch, #fef26a, #fe8462, #ff70cb, #d270ff, #743ad5, #709df8, #5bffbd, #709df8, #743ad5, #d270ff, #ff70cb, #fe8462, #fef26a)}.rainbow-line{background-image:var(--rainbow);z-index:2147483647;background-size:400%;width:100%;height:1px;animation:100s infinite rainbow-animation;position:fixed;top:0}@keyframes rainbow-animation{0%{background-position:0%}to{background-position:400%}}.react-draggable{cursor:grab}.react-draggable-dragging{cursor:grabbing;z-index:999}.calculator-toggle{anchor-name:--calculator-toggle;z-index:1;aspect-ratio:1;background-color:#0000;justify-content:center;align-items:center;padding:.5em;transition:border-color .25s,transform .15s cubic-bezier(.56,.72,0,.99);display:flex;bottom:1rem;right:1rem}.calculator-toggle:hover{background-color:var(--button-background)}.calculator-toggle svg{fill:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);width:2.5em;height:2.5em}.calculator-toggle.oppened{background-color:var(--button-background);transform:scale(1)}.calculator-toggle.oppened svg{fill:var(--accent-colour)}.calculator-container{--background-colour:var(--lightningcss-light,#f4f4f4)var(--lightningcss-dark,#0b0b0b);--display-colour:var(--lightningcss-light,#ddd)var(--lightningcss-dark,#141414);--keypad-background:var(--lightningcss-light,#c7c7c7)var(--lightningcss-dark,#1a1a1a);position-anchor:--calculator-toggle;bottom:10%;bottom:calc(anchor(top) + .5em);right:anchor(right);border:1px solid var(--border-colour);background-color:var(--background-colour);border-radius:var(--border-radius);width:300px;padding:.75em;overflow:hidden;z-index:99999999!important;position:absolute!important}.calculator-container.hidden{display:none}.display{border-radius:var(--border-radius);background-color:var(--display-colour);flex-direction:row;justify-content:space-between;width:100%;height:4rem;margin-bottom:.75rem;padding:.5rem 1rem;display:flex}.equation{opacity:.3;flex-direction:column;justify-content:center;font-size:1.3rem;display:flex}.equation span{text-align:center}.equation span:not(:empty):after{content:"=";padding-left:.25rem}.value{text-align:end;font-size:2rem;overflow:scroll}.input-group{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.delete{grid-column:span 4/span 4}.equals{grid-column:span 2/span 2}.clear,.blank{grid-column:span 3/span 3}.input-group button{background-color:var(--keypad-background)}.controls{background-color:var(--display-colour)!important}.handle-bar{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.main-calculator{cursor:default}