@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root{--bg-light: hsl(43, 10%, 95%);--bg-neutral: hsl(43, 10%, 90%);--bg-neutral-75: hsla(43, 10%, 90%, .75);--bg-dark: hsl(43, 10%, 85%);--bg-dark-75: hsla(43, 10%, 85%, .75);--bg-black: hsl(60, 2%, 10%);--bg-black-15: hsla(60, 2%, 10%, .15);--label: hsl(60, 2%, 10%);--label-muted: hsl(60, 2%, 60%);--blue: hsl(191, 100%, 16%);--blue-15: hsla(191, 100%, 16%, .15);--red: hsl(0, 96%, 66%);--red-15: hsla(0, 96%, 66%, .15);--shadow-color: hsla(60, 2%, 10%, .15);--main-shadow: 0 6px 12px var(--shadow-color);--file-shadow: 0 0 12px var(--shadow-color);--inner-shadow: inset 0 -6px 12px var(--shadow-color)}html,*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif;font-size:14px}body{padding:12px;min-height:100vh;background-color:var(--bg-dark);color:var(--label)}main{display:flex;flex-direction:column;gap:48px;padding:48px 128px;width:100%;height:calc(100vh - 24px);overflow-y:scroll;border-radius:24px;background-color:var(--bg-light)}h1{font-size:36px}h2{font-size:24px}small{font-size:12px;color:var(--label-muted)}a{text-decoration:none;color:var(--label)}p{color:var(--label)}hr{border:1px solid var(--bg-dark-75)}label{text-indent:12px}input{padding:12px;width:100%;border-radius:12px;border:1px solid var(--bg-dark-75);background-color:var(--bg-light);color:var(--label);cursor:text;transition:all .25s ease-in-out}input::placeholder{color:var(--label-muted)}input:disabled{cursor:not-allowed;background-color:var(--bg-dark-75);color:var(--label-muted)}input:focus{outline:none}button{display:flex;flex-direction:row;outline:none;border:none;background-color:transparent;text-align:left;cursor:pointer;transition:all .25s ease-in-out}.btn{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;padding:12px 24px;width:fit-content;border-radius:24px;box-shadow:var(--main-shadow)}.btn-small{display:flex;flex-direction:row;justify-content:center;align-items:center;min-width:44px;height:44px;border-radius:22px}.btn-primary{border:1px solid var(--bg-black);background-color:var(--bg-neutral);color:var(--label)}.btn-primary:hover{background-color:var(--bg-black);color:var(--bg-dark);transition:all 50ms ease-in-out}.btn-primary:active{transform:scale(.95);transition:all 50ms ease-in-out}.btn-primary:disabled{background-color:var(--bg-black);color:var(--bg-dark);cursor:not-allowed;transition:all 50ms ease-in-out}.btn-secondary{border:1px solid var(--bg-dark-75);background-color:var(--bg-light)}.btn-secondary:hover{background-color:var(--bg-dark-75);transition:all 50ms ease-in-out}.btn-secondary:active{transform:scale(.95);transition:all 50ms ease-in-out}.pill{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;padding:6px;height:fit-content;border:1px solid var(--blue);border-radius:24px;background-color:var(--blue-15)}.nav-item{padding:12px;border-radius:12px;transition:all .25s ease-in-out;cursor:pointer}.nav-item:hover{background-color:var(--bg-neutral);transition:all 50ms ease-in-out}.container{padding:24px;min-height:fit-content;border:1px solid var(--bg-dark-75);border-radius:24px;background-color:var(--bg-neutral-75);-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px)}.content-column-64{display:flex;flex-direction:column;gap:64px}.content-column-48{display:flex;flex-direction:column;gap:48px}.content-column-24{display:flex;flex-direction:column;gap:24px}.content-column-12{display:flex;flex-direction:column;gap:12px}.content-column-6{display:flex;flex-direction:column;gap:6px}.content-column{display:flex;flex-direction:column}.content-column-end{display:flex;flex-direction:column;justify-content:end;height:100%}.content-column-space{display:flex;flex-direction:column;justify-content:space-between}.content-column-center{display:flex;flex-direction:column;align-items:center}.content-row-48{display:flex;flex-direction:row;align-items:center;gap:48px}.content-row-24{display:flex;flex-direction:row;align-items:center;gap:24px}.content-row-12{display:flex;flex-direction:row;align-items:center;gap:12px}.content-row-6{display:flex;flex-direction:row;align-items:center;gap:6px}.content-row{display:flex;flex-direction:row;align-items:center}.content-row-end{display:flex;flex-direction:row;justify-content:end;align-items:center}.content-row-space{display:flex;flex-direction:row;justify-content:space-between}.justify-center{justify-content:center}.align-center{align-items:center}@media screen and (max-width:1260px){main{padding:48px}}@media screen and (max-width:768px){main{padding:48px 24px}html,*{font-size:12px}h1{font-size:24px}h2{font-size:16px}small{font-size:10px}}@media screen and (max-width:425px){main{padding:48px 12p}}