.auth-dialog .logo{max-width:12em;margin:auto}.auth-dialog .form{padding:var(--gap-large);overflow-y:auto}.auth-dialog .form input:not(:checked){background:var(--color-box-bg)}.auth-dialog .submit{display:block;min-width:12em;width:fit-content;margin:auto}.auth-dialog .header,.auth-dialog .trailers{text-align:center}.auth-dialog .trailers{padding:var(--gap-large);background:var(--color-fg);color:var(--color-box-bg);align-content:center}.auth-dialog .trailer img{max-height:40vh}.mini-progress{position:relative;margin-block-end:var(--border-thick-width);display:flex;gap:var(--gap)}.mini-progress:before{content:"";background:var(--color-fg2);height:calc(var(--border-thick-width) + 2px);border-radius:var(--radius-full);width:100%;position:absolute;top:calc(100% - 1px);left:0}.mini-progress:after{content:"";background:var(--color-accent3);height:var(--border-thick-width);border-radius:var(--radius-full);width:calc((100% - 2px) * var(--value));position:absolute;top:100%;left:1px}.oauth-login{margin-top:var(--gap);display:flex;flex-direction:column;align-items:center}.oauth-login .divider{display:flex;align-items:center;margin:var(--gap-small) 0;color:var(--color-faded-text)}.oauth-login .divider:before,.oauth-login .divider:after{content:"";flex:1;border-bottom:var(--border-thin) var(--color-faded-fg);margin:0 var(--gap-small)}.oauth-login .google-login-button{width:100%;text-decoration:none;display:flex;flex-flow:row;align-items:center;justify-content:center;gap:var(--gap-small);padding-block:calc(1.5 * var(--gap-tiny));color:var(--color-box-text)}.oauth-login .google-login-button img{width:20px;height:20px}.oauth-login .google-login-button:hover{background:var(--color-interact-bg);box-shadow:none}.course-cell{display:grid;grid-template:"image tags" "image title" "image date" /auto 1fr;gap:var(--gap-tiny) var(--gap-small)}.course-cell .img{grid-area:image}.course-cell .title{grid-area:title;font-size:var(--size-h4);font-weight:500}.course-cell .tag{background:var(--color-fg4);color:var(--color-box-bg);border-radius:var(--radius-small);font-size:var(--size-small);padding:var(--gap-tiny) var(--gap-small)}.account-page .account-sections{display:grid;grid-template-columns:1fr;gap:var(--gap-xlarge)}@media(min-width:768px){.account-page .account-sections{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}.account-page .account-section h2{color:var(--color-accent-fg);margin-top:0;margin-bottom:var(--gap)}.account-page .warning-text{color:var(--color-destructive-fg);font-weight:var(--weight-medium);margin-bottom:var(--gap)}.account-page .connected-account{margin-top:var(--gap)}.account-page .connected-account .connected-account-info{display:flex;align-items:center;gap:var(--gap-small);padding:var(--gap-small);background:var(--color-interact-bg);border-radius:var(--radius-small)}.account-page .connected-account .connected-account-info img{width:20px;height:20px}.account-page .connected-account .connected-account-info span{font-weight:var(--weight-medium)}.confirm-dialog{margin-block:0;width:100%;max-width:400px}.confirm-dialog::backdrop{background-color:#00000080}.confirm-dialog h3{color:var(--color-destructive-fg);margin-top:0}.confirm-dialog .dialog-buttons{display:flex;justify-content:flex-end;gap:var(--gap-small);margin-top:var(--gap)}