agnostic-vue/dist/common.properties.min.css

AgnosticUI (Vue)

:where(html){--agnostic-warning-border-accent-modelight:#ecd386;--agnostic-warning-border-modelight:#f0e3b9;--agnostic-warning-light-modelight:#fff5d4;--agnostic-warning-dark-modelight:#634902;--agnostic-secondary-hover-modelight:#bc583d;--agnostic-secondary-modelight:#c94d2b;--agnostic-primary-extra-light-modelight:#f1faff;--agnostic-primary-light-modelight:#dcf1ff;--agnostic-primary-dark-modelight:#063f69;--agnostic-primary-border-modelight:#c1d9e9;--agnostic-primary-hover-modelight:#2087d0;--agnostic-primary-modelight:#077acb;--agnostic-light-modelight:#fff;--agnostic-dark-modelight:#333;--agnostic-gray-dark-modelight:#717171;--agnostic-gray-mid-dark-modelight:#ccc;--agnostic-gray-mid-modelight:#d8d8d8;--agnostic-gray-light-modelight:#e9e9e9;--agnostic-gray-extra-light-modelight:#f8f8f8;--agnostic-error-border-modelight:#eec8c8;--agnostic-error-light-modelight:#ffe0e0;--agnostic-error-dark-modelight:#771414;--agnostic-error-modelight:#e02e2e;--agnostic-action-border-modelight:#c7f0d1;--agnostic-action-light-modelight:#e2ffe9;--agnostic-action-dark-modelight:#0a3414;--agnostic-action-hover-modelight:#3dd262;--agnostic-action-modelight:#2fb751;--agnostic-disabled-color-modelight:var(--agnostic-gray-dark-modelight);--agnostic-disabled-bg-modelight:var(--agnostic-gray-light-modelight)}:where(html){--agnostic-warning-border-accent-modedark:#433507;--agnostic-warning-border-modedark:#fff5d4;--agnostic-warning-light-modedark:#faecc0;--agnostic-warning-dark-modedark:#221b01;--agnostic-secondary-hover-modedark:#000;--agnostic-secondary-modedark:#e89982;--agnostic-primary-extra-light-modedark:#172c38;--agnostic-primary-light-modedark:#90d0fd;--agnostic-primary-dark-modedark:#021421;--agnostic-primary-border-modedark:#63b9f7;--agnostic-primary-hover-modedark:#63b9f7;--agnostic-primary-modedark:#91d1ff;--agnostic-light-modedark:#1a202c;--agnostic-dark-modedark:#d0d0d0;--agnostic-gray-dark-modedark:rgb(255 255 255 / 40%);--agnostic-gray-mid-dark-modedark:rgba(255 255 255 / 32%);--agnostic-gray-mid-modedark:rgba(255 255 255 / 8%);--agnostic-gray-light-modedark:rgba(255 255 255 / 6%);--agnostic-gray-extra-light-modedark:rgba(255 255 255 / 4%);--agnostic-error-border-modedark:#ffe0e0;--agnostic-error-light-modedark:#ffe0e0;--agnostic-error-dark-modedark:#260202;--agnostic-error-modedark:#fd9e9e;--agnostic-action-border-modedark:#e7ffed;--agnostic-action-light-modedark:#baf9ca;--agnostic-action-dark-modedark:#011e08;--agnostic-action-hover-modedark:#9fe0af;--agnostic-action-modedark:#baf9ca;--agnostic-disabled-color-modedark:var(--agnostic-gray-dark-modedark);--agnostic-disabled-bg-modedark:var(--agnostic-gray-light-modedark)}:root{color-scheme:light;--agnostic-warning-border-accent:var(--agnostic-warning-border-accent-modelight);--agnostic-warning-border:var(--agnostic-warning-border-modelight);--agnostic-warning-light:var(--agnostic-warning-light-modelight);--agnostic-warning-dark:var(--agnostic-warning-dark-modelight);--agnostic-secondary-hover:var(--agnostic-secondary-hover-modelight);--agnostic-secondary:var(--agnostic-secondary-modelight);--agnostic-primary-light:var(--agnostic-primary-light-modelight);--agnostic-primary-dark:var(--agnostic-primary-dark-modelight);--agnostic-primary-border:var(--agnostic-primary-border-modelight);--agnostic-primary-hover:var(--agnostic-primary-hover-modelight);--agnostic-primary:var(--agnostic-primary-modelight);--agnostic-light:var(--agnostic-light-modelight);--agnostic-dark:var(--agnostic-dark-modelight);--agnostic-gray-dark:var(--agnostic-gray-dark-modelight);--agnostic-gray-mid-dark:var(--agnostic-gray-mid-dark-modelight);--agnostic-gray-mid:var(--agnostic-gray-mid-modelight);--agnostic-gray-light:var(--agnostic-gray-light-modelight);--agnostic-gray-extra-light:var(--agnostic-gray-extra-light-modelight);--agnostic-error:var(--agnostic-error-modelight);--agnostic-error-light:var(--agnostic-error-light-modelight);--agnostic-error-dark:var(--agnostic-error-dark-modelight);--agnostic-error-border:var(--agnostic-error-border-modelight);--agnostic-disabled-color:var(--agnostic-gray-dark-modelight);--agnostic-disabled-bg:var(--agnostic-gray-light-modelight);--agnostic-action-border:var(--agnostic-action-border-modelight);--agnostic-action-light:var(--agnostic-action-light-modelight);--agnostic-action-dark:var(--agnostic-action-dark-modelight);--agnostic-action-hover:var(--agnostic-action-hover-modelight);--agnostic-action:var(--agnostic-action-modelight)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--agnostic-warning-border-accent:var(--agnostic-warning-border-accent-modedark);--agnostic-warning-border:var(--agnostic-warning-border-modedark);--agnostic-warning-light:var(--agnostic-warning-light-modedark);--agnostic-warning-dark:var(--agnostic-warning-dark-modedark);--agnostic-secondary-hover:var(--agnostic-secondary-hover-modedark);--agnostic-secondary:var(--agnostic-secondary-modedark);--agnostic-primary-light:var(--agnostic-primary-light-modedark);--agnostic-primary-dark:var(--agnostic-primary-dark-modedark);--agnostic-primary-border:var(--agnostic-primary-border-modedark);--agnostic-primary-hover:var(--agnostic-primary-hover-modedark);--agnostic-primary:var(--agnostic-primary-modedark);--agnostic-light:var(--agnostic-light-modedark);--agnostic-dark:var(--agnostic-dark-modedark);--agnostic-gray-dark:var(--agnostic-gray-dark-modedark);--agnostic-gray-mid-dark:var(--agnostic-gray-mid-dark-modedark);--agnostic-gray-mid:var(--agnostic-gray-mid-modedark);--agnostic-gray-light:var(--agnostic-gray-light-modedark);--agnostic-gray-extra-light:var(--agnostic-gray-extra-light-modedark);--agnostic-error:var(--agnostic-error-modedark);--agnostic-error-light:var(--agnostic-error-light-modedark);--agnostic-error-dark:var(--agnostic-error-dark-modedark);--agnostic-error-border:var(--agnostic-error-border-modedark);--agnostic-disabled-color:var(--agnostic-gray-dark-modedark);--agnostic-disabled-bg:var(--agnostic-gray-light-modedark);--agnostic-action-border:var(--agnostic-action-border-modedark);--agnostic-action-light:var(--agnostic-action-light-modedark);--agnostic-action-dark:var(--agnostic-action-dark-modedark);--agnostic-action-hover:var(--agnostic-action-hover-modedark);--agnostic-action:var(--agnostic-action-modedark)}}[color-scheme="light"]{color-scheme:light;--agnostic-warning-border-accent:var(--agnostic-warning-border-accent-modelight);--agnostic-warning-border:var(--agnostic-warning-border-modelight);--agnostic-warning-light:var(--agnostic-warning-light-modelight);--agnostic-warning-dark:var(--agnostic-warning-dark-modelight);--agnostic-secondary-hover:var(--agnostic-secondary-hover-modelight);--agnostic-secondary:var(--agnostic-secondary-modelight);--agnostic-primary-light:var(--agnostic-primary-light-modelight);--agnostic-primary-dark:var(--agnostic-primary-dark-modelight);--agnostic-primary-border:var(--agnostic-primary-border-modelight);--agnostic-primary-hover:var(--agnostic-primary-hover-modelight);--agnostic-primary:var(--agnostic-primary-modelight);--agnostic-light:var(--agnostic-light-modelight);--agnostic-dark:var(--agnostic-dark-modelight);--agnostic-gray-dark:var(--agnostic-gray-dark-modelight);--agnostic-gray-mid-dark:var(--agnostic-gray-mid-dark-modelight);--agnostic-gray-mid:var(--agnostic-gray-mid-modelight);--agnostic-gray-light:var(--agnostic-gray-light-modelight);--agnostic-gray-extra-light:var(--agnostic-gray-extra-light-modelight);--agnostic-error:var(--agnostic-error-modelight);--agnostic-error-light:var(--agnostic-error-light-modelight);--agnostic-error-dark:var(--agnostic-error-dark-modelight);--agnostic-error-border:var(--agnostic-error-border-modelight);--agnostic-disabled-color:var(--agnostic-gray-dark-modelight);--agnostic-disabled-bg:var(--agnostic-gray-light-modelight);--agnostic-action-border:var(--agnostic-action-border-modelight);--agnostic-action-light:var(--agnostic-action-light-modelight);--agnostic-action-dark:var(--agnostic-action-dark-modelight);--agnostic-action-hover:var(--agnostic-action-hover-modelight);--agnostic-action:var(--agnostic-action-modelight)}[color-scheme="dark"]{color-scheme:dark;--agnostic-warning-border-accent:var(--agnostic-warning-border-accent-modedark);--agnostic-warning-border:var(--agnostic-warning-border-modedark);--agnostic-warning-light:var(--agnostic-warning-light-modedark);--agnostic-warning-dark:var(--agnostic-warning-dark-modedark);--agnostic-secondary-hover:var(--agnostic-secondary-hover-modedark);--agnostic-secondary:var(--agnostic-secondary-modedark);--agnostic-primary-light:var(--agnostic-primary-light-modedark);--agnostic-primary-dark:var(--agnostic-primary-dark-modedark);--agnostic-primary-border:var(--agnostic-primary-border-modedark);--agnostic-primary-hover:var(--agnostic-primary-hover-modedark);--agnostic-primary:var(--agnostic-primary-modedark);--agnostic-light:var(--agnostic-light-modedark);--agnostic-dark:var(--agnostic-dark-modedark);--agnostic-gray-dark:var(--agnostic-gray-dark-modedark);--agnostic-gray-mid-dark:var(--agnostic-gray-mid-dark-modedark);--agnostic-gray-mid:var(--agnostic-gray-mid-modedark);--agnostic-gray-light:var(--agnostic-gray-light-modedark);--agnostic-gray-extra-light:var(--agnostic-gray-extra-light-modedark);--agnostic-error:var(--agnostic-error-modedark);--agnostic-error-light:var(--agnostic-error-light-modedark);--agnostic-error-dark:var(--agnostic-error-dark-modedark);--agnostic-error-border:var(--agnostic-error-border-modedark);--agnostic-disabled-color:var(--agnostic-gray-dark-modedark);--agnostic-disabled-bg:var(--agnostic-gray-light-modedark);--agnostic-action-border:var(--agnostic-action-border-modedark);--agnostic-action-light:var(--agnostic-action-light-modedark);--agnostic-action-dark:var(--agnostic-action-dark-modedark);--agnostic-action-hover:var(--agnostic-action-hover-modedark);--agnostic-action:var(--agnostic-action-modedark)}:where(html){--agnostic-focus-ring-outline-color:transparent;--agnostic-focus-ring-outline-style:solid;--agnostic-focus-ring-outline-width:3px;--agnostic-focus-ring-color:rgb(55 149 225 / 50%)}:where(html){--fluid-80:5rem;--fluid-72:4.5rem;--fluid-64:4rem;--fluid-56:3.5rem;--fluid-48:3rem;--fluid-40:2.5rem;--fluid-36:2.25rem;--fluid-32:2rem;--fluid-24:1.5rem;--fluid-20:1.25rem;--fluid-18:1.125rem;--fluid-16:1rem;--fluid-14:0.875rem;--fluid-12:0.75rem;--fluid-10:0.625rem;--fluid-8:0.5rem;--fluid-6:0.375rem;--fluid-4:0.25rem;--fluid-2:0.125rem;--agnostic-vertical-pad:var(--fluid-8);--agnostic-line-height:var(--fluid-20);--agnostic-side-padding:var(--fluid-12);--agnostic-input-side-padding:var(--fluid-12)}:where(html){--agnostic-small:0.875rem;--agnostic-body:1rem;--agnostic-h6:0.75rem;--agnostic-h5:1.125rem;--agnostic-h4:1.5rem;--agnostic-h3:2.25rem;--agnostic-h2:3rem;--agnostic-h1:4rem;--agnostic-font-color:var(--agnostic-dark);--agnostic-font-weight-bold:600;--agnostic-font-weight-light:300;--agnostic-font-family-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--agnostic-font-family-serif:Georgia,Cambria,"Times New Roman",Times,serif;--agnostic-font-family-body:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif}:where(html){--agnostic-timing-slow:450ms;--agnostic-timing-medium:300ms;--agnostic-timing-fast:200ms}:root{--agnostic-radius:var(--fluid-4,0.25rem);--agnostic-radius-capsule:9999px}