#projects{flex-direction:column;flex:1;width:calc(100% - 1rem);max-width:1200px;margin:0 auto;padding:.5rem;display:flex;container:projects/size}#projects .header{align-items:center;margin-bottom:.5rem;padding:0;display:flex}#projects .header-actions{flex-wrap:nowrap;flex-shrink:0;justify-content:flex-end;gap:.5rem;margin-left:auto;display:flex}#projects .header-actions .dx-button{white-space:nowrap;justify-content:center;align-items:center;gap:.25rem;min-width:fit-content;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}#projects .header-actions .dx-button svg{vertical-align:middle;display:inline-block}#projects .header-actions .btn-text{display:inline}@container projects (width<=480px){#projects .header-actions .btn-text{display:none}}#projects .loading,#projects .empty{text-align:center;color:var(--secondary-color-6);padding:1rem;font-size:1.2rem}#projects .project-list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}#projects .project-item{background:var(--primary-color-5);border:1px solid var(--primary-color-6);cursor:pointer;border-radius:.375rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.2rem;padding:.4rem;transition:all .2s;display:flex}#projects .project-item:hover{border-color:var(--focused-border-color)}#projects .project-item.selected{background:var(--focused-border-color);border-color:var(--focused-border-color)}#projects .project-name-link{min-width:0;color:inherit;cursor:pointer;flex:1;align-items:center;text-decoration:none;display:block}#projects .project-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:1rem;font-weight:500;overflow:hidden}#projects .project-actions{flex-shrink:0;gap:.2rem;display:flex}#projects .project-actions .dx-button{width:2.4rem;height:2.4rem;min-width:unset;border-radius:.25rem;justify-content:center;padding:0;font-size:1rem;font-weight:500;transition:all .2s}#projects .project-actions .dx-button[data-style=secondary]{background:var(--primary-color-6);color:var(--secondary-color);border:1px solid var(--primary-color-7);justify-content:center;align-items:center;display:flex}#projects .project-actions .dx-button[data-style=secondary]:hover,#projects .project-actions .dx-button[data-style=secondary]:focus{background:var(--primary-color-7);color:var(--secondary-color);border-color:var(--focused-border-color)}#projects .project-actions .dx-button[data-style=destructive]{background:var(--primary-error-color);color:var(--contrast-error-color);border:1px solid var(--primary-error-color);justify-content:center;align-items:center;display:flex}#projects .project-actions .dx-button[data-style=destructive]:hover,#projects .project-actions .dx-button[data-style=destructive]:focus{background:color-mix(in srgb, var(--primary-error-color) 80%, var(--primary-color-7) 20%);color:var(--contrast-error-color);border-color:var(--focused-border-color);opacity:1}#projects .footer-links{border-top:1px solid var(--primary-color-7);margin-top:1.5rem;padding:.75rem .5rem .25rem}#projects .footer-section{margin-bottom:1rem}#projects .footer-label{text-transform:uppercase;letter-spacing:.05em;color:var(--secondary-color-6);margin-bottom:.4rem;font-size:.7rem;font-weight:600;display:block}#projects .footer-links-row{flex-wrap:wrap;align-items:center;gap:.3rem .6rem;display:flex}#projects .footer-links-row a{color:var(--secondary-color-5);align-items:center;gap:.3rem;font-size:.85rem;text-decoration:none;transition:color .2s;display:inline-flex}#projects .footer-links-row a:hover,#projects .footer-links-row a:focus{color:var(--focused-border-color)}#projects .footer-links-row a svg{flex-shrink:0;width:.95rem;height:.95rem}#projects .footer-separator{color:var(--primary-color-7);-webkit-user-select:none;user-select:none}.inline-notice{background:var(--primary-info-color);color:var(--secondary-info-color);border:1px solid var(--secondary-info-color);border-radius:.4rem;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.4rem .6rem;font-size:.85rem;display:flex}.inline-notice span{flex:1;min-width:0}.inline-notice-close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;padding:0 .25rem;font-size:1.1rem;line-height:1}.inline-notice-close:hover{opacity:1}