#footer{color:var(--font-highlight-color);background-color:var(--secondary-color);border-radius:20px;width:fit-content;margin:1rem;padding:1rem}#footer-icons{justify-content:space-evenly;display:flex}#footer img{width:auto;height:20px}
.alfred-ribbon{z-index:1000;box-sizing:border-box;background:linear-gradient(135deg, var(--font-primary-color) 0%, var(--font-secondary-color) 100%);width:48px;height:48px;color:var(--bg-color);font-family:var(--font-style);letter-spacing:.02em;cursor:pointer;box-shadow:-4px 4px 20px color-mix(in srgb, var(--primary-color) 35%, transparent);border:none;border-radius:12px 0 0 12px;align-items:center;padding:0 14px;font-size:.8125rem;font-weight:600;line-height:1;transition:width .28s cubic-bezier(.4,0,.2,1),gap .28s cubic-bezier(.4,0,.2,1),box-shadow .28s;display:flex;position:fixed;top:50%;right:0;overflow:hidden;transform:translateY(-50%)}.alfred-ribbon:hover,.alfred-ribbon:focus-visible{width:148px;box-shadow:-6px 6px 28px color-mix(in srgb, var(--primary-color) 50%, transparent);outline:none;gap:8px}.alfred-ribbon:active{box-shadow:-3px 3px 14px color-mix(in srgb, var(--primary-color) 40%, transparent)}.alfred-ribbon-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.alfred-ribbon-icon svg{stroke-width:2px;width:100%;height:100%}.alfred-ribbon-label{white-space:nowrap;opacity:0;max-width:0;transition:opacity .2s 50ms,max-width .28s cubic-bezier(.4,0,.2,1);overflow:hidden}.alfred-ribbon:hover .alfred-ribbon-label,.alfred-ribbon:focus-visible .alfred-ribbon-label{opacity:1;max-width:100px}@media (max-width:800px){.alfred-ribbon,.alfred-ribbon:hover,.alfred-ribbon:focus-visible{gap:0;width:44px;height:44px;padding:0 12px}.alfred-ribbon-label{display:none}}@media (prefers-reduced-motion:reduce){.alfred-ribbon,.alfred-ribbon-label{transition:none}}
.alfred-dock{background-color:var(--bg-color);border-left:1px solid color-mix(in srgb, var(--font-highlight-color) 10%, transparent);box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:-12px 0 40px #00000038}.alfred-dock>*{flex:1;width:100%;min-width:0;height:100%;min-height:0}