footer[data-v-c833e373]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-surface);bottom:0;color:var(--color-text-secondary);container-name:base-footer;container-type:inline-size;padding-block:calc(var(--padding-base)*2);padding-inline:calc(var(--padding-base)*6);position:sticky;z-index:1}footer .footer[data-v-c833e373]{align-items:center;display:flex;justify-content:center}footer .footer .footer-content[data-v-c833e373]{align-items:center;display:flex;gap:calc(var(--gap-base)*4);justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}footer .footer .footer-content .footer-content-left[data-v-c833e373]{align-items:center;display:flex;gap:calc(var(--gap-base)*4)}footer .footer .footer-content .color-mode[data-v-c833e373]{align-items:center;display:flex;gap:calc(var(--gap-base)*4)}footer .footer .footer-content .color-mode span[data-v-c833e373]{font-size:var(--text-sm)}footer .footer .footer-content .color-mode select[data-v-c833e373]{background-color:var(--color-surface-2);border:none;border-radius:4px;color:var(--color-primary);padding-block:calc(var(--padding-base)*1);padding-inline:calc(var(--padding-base)*2)}@container base-footer (width <= 900px){footer footer .footer .footer-content[data-v-c833e373]{flex-direction:column;gap:calc(var(--gap-base)*4)}}