.floating-header{background-color:var(--surface-primary);z-index:1;border-top:1px solid var(--border-tertiery);width:100%;height:80px;box-shadow:var(--shadow-primary);opacity:0;will-change:opacity;pointer-events:none;justify-content:space-between;transition:opacity .3s ease-out;animation:.3s ease-out forwards fade-in-slide;display:flex;position:fixed;bottom:0;left:0}@media (min-width:1570px){.floating-header{justify-content:flex-start}}.floating-header.is-floating{opacity:1;pointer-events:all}.floating-header .floating-header-inner{grid-template-columns:1fr 336px;grid-template-areas:"project-info project-actions";width:1224px;height:100%;margin-left:332px;padding:0;display:grid}@media (max-width:1570px){.floating-header .floating-header-inner{margin:0 auto;padding:0 0 0 20px}}.floating-header .project-info{flex-direction:column;grid-area:project-info;justify-content:center;gap:8px;width:max-content;display:flex}.floating-header .project-info .project-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:480px;font-size:18px;font-weight:700;line-height:24px;display:block;overflow:hidden}@media (min-width:1024px){.floating-header .project-info .project-name{max-width:630px}}.floating-header .project-actions-container{grid-area:project-actions}.floating-header .project-actions-container .project-actions{background-color:unset;padding:20px}.floating-header .project-actions-container .project-actions .manage-btn{display:none}@keyframes fade-in-slide{0%{transform:translateY(-20px)}to{transform:translateY(0)}}@media (min-width:900px){body:has(.floating-header.is-floating) .site-footer{padding:72px 10px 120px}}
.project-actions{--actions-padding:32px;font-family:var(--montserrat-font);background-color:var(--surface-secondary);padding:var(--actions-padding) 20px;flex-direction:row;grid-area:actions;align-items:center;gap:12px;display:flex;position:relative}.project-actions .btn-favorite.btn-icon,.project-actions .btn-follow.btn-icon{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.project-actions .btn-favorite.btn-icon svg,.project-actions .btn-follow.btn-icon svg{flex-shrink:0;width:24px;height:24px}.project-actions .tooltip-wrapper{width:100%;display:flex}.project-actions .tooltip-wrapper .download-cta{width:100%}.project-actions .manage-btn{color:var(--text-primary);background-color:var(--surface-secondary);flex:1;justify-content:center;gap:8px;padding:8px 16px 8px 24px;font-weight:500;display:flex;position:absolute;top:-37px;right:0}.project-actions .manage-btn svg{flex-shrink:0}.project-actions .btn-favorite{border:1px solid var(--border-tertiery);color:var(--text-primary);background-color:var(--surface-tertiery)}.project-actions .btn-favorite.is-active{background-color:var(--surface-brand-brand);color:var(--text-pure);border-color:var(--surface-brand-brand)}.project-actions .btn-favorite.is-active:hover{background-color:var(--surface-brand-brand-hover)}.project-actions .btn-follow{border:1px solid var(--border-tertiery);color:var(--text-primary);background-color:var(--surface-tertiery)}.project-actions .btn-follow.followed{background-color:var(--surface-brand-brand);color:var(--text-pure);border-color:var(--surface-brand-brand)}.project-actions .btn-follow.followed:hover{background-color:var(--surface-brand-brand-hover)}.project-actions .split-button{flex:1;height:40px}.project-actions .split-button .btn-cta{background-color:var(--surface-brand-brand);flex:1;height:100%}.project-actions .split-button .download-cta{color:var(--text-pure);background-color:var(--surface-brand-brand);border:none;height:40px}.project-actions .split-button .download-cta:hover{background-color:var(--surface-brand-brand-hover)}@media (max-width:900px){.project-actions{background-color:unset;flex-wrap:wrap;justify-content:center;padding:12px 0;display:flex}.project-actions .btn-favorite.btn-icon,.project-actions .btn-follow.btn-icon{width:40px;height:40px}.project-actions .btn-favorite.btn-icon svg,.project-actions .btn-follow.btn-icon svg{width:24px;height:24px}.project-actions .split-button{max-width:300px}.project-actions .manage-btn{border-radius:6px;flex:0;padding:8px 12px;font-size:14px}.project-actions .manage-btn svg{width:16px;height:16px}.project-actions .icon-exclamation-mark{color:#3af;width:20px;height:20px;margin-right:8px}}
.project-subscribe-button-wrapper{align-items:stretch;gap:1px;display:flex}.project-subscribe-button-wrapper .premium-only,.project-subscribe-button-wrapper .project-subscribe-button{background-color:var(--surface-brand-brand);color:var(--text-pure);font-family:var(--montserrat-font);align-items:center;gap:8px;padding:8px 27px 8px 16px;font-size:16px;display:flex}@media (min-width:900px){.project-subscribe-button-wrapper .premium-only:hover,.project-subscribe-button-wrapper .project-subscribe-button:hover{background-color:var(--surface-brand-brand-hover)}}.project-subscribe-button-wrapper .premium-only.subscribed,.project-subscribe-button-wrapper .project-subscribe-button.subscribed{border:1px solid var(--border-tertiery);background-color:#0000;align-items:center;padding:8px 16px}.project-subscribe-button-wrapper .premium-only.subscribed .subscribed-state,.project-subscribe-button-wrapper .project-subscribe-button.subscribed .subscribed-state{gap:8px;display:flex}.project-subscribe-button-wrapper .premium-only.subscribed .subscribed-hover-state,.project-subscribe-button-wrapper .project-subscribe-button.subscribed .subscribed-hover-state{gap:8px;display:none}.project-subscribe-button-wrapper .premium-only.subscribed:hover,.project-subscribe-button-wrapper .project-subscribe-button.subscribed:hover{background-color:var(--surface-on-surface-hover)}@media (min-width:900px){.project-subscribe-button-wrapper .premium-only.subscribed:hover,.project-subscribe-button-wrapper .project-subscribe-button.subscribed:hover{padding:8px 11px}.project-subscribe-button-wrapper .premium-only.subscribed:hover .subscribed-state,.project-subscribe-button-wrapper .project-subscribe-button.subscribed:hover .subscribed-state{display:none}.project-subscribe-button-wrapper .premium-only.subscribed:hover .subscribed-hover-state,.project-subscribe-button-wrapper .project-subscribe-button.subscribed:hover .subscribed-hover-state{display:flex}}.project-subscribe-button-wrapper .premium-only.processing,.project-subscribe-button-wrapper .project-subscribe-button.processing{opacity:.7;cursor:not-allowed}.project-subscribe-button-wrapper .premium-only svg,.project-subscribe-button-wrapper .project-subscribe-button svg{width:20px;height:20px}.project-subscribe-button-wrapper .project-subscribe-button-dropdown{color:var(--text-pure);cursor:pointer;background-color:var(--surface-brand-brand);justify-content:center;align-items:center;width:40px;min-height:40px;padding:8px;display:flex}.project-subscribe-button-wrapper .project-subscribe-button-dropdown.subscribed{border:1px solid var(--border-tertiery);background-color:#0000}.project-subscribe-button-wrapper .project-subscribe-button-dropdown.subscribed:hover{background-color:var(--surface-on-surface-hover)}.project-subscribe-button-wrapper .project-subscribe-button-dropdown:hover{background-color:var(--surface-brand-brand-hover)}.project-subscribe-button-wrapper .project-subscribe-button-dropdown.processing{opacity:.7;cursor:not-allowed}
.dropdown-actions-container{flex-direction:column;width:100%;display:flex;position:relative}.dropdown-actions-container .dropdown-actions{text-align:center;align-items:center;gap:1px;width:100%;display:flex}.dropdown-actions-container .dropdown-actions .btn-cta{background-color:var(--surface-brand-brand);height:40px;color:var(--icon-pure);font-size:16px}.dropdown-actions-container .dropdown-actions .btn-cta:not(:has(svg)){padding:8px 16px}.dropdown-actions-container .dropdown-actions .btn-cta span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dropdown-actions-container .dropdown-actions .btn-cta:hover{background-color:var(--surface-brand-brand-hover)}.dropdown-actions-container .dropdown-actions .btn-toggle{background-color:var(--surface-brand-brand);color:var(--icon-pure);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dropdown-actions-container .dropdown-actions .btn-toggle:hover{background-color:var(--surface-brand-brand-hover)}.dropdown-actions-container .dropdown-actions-content{border:1px solid var(--border-tertiery);background-color:var(--surface-secondary);transform-origin:top;z-index:1;z-index:1;width:321px;padding:16px;animation:.18s cubic-bezier(.2,0,0,1) forwards dropdown-reveal;position:absolute;top:100%;box-shadow:0 12px 20px -12px #000000e6}.dropdown-actions-container .dropdown-actions-content .view-all-container{color:var(--text-primary);align-items:center;gap:4px;margin:12px 0 0;display:flex}.dropdown-actions-container .dropdown-actions-content .view-all-container .view-all-files{font-size:12px;font-weight:500;text-decoration:none}.dropdown-actions-container .dropdown-actions-content .view-all-container svg{width:20px;height:20px}.dropdown-actions-container .dropdown-actions-content .seperator{background:var(--border-tertiery);width:290px;height:1px}.dropdown-actions-container .dropdown-actions-content .title{text-transform:uppercase;color:var(--text-secondary);padding-bottom:8px;font-size:14px;font-weight:500}.dropdown-actions-container .dropdown-actions-content .card-container{flex-direction:row;justify-content:space-between;align-items:center;gap:4px;margin-bottom:12px;padding:8px 0;display:flex}.dropdown-actions-container .dropdown-actions-content .card-container .download-button{width:32px;height:32px;color:var(--text-primary);border:1px solid var(--border-tertiery);background-color:var(--surface-tertiery);flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.dropdown-actions-container .dropdown-actions-content .card-container .download-button:hover{background-color:var(--surface-on-surface-hover)}.dropdown-actions-container .dropdown-actions-content .card-container .download-button svg{width:20px;height:20px}.dropdown-actions-container .dropdown-actions-content .card-container .card-info{flex:1;overflow:hidden}.dropdown-actions-container .dropdown-actions-content .card-container .card-info .file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.dropdown-actions-container .dropdown-actions-content .card-container .card-info .details-container{align-items:center;font-size:14px;font-weight:500;display:flex}.dropdown-actions-container .dropdown-actions-content .card-container .card-info .details-container .detail-item{color:var(--text-secondary);align-items:center;gap:4px;font-size:14px;font-weight:400;display:flex;overflow:hidden}.dropdown-actions-container .dropdown-actions-content .card-container .card-info .details-container .detail-item .text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dropdown-actions-container .dropdown-actions-content .card-container .card-info .details-container .detail-item svg{flex-shrink:0;width:16px;height:16px}.dropdown-actions-container .dropdown-actions-content .card-container .card-info .details-container .divider{background-color:var(--border-tertiery);width:1px;height:16px;margin:0 8px}@keyframes dropdown-reveal{0%{opacity:0;max-height:0;transform:translateY(-6px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.floating-header .dropdown-actions-container .btn-toggle{rotate:180deg}.floating-header .dropdown-actions-container .dropdown-actions-content{animation:.18s cubic-bezier(.2,0,0,1) forwards dropdown-reveal-upwards}@keyframes dropdown-reveal-upwards{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(calc(-100% - 50px))}}@media (prefers-reduced-motion:reduce){.dropdown-actions-container .dropdown-actions-content{animation:none}}