@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Oswald:wght@200;300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Press+Start+2P&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Russo+One&family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Tektur:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Helvetica:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Times+New+Roman:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Courier+New:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Georgia:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Palatino:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Garamond:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Comic+Sans+MS:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Trebuchet+MS:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Verdana:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Impact:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Tahoma:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Gill+Sans:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Century+Gothic:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Candara:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Corbel:wght@400;700&display=swap";@font-face{font-family:eliantoregular;src:url(/fonts/elianto-regular-webfont.woff2) format("woff2"),url(/fonts/elianto-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:eliantoregular;src:url(/fonts/elianto-regular-webfont.woff2) format("woff2"),url(/fonts/elianto-regular-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:eliantoregular;src:url(/fonts/elianto-regular-webfont.woff2) format("woff2"),url(/fonts/elianto-regular-webfont.woff) format("woff");font-weight:bolder;font-style:normal}@font-face{font-family:blackpast;src:url(/fonts/blackpast-blackpast-400.woff2) format("woff2"),url(/fonts/blackpast-blackpast-400.woff) format("woff")}@font-face{font-family:bodwars;src:url(/fonts/bodwars-bodwars-400.woff2) format("woff2"),url(/fonts/bodwars-bodwars-400.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:moleth;src:url(/fonts/moleth-moleth-regular-400.woff2) format("woff2"),url(/fonts/moleth-moleth-regular-400.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:rockyeah;src:url(/fonts/rockyeah-rockyeah-regular-400.woff2) format("woff2"),url(/fonts/rockyeah-rockyeah-regular-400.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:cromback;src:url(/fonts/cromback-cromback-regular-400.woff2) format("woff2"),url(/fonts/cromback-cromback-regular-400.woff) format("woff");font-weight:"400";font-style:normal}@font-face{font-family:lighters;src:url(/fonts/lighters-lighters-light-200.woff2) format("woff2"),url(/fonts/lighters-lighters-light-200.woff) format("woff");font-weight:200;font-style:normal}@font-face{font-family:lighters;src:url(/fonts/lighters-lighters-regular-400.woff2) format("woff2"),url(/fonts/lighters-lighters-regular-400.woff) format("woff");font-weight:400;font-style:normal}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0;content:none}html,body{width:100%;height:100%;font-family:var(--font-roboto);background:var(----white);transition:all .5s ease-in-out}img,video,iframe{max-width:100%;height:auto}blockquote,q{quotes:none;margin:0;padding:0}table{width:100%;border-collapse:collapse;border-spacing:0}ul,ol{list-style:none;margin:0;padding:0;list-style-position:outside}a{text-decoration:none;color:inherit}button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;outline:none}input[type=text],input[type=number],input[type=email],input[type=password],textarea,select{margin:0;padding:0;border:0;font-size:100%;font-family:inherit}button,input[type=button],input[type=reset],input[type=submit],a.button{text-decoration:none;color:inherit;background-color:transparent}fieldset{margin:0;padding:0;border:none}blockquote{margin:0;padding:0}address{font-style:normal}pre{margin:0;padding:0;font-size:100%;line-height:1.5}caption{text-align:left}.long-text,.pre-wrap{word-wrap:break-word;white-space:pre-wrap}:root html{scroll-behavior:smooth}:root .none{-webkit-user-select:none;user-select:none}:root .seo{display:none}:root .wrapper{width:clamp(1300px,80vw,1500px);margin:0 auto;overflow:hidden!important}@media (max-width: 1566px) and (max-height: 800px){:root .wrapper{width:clamp(1300px,80vw,1400px)}}@media (max-width: 800px) and (max-height: 1566px){:root .wrapper{width:clamp(1300px,80vw,1500px)}}@media (max-width: 1024px) and (max-height: 1366px){:root .wrapper{width:clamp(750px,80vw,900px)}}@media (max-width: 1366px) and (max-height: 1024px){:root .wrapper{width:clamp(1000px,80vw,1300px)}}@media (max-width: 768px) and (max-height: 1024px){:root .wrapper{width:clamp(400px,80vw,600px)}}@media (max-width: 1024px) and (max-height: 768px){:root .wrapper{width:clamp(700px,80vw,850px)}}@media (max-width: 430px) and (max-height: 932px){:root .wrapper{width:clamp(300px,80vw,400px)}}@media (max-width: 932px) and (max-height: 430px){:root .wrapper{width:clamp(400px,80vw,650px)}}@media (max-width: 414px) and (max-height: 896px){:root .wrapper{width:clamp(380px,80vw,580px)}}@media (max-width: 896px) and (max-height: 414px){:root .wrapper{width:clamp(380px,80vw,600px)}}@media (max-width: 390px) and (max-height: 844px){:root .wrapper{width:clamp(350px,80vw,550px)}}@media (max-width: 844px) and (max-height: 390px){:root .wrapper{width:clamp(350px,80vw,580px)}}@media (max-width: 375px) and (max-height: 812px){:root .wrapper{width:clamp(340px,80vw,530px)}}@media (max-width: 812px) and (max-height: 375px){:root .wrapper{width:clamp(340px,80vw,560px)}}@media (max-width: 360px) and (max-height: 760px){:root .wrapper{width:clamp(320px,80vw,500px)}}@media (max-width: 760px) and (max-height: 360px){:root .wrapper{width:clamp(320px,80vw,520px)}}:root{--font-oswald: "Oswald", sans-serif;--font-playfair: "Playfair Display", sans-serif;--font-roboto: "Roboto", sans-serif;--font-russo: "Russo One", sans-serif;--font-source: "Source Code Pro", monospace;--font-press: "Press Start 2P", cursive;--font-tektur: "Tektur", cursive;--font-elianto: "eliantoregular";--font-orbitron: "Orbitron", sans-serif;--font-blackpast: "blackpast";--font-bodwars: "bodwars";--font-moleth: "moleth";--font-rockyeah: "rockyeah";--font-cromback: "cromback";--font-lighters: "lighters";--font-1: clamp(4.5rem, 9vw, 5.8rem);--font-2: clamp(4.125rem, 8.25vw, 5.28rem);--font-3: clamp(3.75rem, 7.5vw, 4.8rem);--font-4: clamp(2.75rem, 5.5vw, 3.7rem);--font-5: clamp(2.25rem, 4.5vw, 3.1rem);--font-6: clamp(1.95rem, 3.9vw, 2.6rem);--font-7: clamp(1.725rem, 3.45vw, 2.3rem);--font-8: clamp(1.5rem, 3vw, 2rem);--font-9: clamp(1.275rem, 2.55vw, 1.7rem);--font-10: clamp(1.1125rem, 2.225vw, 1.5rem);--font-11: clamp(.95rem, 1.9vw, 1.3rem);--font-12: clamp(.7875rem, 1.575vw, 1.1rem);--font-13: clamp(.6875rem, 1.375vw, .9rem);--font-14: clamp(.5875rem, 1.175vw, .78rem);--font-15: clamp(.4875rem, .975vw, .66rem)}@media screen and (max-width: 1566px){:root{--font-1: clamp(4.25rem, 8.5vw, 5.4rem);--font-2: clamp(3.75rem, 7.5vw, 4.8rem);--font-3: clamp(3.25rem, 6.5vw, 4.2rem);--font-4: clamp(2.75rem, 5.5vw, 3.7rem);--font-5: clamp(2.25rem, 4.5vw, 3.1rem);--font-6: clamp(1.95rem, 3.9vw, 2.6rem);--font-7: clamp(1.725rem, 3.45vw, 2.3rem);--font-8: clamp(1.5rem, 3vw, 2rem);--font-9: clamp(1.275rem, 2.55vw, 1.7rem);--font-10: clamp(1.1125rem, 2.225vw, 1.5rem);--font-11: clamp(.95rem, 1.9vw, 1.3rem);--font-12: clamp(.7875rem, 1.575vw, 1.1rem);--font-13: clamp(.6875rem, 1.375vw, .9rem);--font-14: clamp(.5875rem, 1.175vw, .78rem);--font-15: clamp(.4875rem, .975vw, .66rem)}}@media screen and (max-width: 1366px){:root{--font-1: clamp(3.75rem, 7vw, 4.8rem);--font-2: clamp(3.25rem, 6.5vw, 4.3rem);--font-3: clamp(2.75rem, 6vw, 3.8rem);--font-4: clamp(2.25rem, 5.5vw, 3.3rem);--font-5: clamp(1.75rem, 5vw, 2.8rem);--font-6: clamp(1.575rem, 4.5vw, 2.3rem);--font-7: clamp(1.4rem, 4vw, 2rem);--font-8: clamp(1.225rem, 3.5vw, 1.7rem);--font-9: clamp(1.05rem, 3vw, 1.5rem);--font-10: clamp(.875rem, 2.8vw, 1.3rem);--font-11: clamp(.7875rem, 2.5vw, 1.1rem);--font-12: clamp(.7rem, 2.2vw, 1rem);--font-13: clamp(.6125rem, 2vw, .9rem);--font-14: clamp(.525rem, 1.8vw, .8rem);--font-15: clamp(.4375rem, 1.6vw, .7rem)}}@media screen and (max-width: 1000px){:root{--font-1: clamp(3.875rem, 7.75vw, 4.95rem);--font-2: clamp(3.375rem, 6.75vw, 4.35rem);--font-3: clamp(2.875rem, 5.75vw, 3.75rem);--font-4: clamp(2.375rem, 4.75vw, 3.15rem);--font-5: clamp(1.875rem, 3.75vw, 2.55rem);--font-6: clamp(1.7rem, 3.4vw, 2.4rem);--font-7: clamp(1.525rem, 3.05vw, 2.1rem);--font-8: clamp(1.35rem, 2.7vw, 1.8rem);--font-9: clamp(1.175rem, 2.35vw, 1.55rem);--font-10: clamp(1rem, 2vw, 1.3rem);--font-11: clamp(.875rem, 1.75vw, 1.15rem);--font-12: clamp(.7625rem, 1.525vw, 1rem);--font-13: clamp(.65rem, 1.3vw, .85rem);--font-14: clamp(.5375rem, 1.075vw, .7rem);--font-15: clamp(.4375rem, .875vw, .58rem)}}@media screen and (max-width: 450px){:root{--font-1: clamp(3.25rem, 6.5vw, 4.2rem);--font-2: clamp(2.75rem, 5.5vw, 3.7rem);--font-3: clamp(2.25rem, 4.5vw, 3.1rem);--font-4: clamp(1.75rem, 3.5vw, 2.6rem);--font-5: clamp(1.5875rem, 3.2vw, 2.2rem);--font-6: clamp(1.425rem, 2.8vw, 1.8rem);--font-7: clamp(1.25rem, 2.5vw, 1.6rem);--font-8: clamp(1.075rem, 2.2vw, 1.4rem);--font-9: clamp(.9125rem, 1.8vw, 1.2rem);--font-10: clamp(.8125rem, 1.625vw, 1rem);--font-11: clamp(.7125rem, 1.425vw, .9rem);--font-12: clamp(.6125rem, 1.225vw, .8rem);--font-13: clamp(.525rem, 1.05vw, .7rem);--font-14: clamp(.4375rem, .875vw, .6rem);--font-15: clamp(.35rem, .7vw, .5rem)}}:root{--black: black;--black-1: #111;--light-black-1: #222;--light-black-2: #333;--light-black-3: #444;--light-black-4: #555;--light-black-5: #666;--light-black-6: #777;--light-black-7: #888;--light-black-8: #999;--light-black-9: #aaa;--light-black-10: #bbb;--light-black-11: #6a6a6a;--white: white;--white-1: #f0f0f0;--white-2: #d1d1d1;--white-3: #e4e4e4;--white-4: #f5f5f5;--white-5: #f7f7f7;--white-6: #f9f9f9;--white-7: #ccc;--white-8: #f2f2f2;--white-9: #f3f3f3;--white-10: #d9d9d9;--white-11: #ffffff;--white-12: #dcdcdc;--red: #e74c3c;--red-1: #ff4d4d;--red-2: #ff3333;--red-3: #ff6f61;--red-4: #ff6666;--red-5: #c0392b;--blue-1: #007bff;--blue-2: #0044ff;--blue-3: #0056b3;--blue-4: #4e7dfc;--blue-5: #667eea;--blue-6: #00bc;--blue-7: #00bcdc;--blue-8: #75b3ff;--blue-9: #001f3f;--blue-10: #003366;--blue-11: #3498db;--blue-12: #2980b9;--blue-13: #0072ff;--blue-14: #00c6ff;--pink: #e91e63;--pink-1: #ff69b4;--pink-2: #ff00ff;--pink-3: #ff1493;--pink-4: #ff4081;--purple: #764ba2;--purple-1: #8e44ad;--purple-2: #9b59b6;--purple-3: #9c88ff;--purple-4: #3a0ca3;--yellow: #ffd700;--yellow-1: #ffc107;--yellow-2: #f39c12;--yellow-3: #f1c40f;--yellow-4: #f9ca24;--yellow-5: #fbc531;--yellow-6: #fdebd0;--yellow-7: #f9e79f;--yellow-8: #f4d03f;--yellow-9: #ffd300;--yellow-10: #ff971d;--orange: #ff5722;--orange-1: #ff6f61;--orange-2: #ff6348;--orange-3: #ff7f50;--orange-4: #ff8c00;--orange-5: #e67e22;--orange-6: #d35400;--green: #2ecc71;--green-1: #27ae60;--green-2: #16a085;--green-3: #1abc9c;--green-4: #00b894;--green-5: #00cec9;--green-6: #4caf50;--green-7: #1a936f;--green-8: #91cb3e;--green-9: #2e7d32;--green-10: #b2dbbf;--white-shadow: rgba(255, 255, 255, .9);--white-shadow-0: rgba(255, 255, 255, .8);--white-shadow-1: rgba(255, 255, 255, .7);--white-shadow-2: rgba(255, 255, 255, .6);--white-shadow-medium: rgba(255, 255, 255, .5);--white-shadow-light-3: rgba(255, 255, 255, .4);--white-shadow-light-2: rgba(255, 255, 255, .3);--white-shadow-light-1: rgba(255, 255, 255, .2);--white-shadow-light: rgba(255, 255, 255, .1);--black-shadow: rgba(0, 0, 0, .9);--black-shadow-0: rgba(0, 0, 0, .8);--black-shadow-1: rgba(0, 0, 0, .7);--black-shadow-2: rgba(0, 0, 0, .6);--black-shadow-medium: rgba(0, 0, 0, .5);--black-shadow-light-3: rgba(0, 0, 0, .4);--black-shadow-light-2: rgba(0, 0, 0, .3);--black-shadow-light-1: rgba(0, 0, 0, .2);--black-shadow-light: rgba(0, 0, 0, .1);--homepage-blue: hsl(240, 100%, 22%);--homepage-deepblue: hsl(237, 92%, 10%);--homepage-violet: hsl(303, 100%, 14%)}:root::-webkit-scrollbar{width:8px}:root::-webkit-scrollbar-track{background-color:var(--white-1);border-radius:8px}:root::-webkit-scrollbar-thumb{background-color:var(--blue-11);border-radius:8px;transition:background-color .5s ease-in-out-in-out;box-shadow:inset 0 0 4px var(--black-shadow-light-1)}:root::-webkit-scrollbar-thumb:hover{background-color:var(--blue-11)}:root::-webkit-scrollbar-thumb:active{background-color:var(--blue-5)}:root::-webkit-scrollbar-corner,:root::-webkit-scrollbar-track-piece{background-color:var(--white-1);border-radius:8px}:root::-webkit-scrollbar-button{display:none}:root::-webkit-scrollbar-thumb:vertical{height:20px}:root::-webkit-scrollbar-thumb:horizontal{width:8px}:root::-webkit-scrollbar-thumb:after{content:" ";display:block;background:linear-gradient(45deg,transparent 10%,var(--blue-11) 10%,var(--blue-11) 90%,transparent 90%);position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none}.todo{height:auto;max-width:800px;background:#e0e0e0;padding:1rem 2rem;margin:0 auto;border-radius:30px;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:none;align-items:none}.todo__header{font-family:var(--font-playfair);font-size:var(--font-7);letter-spacing:2px;font-weight:600;text-align:center;color:var(--black);margin:0 0 2.5%;transition:all .3s ease-in-out}.todo__header:hover{letter-spacing:4px}.todo__form{display:flex;gap:1rem;margin:0 0 2.5%}.todo__form__input{flex:7;padding:.75rem 1.5rem;background:#e0e0e0;border:none;border-radius:12px;font-family:var(--font-roboto);font-size:var(--font-13);letter-spacing:2px;font-weight:500;color:var(--black);box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;transition:box-shadow .2s ease}.todo__form__input:focus{outline:none;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.todo__form__add-todo-button{font-family:var(--font-elianto);font-size:var(--font-13);letter-spacing:0px;flex:1;padding:.5rem 1rem;color:#333;background:#e0e0e0;border:none;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.todo__form__add-todo-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.todo__form__add-todo-button:active{transform:translateY(2px);box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.todo__form__add-todo-button:disabled{opacity:.6;cursor:not-allowed}.todo__list{background:#e0e0e0;border-radius:12px;padding:1rem;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.todo__list__search{margin:0 0 2.5%}.todo__list__search input{width:100%;padding:.75rem 1.5rem;background:#e0e0e0;border:none;border-radius:12px;font-family:var(--font-roboto);font-size:var(--font-13);letter-spacing:2px;font-weight:500;color:var(--black);box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;transition:box-shadow .2s ease}.todo__list__search input:focus{outline:none;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.todo__list__delete-all-button{margin:0 0 2.5%;font-family:var(--font-elianto);font-size:var(--font-12);letter-spacing:3px;flex:1;padding:.5rem 1rem;width:100%;color:#333;background:#e0e0e0;border:none;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.todo__list__delete-all-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.todo__list__delete-all-button:active{transform:translateY(2px);box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.todo__list__delete-all-button:disabled{opacity:.6;cursor:not-allowed}.todo__list__items{list-style:none;padding:0;margin:0}.todo__list__items__item{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:space-between;padding:.75rem 0 .75rem .5rem;transition:background-color .2s ease;border-left:var(--blue-1) 2px solid;margin:2% 0 0}.todo__list__items__item:hover{background-color:#e5e5e5}.todo__list__items__item__todo{flex:1;font-family:var(--font-roboto);text-align:justify;line-height:1.25;font-size:var(--font-12);color:#444;word-break:break-word}.todo__list__items__item__todo strong{font-weight:500}.todo__list__items__item__todo mark{background:#ffeb3bb3;padding:0 .2rem;border-radius:2px}.todo__list__items__item__time{font-size:.8rem;color:#777;margin:.5rem 1rem}.todo__list__items__item__input{flex:1;margin-right:1rem;padding:.5rem;font-size:1rem;background:#e0e0e0;border:none;border-radius:12px;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;transition:box-shadow .2s ease}.todo__list__items__item__input:focus{outline:none;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}.todo__list__items__item__save-button,.todo__list__items__item__edit-button,.todo__list__items__item__delete-button{padding:.3rem;background:#e0e0e0;border:none;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.todo__list__items__item__save-button svg,.todo__list__items__item__edit-button svg,.todo__list__items__item__delete-button svg{fill:#333}.todo__list__items__item__save-button:hover:not(:disabled),.todo__list__items__item__edit-button:hover:not(:disabled),.todo__list__items__item__delete-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.todo__list__items__item__save-button:active,.todo__list__items__item__edit-button:active,.todo__list__items__item__delete-button:active{transform:translateY(2px);box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.todo__list__items__item__save-button:disabled,.todo__list__items__item__edit-button:disabled,.todo__list__items__item__delete-button:disabled{opacity:.6;cursor:not-allowed}.todo__list__footer{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.todo__list__footer__pagination{display:flex;align-items:center;gap:.5rem}.todo__list__footer__pagination__previous,.todo__list__footer__pagination__next,.todo__list__footer__pagination__pagination__number{padding:.3rem .6rem;font-size:.9rem;color:#333;background:#e0e0e0;border:none;border-radius:12px;box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff;cursor:pointer;transition:box-shadow .2s ease,transform .2s ease}.todo__list__footer__pagination__previous:hover:not(:disabled),.todo__list__footer__pagination__next:hover:not(:disabled),.todo__list__footer__pagination__pagination__number:hover:not(:disabled){background:#e2e2e2}.todo__list__footer__pagination__previous.active,.todo__list__footer__pagination__next.active,.todo__list__footer__pagination__pagination__number.active{background:#e2e2e2}.todo__list__footer__pagination__previous:hover:not(:disabled),.todo__list__footer__pagination__next:hover:not(:disabled),.todo__list__footer__pagination__pagination__number:hover:not(:disabled){transform:translateY(-2px);box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff}.todo__list__footer__pagination__previous:active,.todo__list__footer__pagination__next:active,.todo__list__footer__pagination__pagination__number:active{transform:translateY(2px);box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.todo__list__footer__pagination__previous:disabled,.todo__list__footer__pagination__next:disabled,.todo__list__footer__pagination__pagination__number:disabled{opacity:.6;cursor:not-allowed}.todo__list__footer__pagination__ellipsis{padding:.3rem .6rem;font-size:.9rem;color:#777}.todo__list__export__buttons{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.todo__list__export__buttons__label{font-size:.9rem;color:#333}.todo__list__export__buttons__select{padding:.3rem .6rem;font-size:.9rem;background:#e0e0e0;border:none;border-radius:12px;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;transition:box-shadow .2s ease}.todo__list__export__buttons__select:focus{outline:none;box-shadow:inset 2px 2px 4px #bebebe,inset -2px -2px 4px #fff}