@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";:root{--bg: linear-gradient(180deg, #EBF2FC 0%, #EEF8F9 100%);--text: hsl(227, 75%, 14%);--surface: hsl(200, 60%, 99%);--surface-alt: hsl(0, 0%, 93%);--border: hsl(0, 0%, 78%);--button-text: hsl(227, 75%, 14%);--danger: hsl(3, 71%, 56%);--danger-hover: hsl(3, 77%, 44%);--nav-shadow: 0 4px 6px rgba(0, 0, 0, .05), 0 8px 16px rgba(0, 0, 0, .06);--toggle-bg: hsl(0, 0%, 78%);--toggle-knob: hsl(200, 60%, 99%);--logo: url(/assets/logo-CzwlH0bz.svg)}[data-theme=dark]{--bg: linear-gradient(180deg, #040918 0%, #091540 100%);--text: hsl(200, 60%, 99%);--surface: hsl(226, 25%, 17%);--surface-alt: hsl(225, 23%, 24%);--border: hsl(226, 11%, 37%);--button-text: hsl(200, 60%, 99%);--danger: hsl(3, 86%, 64%);--danger-hover: hsl(3, 71%, 56%);--nav-shadow: none;--toggle-bg: hsl(3, 71%, 56%);--toggle-knob: hsl(227, 75%, 14%);--logo: url(/assets/logo-darkmode-Bg8Cojot.svg)}#logo{content:var(--logo)}*{padding:0;margin:0}:after,:before,*{box-sizing:border-box}html{scroll-behavior:smooth;font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}img{display:block}body{background:var(--bg);min-height:100vh;color:var(--text);margin-bottom:2.5rem}nav{border-radius:10px;background-color:var(--surface);max-width:80%;margin:3.5rem auto;padding:.5rem .8rem;box-shadow:var(--nav-shadow)}.nav-container{display:flex;justify-content:space-between;align-items:center;border-radius:inherit}.nav-container-item2{cursor:pointer;padding:1.6rem;border-radius:12px;background-color:var(--surface-alt);position:relative}.nav-container-item2 img{width:25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity,transform .8s ease-in-out}.nav-container-item2{opacity:1}.nav-container-item2.light,.nav-container-item2.dark{transition:background-color .4s ease-in-out}.nav-container-item2.dark .dark-icon{opacity:0}.nav-container-item2.dark .light-icon,.nav-container-item2.light .dark-icon{opacity:1}.nav-container-item2.light .light-icon{opacity:0;transform:translate(-50%,-50%) rotate(360deg);transform-origin:center center}main{max-width:80%;margin:auto}.sub-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.sub-nav-title{font-size:1.75rem;font-weight:700;display:block;color:var(--text)}.sub-nav-states{display:flex;align-items:center;gap:1rem}.all{background-color:var(--surface);display:block;color:var(--text);border:unset;padding:.5rem 1rem;border-radius:17px;transition:all .3s ease-in-out}.all:hover{background-color:var(--danger);color:var(--surface-alt);cursor:pointer;border:unset}.all:active{background-color:var(--danger);color:var(--surface-alt)}.all:focus{border:1px solid var(--danger-hover)}.active{background-color:var(--surface);display:block;color:var(--text);border:unset;padding:.5rem 1rem;border-radius:17px;transition:all .3s ease-in-out}.active:hover{background-color:var(--danger);color:var(--surface-alt);cursor:pointer;border:unset}.active:active{background-color:var(--danger);color:var(--surface-alt)}.active:focus{border:1px solid var(--danger-hover)}.inactive{background-color:var(--surface);display:block;color:var(--text);border:unset;padding:.5rem 1rem;border-radius:17px;transition:all .3s ease-in-out}.inactive:hover{background-color:var(--danger);color:var(--surface-alt);cursor:pointer;border:unset}.inactive:active{background-color:var(--danger);color:var(--surface-alt)}.inactive:focus{border:1px solid var(--danger-hover)}.states.state-active{background-color:#de473f;color:var(--surface-alt)}.ext-grid-container{width:100%;display:grid;grid-template-columns:auto auto auto;gap:.85rem}.ext-grid-item{border-radius:17px;background-color:var(--surface);display:flex;flex-direction:column;gap:2.5rem;padding:1.2rem 1rem .8rem;box-shadow:var(--nav-shadow)}.ext-info{display:flex;gap:1rem}.ext-actions{display:flex;justify-content:space-between}.ext-actions button{font-weight:700;background-color:unset;color:unset;border:unset;background-color:var(--surface);display:block;color:var(--text);border:1px solid var(--button-text);padding:.5rem 1rem;border-radius:17px;transition:all .3s ease-in-out}.ext-actions button:hover{background-color:unset;color:unset;cursor:pointer;border:unset}.ext-actions button:active{background-color:unset;color:unset}.ext-actions button:focus{border:1px solid unset}.ext-actions button:hover{background-color:var(--danger);color:var(--surface-alt);cursor:pointer;border:1px solid var(--danger)}.ext-actions button:active{background-color:var(--danger);color:var(--surface-alt)}.ext-actions button:focus{border:1px solid var(--danger-hover)}.ext-title{margin-bottom:.2rem;font-weight:700}.ext-content{font-weight:400}.ext-img-container img{width:65px}.switch-container{display:flex;justify-content:space-between;align-items:center;height:20px;width:42px;background-color:#c7c7c7;border-radius:15px;overflow:hidden;position:relative;transition:all .5s ease;cursor:pointer;margin-top:1rem;box-shadow:inset 2px 2px 6px #a6a6a6,inset -2px -2px 6px #f2f2f2}.switch{height:18px;width:20px;background-color:#fbfdfe;border-radius:12px;transform:translate(1.5px);transition:all .5s ease;display:block;box-shadow:0 2px 5px #0003}.switch-container.toggle{background-color:#de473f;box-shadow:none}.switch-container.toggle .switch{transform:translate(20px)}.tabItem:focus-visible{outline:2px solid hsl(3,71%,56%);outline-offset:2px;border:none}@media screen and (max-width: 1024px){.ext-grid-container{grid-template-columns:auto auto}}@media screen and (max-width: 768px){main{max-width:90%}nav{max-width:90%}}@media screen and (max-width: 690px){.ext-grid-container{grid-template-columns:auto;row-gap:.5rem}.sub-nav{flex-direction:column;justify-content:unset;width:100%;gap:1rem}}@media screen and (max-width: 426px){nav{margin-top:1rem;margin-bottom:2rem}}