@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";.widget-box{background-color:#ffffff0d;box-shadow:#fff0 0 0 15px;color:#ffffffde;border-radius:5px;border:none;margin:1rem;max-height:fit-content;max-height:-moz-fit-content}.widget-header{box-sizing:border-box;width:100%;background-color:#ffffff0d;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;padding:.25rem}.widget-title{font-size:.88rem;font-weight:700;display:flex;align-items:center;padding-left:.5rem;height:24px}.widget-controls-container{display:grid;grid-auto-flow:column;gap:8px;margin-left:auto}.widget-content-container{display:flex;justify-content:center;align-items:center}.tooltip-wrapper{display:inline-block;width:fit-content;width:-moz-fit-content;height:fit-content;height:-moz-fit-content;padding:none}.tooltip-wrapper button{padding:0!important}.tooltip-wrapper .popup-content{background:#555!important;width:fit-content!important;width:-moz-fit-content!important}.tooltip-wrapper .popup-content .inline-button{display:inline;background:none}.tooltip-container{z-index:5;position:absolute;right:22px;width:149px;padding:5px;overflow:unset;border:1px solid #aaa;background:#444;border-radius:10px 0 10px 10px}.button{cursor:pointer;padding:5px;border:none;border-radius:5px;color:#fff;background-color:#555;font-size:.8rem;font-weight:700;letter-spacing:.5px}.button:hover{background-color:#666}.button:disabled{color:#ffffff61;background-color:#55555561}.btn-primary{color:#fff;background-color:#2196f3}.btn-primary:hover{background-color:#42a5f5}.btn-primary:disabled{background-color:#2196f361;color:#ffffff61}.btn-secondary{color:#fff;background-color:#607d8b}.btn-secondary:hover{background-color:#78909c}.btn-secondary:disabled{background-color:#607d8b61;color:#ffffff61}.btn-secondary-outlined{background-color:transparent;border:1px solid #607d8b;color:#eee}.btn-secondary-outlined:hover{background-color:#ffffff1a}.btn-inline{padding:.2rem;font-size:.7rem;background:none;border:none;display:flex;align-items:center}.btn-inline:hover{background:#555}.btn-i{display:grid;place-items:center;width:24px;height:24px;padding:0;background:transparent}.btn-i svg{stroke:#aaa}.btn-i:hover svg{stroke:#eee}.checkbox-container{display:flex;align-items:flex-start;position:relative;margin-left:.75rem;padding-left:.25rem;min-height:1.5rem;margin-bottom:12px;border-bottom:1px solid #999;cursor:pointer;font-size:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container.right-tooltip .tooltip-wrapper{margin-left:auto;padding-right:1.2rem}.checkbox-container input{margin:0!important;position:absolute;opacity:0;cursor:pointer;height:1rem;width:1rem;top:0;right:0;z-index:999}.checkmark{position:absolute;top:0;right:0;height:1rem;width:1rem;background-color:#eee;border-radius:2px}.checkbox-container:hover input~.checkmark{background-color:#ccc}.checkbox-container input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:.3rem;top:.05rem;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modal{border-radius:5px;border:1px solid #444!important;box-shadow:0 5px 5px #000;background:#121212!important;color:#ffffffde;width:452px!important;padding:1rem!important}.modal ::-webkit-scrollbar{width:8px}.modal ::-webkit-scrollbar-thumb{height:56px;background:#8886}@media screen and (max-width: 576px){.modal{width:100%!important}}.modal .popup-arrow{background:inherit!important}.modal h1{margin-bottom:1rem}.modal h2{text-align:left;margin-top:1rem}.modal form{margin:auto;width:100%;text-align:left;font-weight:700}.modal .list-info{text-align:left;margin-top:.2rem;margin-bottom:.7rem;font-size:.75rem}.modal .box-list{height:45vh;overflow-y:auto;list-style-type:none;margin:0;padding:0 .25rem}.modal .box-list .list-item{padding-top:.4rem;padding-bottom:.4rem;display:flex;justify-content:center;align-items:center;border:none;border-bottom:1px solid #999}.modal .box-list .list-item a{color:#999}.modal .box-list .list-item a:hover{color:inherit}.modal-list-item-transparent-button{background:transparent;color:#aaa;font-size:1.1rem}.modal-list-item-transparent-button:hover{color:#eee;background:transparent}.notepad-settings-popup__font-size-input{width:52px;margin-left:12px}.input-wrapper{display:grid}.material-input{border:none;background:transparent;color:inherit;border-bottom:2px solid #aaa;padding:.5rem;margin-bottom:1rem;transition:.55s ease}.material-input:active,.material-input:focus{border-color:#adff2f}.material-input:-webkit-autofill,.material-input:-webkit-autofill:hover,.material-input:-webkit-autofill:focus,.material-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px #282d37 inset;box-shadow:0 0 0 1000px #282d37 inset;-webkit-text-fill-color:#e8eaed}.modal-wrapper{z-index:1;position:fixed;top:0;left:0;background-color:#0005;width:100%;height:100%;display:grid;place-items:center}.modal{position:relative;z-index:2;min-width:250px;max-width:470px;background-color:#eee;padding:20px 20px 75px;box-shadow:0 0 16px 1px #0002;border:4px solid rebeccapurple;border-radius:10px;box-sizing:border-box}.modal-title{text-align:left;margin:0 0 10px;font-size:22px;font-weight:700;letter-spacing:2px;border-bottom:1px solid #ccc;padding-bottom:10px;padding-right:36px}.modal-content{padding-top:10px}button.modal-close-button{position:absolute;top:5px;right:5px;border:none;cursor:pointer;font-size:20px;padding:0;background:none;opacity:.7}button.modal-close-button:hover{opacity:1;background:none}.actions{position:absolute;bottom:0;left:0;width:100%;background:#00000020;text-align:right;padding:5px;box-sizing:border-box;display:flex;justify-content:space-between}.actions button{padding:10px;border:none;border-radius:4px;text-transform:uppercase;letter-spacing:1px;margin-left:10px;cursor:pointer;transition:.25s ease-in-out}.notepad-widget-content{display:block;position:relative}.notepad-widget-content textarea{flex:1;box-sizing:border-box;width:100%;min-height:1rem;max-height:7rem;overflow-y:scroll;font-family:monospace;background:transparent;box-shadow:inset 0 0 5px #222;color:#fff;border:none;resize:vertical;padding:.5rem}.notepad-widget-content textarea::-webkit-scrollbar{background-color:transparent;cursor:pointer;width:.7rem}.notepad-widget-content textarea::-webkit-scrollbar-thumb{background-color:#8886;border-color:#777;cursor:pointer}.notepad-widget-content textarea::-webkit-scrollbar-corner{background:#555}.confirm-modal .modal-content{padding:0 10px 50px}.todo-widget-content{flex-direction:column}.todo-form{display:flex;width:100%;background:#333;background-color:#ffffff14}.todo-form form{padding:.6rem .5rem;display:flex;flex:1}.todo-form input{display:block;width:calc(100% - 2rem);border:none;border-top-left-radius:5px;border-bottom-left-radius:5px;background:#ccc;padding:.25rem;border:1px solid #aaa}.todo-form input:focus{background:#eee}.btn-new-todo{width:2rem;border-radius:0 5px 5px 0}.todo-list{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}.todo-list .todo-info{padding:1rem;font-size:1rem;color:#ffffffde}.todo-list .todo-count{padding:.25rem;margin:.2rem;color:#ffffff61}.todo-list .list-actions{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around}.todo-item{box-sizing:border-box;width:100%;border-bottom:1px solid rgba(255,255,255,.11);display:grid;grid-template-columns:24px 1fr 24px;gap:8px;text-align:left;padding:6px 12px;align-items:center;background-color:#ffffff12;font-weight:700}.todo-item:hover{cursor:pointer;background-color:transparent;color:#ffffff61}.todo-text{flex:1}.todo-item-checked,.todo-item:active{background-color:transparent;color:#ffffff61;font-weight:400;text-decoration:line-through}.todo-item-checked:hover,.todo-item:active:hover{background-color:#ffffff12}.todo-item-delete-button{padding:0}iframe.yt-player{box-sizing:border-box;width:100%;max-width:560px;height:100%}.VideoPlayer{position:relative;width:100%;height:315px}.VideoPlayer .video-loader{position:absolute;top:calc(50% - var(--video-player-spinner-size) / 2);left:calc(50% - var(--video-player-spinner-size) / 2)}.VideoPlayer .player-placeholder{display:flex;justify-content:center;align-items:center;height:315px;background-color:#ffffff12;font-size:1.25rem;font-weight:700}form.video-form{display:flex;flex-direction:row}form.video-form .cover-wrapper{display:flex;justify-content:center;align-items:center;min-width:120px;width:min-content;height:90px;background-color:#ccc;border:1px solid #777;border-radius:5px}form.video-form .cover-wrapper img{width:100%;height:100%;border-radius:5px}form.video-form .code-group{flex:3;padding-left:10px;text-align:left}form.video-form .code-group .video-form-code-input{flex:1;margin-bottom:0}form.video-form .code-group .input-row{margin-bottom:.5rem}form.video-form .code-group .btn-clear{position:absolute;right:1rem}.playlist-popup-playlist-item-thumbnail{display:flex;width:100%;height:60px;margin-right:6px}.playlist-list-item{display:grid;grid-template-columns:66px 1fr 20px;grid-gap:10px;align-items:center;padding:10px 0}.playlist-list-item:not(:last-child){border-bottom:1px solid #777}.playlist-list-item__video-information{display:grid;text-align:left;align-items:center}.media-item-thumbnail{width:36px;height:36px;position:relative}.media-item-thumbnail img{border-radius:5px;width:100%;height:100%}.media-item-thumbnail.clickable:hover{cursor:pointer}.media-item-thumbnail.clickable:hover .media-item-thumbnail__overlay{visibility:visible;opacity:.75}.media-item-thumbnail__overlay{position:absolute;display:grid;place-items:center;visibility:hidden;width:100%;height:100%;background-color:#000;opacity:0;border-radius:5px;transition:.2s ease-in-out}.media-item-thumbnail__overlay svg{width:50%;height:50%}.PlaylistItemSkeleton{display:block;width:100%;height:100%;border:1px solid #222;border-radius:5px;background:linear-gradient(-45deg,#888,#555);background-size:400% 400%;animation:gradientBG 3s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.dropdown__container{min-width:120px;height:30px;position:relative;box-sizing:border-box}.dropdown__header-button{border:1px solid #666;border-radius:6px;box-sizing:border-box;background:#333;padding:0 6px;display:grid;grid-template-columns:1fr 18px;align-items:center;gap:10px;width:100%;height:100%;font-size:14px}.dropdown__header-button__text{text-align:left;transition:.25s ease-in-out}.dropdown__header-button__icon{width:18px;height:18px;transition:transform .2s cubic-bezier(.075,.82,.165,1),opacity .25s ease-in-out,background .25s ease-in-out;opacity:.3;transform:rotate(0)}.dropdown__header-button__text,.dropdown__header-button__icon{opacity:.6}.dropdown__header-button__text path:nth-child(2),.dropdown__header-button__icon path:nth-child(2){fill:#fff;stroke:#fff}.dropdown__header-button:hover{cursor:pointer;background:#444}.dropdown__header-button:hover .dropdown__header-button__text,.dropdown__header-button:hover .dropdown__header-button__icon{opacity:1}.dropdown__option-list{z-index:1;display:block;box-sizing:border-box;background:#222;position:absolute;width:100%;border:1px solid #888;top:32px;border-radius:6px;box-shadow:none;transition:.3s ease-in-out;visibility:hidden;opacity:0;list-style:none;padding:0;margin:0}.dropdown__option-list__item{text-align:left;font-size:14px;padding:8px 4px 8px 10px;transition:.25s ease-in-out}.dropdown__option-list__item:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.dropdown__option-list__item:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.dropdown__option-list__item:not(:first-child){border-top:1px solid #666}.dropdown__option-list__item--selected,.dropdown__option-list__item:hover{background-color:#ffffff26;cursor:pointer}.dropdown--open .dropdown__header-button__icon{transform:rotate(-180deg)}.dropdown--open .dropdown__option-list{visibility:visible;opacity:1;height:auto}.playlist-popup__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.playlist-list__empty-state-content{padding:16px 12px;text-align:center}.playlist-list__empty-state-content__action-button{margin-top:12px}.PlaylistItem{position:relative;display:grid;grid-template-columns:36px 1fr 24px;align-items:center;justify-items:flex-start;gap:10px;height:36px;max-height:90px;border:1px solid #222;color:#aaa;padding:4px 8px}.PlaylistItem.is-active,.PlaylistItem:hover{color:#fff;background-color:#ffffff1a}.PlaylistItem:hover:not(.PlaylistItem.is-active){cursor:pointer}.PlaylistItem:active:not(.PlaylistItem.is-active){background-color:#fff3}.playlist{grid-template-columns:46px 1fr;max-height:240px;width:100%;height:100%}@media screen and (max-width: 576px){.playlist{grid-row:2}}.playlist__header{display:grid;grid-template-columns:1fr 24px;gap:12px;align-items:center;padding:8px}.playlist__header__title{margin:0;font-size:1.25rem}.playlist__dropdown .dropdown__header-button{background:transparent}.playlist__slider-container{display:block;max-height:269px;overflow:auto}@media screen and (max-width: 576px){.playlist__slider-container{max-height:180px}}.media-widget__content{display:grid;grid-template-columns:232px 1fr;align-items:flex-start}@media screen and (max-width: 576px){.media-widget__content{grid-template-columns:1fr}}.datetime-widget-content{padding:12px 24px;display:flex;flex-direction:column}.datetime-widget-content .time,.datetime-widget-content .day,.datetime-widget-content .date{margin:0;padding:0}.datetime-widget-content .time{width:100%;font-size:1.65rem;font-weight:700}.datetime-widget-content .day{font-size:1.2rem;color:#eee;letter-spacing:.2rem}.datetime-widget-content .date{font-size:.7rem;color:#aaa;font-weight:700}input.editable-text{box-sizing:border-box;background:transparent;border:2px solid transparent;border-radius:5px;padding:.2rem;color:#fff;font-weight:700;transition:.35s ease}input.editable-text:hover{background:#ffffff2e;border-color:#ffffff8c}input.editable-text:focus{border-color:#adff2f}.bookmark-list-item{display:grid;grid-template-columns:16px 1fr 24px;grid-column-gap:6px;text-align:left;align-items:center;border-bottom:1px solid #888;padding:4px 0}.bookmark-list-item__site-logo img{width:16px;height:16px}a.bookmark-anchor{color:#fff9;text-decoration:none;margin:.25rem}.single-bookmark{display:flex;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;border:1px solid #333;border-radius:10px;background-color:#ffffff12;box-sizing:border-box;padding:5px}.single-bookmark:hover{background-color:#ffffff1f;color:#ffffffde}.single-bookmark__logo{width:24px;height:24px;margin-bottom:4px}.single-bookmark__title{font-size:.75rem;flex:1;display:grid;align-items:center}.bookmarks-widget-content{position:relative;flex-direction:row;flex-wrap:wrap}form.timer-durations-form{display:flex}form.timer-durations-form .timer-durations-form-input-row{display:flex;gap:36px;margin-bottom:8px}form.timer-durations-form input{width:100%;text-align:center;font-size:1.2rem;padding:1px;margin:3px}form.timer-durations-form label{padding:9px;flex:1}.counter{box-sizing:border-box;display:flex;flex:1;justify-content:center;align-items:center;background:#ffffff0d;color:#fff;font-size:1.95rem;font-family:monospace;font-weight:700;letter-spacing:.15rem;border-radius:10px;width:75%;padding:1rem 0rem;margin:0 7px}.pomodoro-counter-display-container{display:flex;padding:0 10px}.pomodoro-counter-display-container button{font-size:1.4rem;width:24px;background:transparent;border:1px solid #666;opacity:.4}.pomodoro-counter-display-container button:not(:disabled):hover{opacity:1}.controls{flex:1;display:flex;align-items:flex-end}.controls button{border-radius:50%;border-color:#ffffff5e;color:#ffffff5e}.controls button svg{fill:#ffffff5e}.controls button:hover{border-color:#fff;color:#fff}.controls button:hover svg{fill:#fff}.pomodoroControls{flex:1;display:flex}.pomodoroControls button{border-radius:15px}.pomodoroControls button:hover{color:#fff!important}.pomodoroControls button.btn-pomodoro{border-color:#43a047;color:#43a047}.pomodoroControls button.btn-pomodoro:hover{border-color:#43a047;background-color:#43a047}.pomodoroControls button.btn-break{border-color:#e65100;color:#e65100}.pomodoroControls button.btn-break:hover{border-color:#e65100;background-color:#e65100}.pomodoroControls button.btn-longbreak{border-color:#0288d1;color:#0288d1}.pomodoroControls button.btn-longbreak:hover{border-color:#0288d1;background-color:#0288d1}.pomodoro-timer-widget-content{flex-direction:column;min-height:260px;flex:1}.pomodoro-timer-widget-content button.btn-control{display:block;margin:7px 10px;border:2px solid;width:52px;height:52px;font-size:1.5rem;background-color:transparent}.pomodoro-timer-widget-content button.btn-control svg{width:36px;height:36px}.pomodoro-timer-widget-content button.btn-control,.pomodoro-timer-widget-content button.btn-control svg{transition:.2s}@media screen and (max-width: 832px){.controls,.pomodoroControls{justify-content:space-evenly}}.header{width:100%;color:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #444}.header__link-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;height:100%}.header__link-list a{text-decoration:none;color:#ffffff80;border-bottom:1.75px solid rgba(100,181,246,.38)}.header__link-list a:hover,.header__link-list a.active{color:#fff;border-bottom-color:#64b5f6}.header__link-list li{margin-right:1.2rem;display:block;height:100%}.header__link-list .header-links{display:flex;align-items:center}.header__link-list .mobile-header-links{display:none}@media screen and (max-width: 576px){.header__link-list .header-links{display:none}.header__link-list .mobile-header-links{display:block}}.header__link-list .popup-content{width:auto!important}.brand{display:flex;align-items:center;font-size:1.7rem;font-weight:700}.brand .brand-logo{margin-left:1rem;margin-right:.5rem;height:1.8rem;width:1.8rem}.brand a{text-decoration:none;color:#eee}.brand span{margin-left:.3rem;margin-right:.5rem}.user-dropdown{position:relative}.user-dropdown .user-dropdown-menu{background-color:#000;right:0;position:absolute;padding:0!important;width:max-content;box-sizing:border-box;border:1px solid #888;border-radius:4px;z-index:3}.user-dropdown .user-dropdown-menu__list{display:block;padding:0rem}.user-dropdown .user-dropdown-menu__list__item{width:100%;height:auto}.user-dropdown .user-dropdown-menu__list__item:not(:last-child){border-bottom:1px solid #444}.user-dropdown--mobile .user-dropdown-menu{width:125px}.dropdown-menu__button--with-left-icon{display:grid;grid-template-columns:16px 1fr;grid-gap:4px;width:100%;align-items:center;text-align:left;background:transparent;border-radius:0}.dropdown-menu__button--with-left-icon:not(:last-of-type){border-bottom:1px solid rgba(255,255,255,.7)}.dropdown-menu__button--with-left-icon:not(:disabled):hover{background:#fff3}.dropdown-menu__user-header-button{display:grid;grid-template-columns:16px 1fr 16px;gap:6px;background:transparent;border:1px solid #888}.dropdown-menu__user-header-button--active,.dropdown-menu__user-header-button:hover{background:transparent;border:1px solid #ccc}.footer{text-align:center;width:100%;margin-top:16px;padding-bottom:16px;border-top:1px dotted #222;padding-top:24px}.footer .footer__content{height:52px;display:grid;width:max-content;text-align:left;margin:auto;grid-template-columns:52px 1fr;grid-template-rows:16px 14px;align-items:center}.footer__logo-container{grid-row:1/3}.footer__logo{display:block;animation:app-logo-360-spin infinite 20s linear;height:52px;width:52px;overflow:hidden;pointer-events:none;margin:auto auto 0}.footer__text{color:#fff;margin:0;font-size:14px}.footer__text--small{font-size:12px}@keyframes app-logo-360-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{font-family:Space Mono,sans-serif;outline:none}*::-moz-focus-inner{border:0}*:not(input){user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}input:required{box-shadow:none}body::-webkit-scrollbar{display:none;width:0}@-moz-document url-prefix(){html,body{scrollbar-width:none;scrollbar-color:hsla(0,0%,53.3%,.4) transparent}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#fff;font-size:.9rem;letter-spacing:.02rem}h1,h2,p{margin:0}h1{font-size:1.5rem}h2{font-size:1.2rem}p{font-size:.8rem}#app-container{margin:auto;max-width:1000px}.app{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}.app__big-column{display:flex;flex-direction:column;flex:3;flex-basis:600px}.app__small-column{flex:1;flex-basis:200px}.centered-grid{display:grid;place-items:center}.col{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.w-100{width:100%}.responsive-box{display:flex;justify-content:center;align-items:center;background-color:#ffffff0d;box-shadow:#fff0 0 0 15px;color:#ffffffde;border-radius:5px;border:none;margin:1rem;max-height:fit-content;max-height:-moz-fit-content;flex:1;flex-direction:column;flex-basis:250px;text-align:justify;text-justify:auto;justify-content:flex-start}.responsive-box .topbar{box-sizing:border-box;width:100%;background-color:#ffffff0d;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;padding:.25rem}.responsive-box .topbar .widget-title{font-size:.88rem;font-weight:700;display:flex;align-items:center;padding-left:.5rem}.responsive-box .topbar .widget-controls{margin-left:auto}.responsive-box .about-content{padding:1rem}.responsive-box .about-content a{color:#bbb}.responsive-box .about-content a:hover{color:#fff}.fade-in-out{animation:fade_in_out 2s cubic-bezier(.075,.82,.165,1);animation-iteration-count:infinite}@keyframes fade_in_out{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.truncated-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:left}