@alfalab/core-components 45.6.0-beta.1 → 45.6.0-beta.2

package/button/cssm/components/base-button/inverted.module.css

@@ -1,296 +0,0 @@
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} /* deprecated */ :root {
-    --color-dark-bg-quaternary: #36363a;
-    --color-dark-text-primary: #fff;
-    --color-light-accent-primary-inverted: #f83a2a;
-    --color-light-accent-primary-inverted-hover: #ff503e;
-    --color-light-accent-primary-inverted-press: #fd624e;
-    --color-light-neutral-1500-inverted: #fff;
-    --color-light-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
-    --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
-    --color-light-text-primary-inverted: #fff;
-    --color-light-text-primary-inverted-hover: #babbc2;
-    --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37);
-    --color-light-transparent-default: rgba(255, 255, 255, 0);
-    --color-light-transparent-default-inverted-hover: rgba(214, 214, 229, 0.07);
-    --color-light-transparent-default-inverted-press: rgba(225, 225, 248, 0.09);
-    --color-static-neutral-1500-inverted: #fff;
-    --color-static-text-primary-inverted: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-} :root {
-} :root {
-} :root {
-    /* misc */
-
-    /* border-radius desktop */
-
-    /* primary */
-
-    /* accent */
-
-    /* secondary */
-
-    /* tertiary */
-
-    /* outlined */
-
-    /* ghost */
-
-    /* text */
-
-    /* link */
-
-    /* transparent */
-
-    /* loader */
-
-    /* primary inverted */
-
-    /* accent inverted */
-    --button-inverted-accent-base-bg-color: var(--color-light-accent-primary-inverted);
-    --button-inverted-accent-hover-bg-color: var(--color-light-accent-primary-inverted-hover);
-    --button-inverted-accent-active-bg-color: var(--color-light-accent-primary-inverted-press);
-    --button-inverted-accent-disabled-bg-color: var(--color-light-neutral-translucent-100-inverted);
-    --button-inverted-accent-disabled-color: var(--color-light-text-tertiary-inverted);
-    --button-inverted-accent-color: var(--color-static-text-primary-inverted);
-
-    /* secondary inverted */
-    --button-inverted-secondary-base-bg-color: var(--color-light-neutral-translucent-300-inverted);
-    --button-inverted-secondary-base-border-color: transparent;
-    --button-inverted-secondary-disabled-border-color: transparent;
-    --button-inverted-secondary-color: var(--color-light-text-primary-inverted);
-
-    /* tertiary inverted */
-    --button-inverted-tertiary-base-bg-color: var(--color-light-transparent-default);
-    --button-inverted-tertiary-hover-bg-color: var(
-        --color-light-transparent-default-inverted-hover
-    );
-    --button-inverted-tertiary-active-bg-color: var(
-        --color-light-transparent-default-inverted-press
-    );
-    --button-inverted-tertiary-hover-border-color: var(--color-light-neutral-1500-inverted);
-    --button-inverted-tertiary-disabled-bg-color: var(--color-light-transparent-default);
-    --button-inverted-tertiary-base-border-color: var(--color-light-neutral-1500-inverted);
-    --button-inverted-tertiary-color: var(--color-light-text-primary-inverted);
-
-    /* outlined inverted */
-    --button-inverted-outlined-base-bg-color: var(--color-light-transparent-default);
-    --button-inverted-outlined-hover-bg-color: var(
-        --color-light-transparent-default-inverted-hover
-    );
-    --button-inverted-outlined-active-bg-color: var(
-        --color-light-transparent-default-inverted-press
-    );
-    --button-inverted-outlined-hover-border-color: var(--color-light-neutral-1500-inverted);
-    --button-inverted-outlined-disabled-bg-color: var(--color-light-transparent-default);
-    --button-inverted-outlined-base-border-color: var(--color-light-neutral-1500-inverted);
-    --button-inverted-outlined-color: var(--color-light-text-primary-inverted);
-
-    /* ghost inverted */
-    --button-inverted-ghost-base-color: var(--color-light-text-primary-inverted);
-    --button-inverted-ghost-hover-color: var(--color-light-text-primary-inverted-hover);
-
-    /* text inverted */
-    --button-inverted-text-base-color: var(--color-light-text-primary-inverted);
-    --button-inverted-text-hover-color: var(--color-light-text-primary-inverted-hover);
-
-    /* link inverted */
-    --button-inverted-link-base-color: var(--color-light-text-primary-inverted);
-    --button-inverted-link-hover-bg-color: var(--color-light-transparent-default-inverted-hover);
-    --button-inverted-link-active-bg-color: var(--color-light-transparent-default-inverted-press);
-
-    /* transparent inverted */
-    --button-inverted-transparent-base-color: var(--color-light-text-primary-inverted);
-    --button-inverted-transparent-hover-bg-color: var(
-        --color-light-transparent-default-inverted-hover
-    );
-    --button-inverted-transparent-active-bg-color: var(
-        --color-light-transparent-default-inverted-press
-    );
-
-    /* loader inverted */
-    --button-spinner-inverted-static-color: var(--color-static-neutral-1500-inverted);
-    --button-spinner-inverted-color: var(--color-light-neutral-1500-inverted);
-
-    /* border-radius mobile */
-
-    /* primary mobile */
-
-    /* primary inverted mobile */
-
-    /* secondary mobile */
-
-    /* secondary inverted mobile */
-
-    /* tertiary mobile */
-
-    /* tertiary inverted mobile */
-
-    /* outlined mobile */
-
-    /* outlined inverted mobile */
-
-    /* link mobile */
-
-    /* link inverted mobile */
-
-    /* transparent mobile */
-
-    /* transparent inverted mobile */
-
-    /* ghost mobile */
-
-    /* ghost mobile inverted */
-
-    /* text mobile */
-
-    /* text mobile inverted */
-
-    /* loader mobile */
-} .accent {
-    color: var(--button-inverted-accent-color);
-    background-color: var(--button-inverted-accent-base-bg-color);
-    border: 1px solid transparent
-} @media (hover: hover) {
-        .accent:hover {
-            background-color: var(--button-inverted-accent-hover-bg-color);
-        }
-    } .accent:active {
-        background-color: var(--button-inverted-accent-active-bg-color);
-    } .accent > .loader {
-        color: var(--button-spinner-inverted-static-color);
-    } .primary {
-    border: 1px solid transparent;
-} .secondary {
-    color: var(--button-inverted-secondary-color);
-    border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .secondary > .loader {
-        color: var(--button-spinner-inverted-color);
-    } .outlined {
-    color: var(--button-inverted-outlined-color);
-    background-color: var(--button-inverted-outlined-base-bg-color);
-    border: 1px solid var(--button-inverted-outlined-base-border-color)
-} @media (hover: hover) {
-        .outlined:hover {
-            background-color: var(--button-inverted-outlined-hover-bg-color);
-            border-color: var(--button-inverted-outlined-hover-border-color);
-        }
-    } .outlined:active {
-        background-color: var(--button-inverted-outlined-active-bg-color);
-    } .outlined > .loader {
-        color: var(--button-spinner-inverted-color);
-    } .tertiary {
-    color: var(--button-inverted-tertiary-color);
-    background-color: var(--button-inverted-tertiary-base-bg-color);
-    border: 1px solid var(--button-inverted-tertiary-base-border-color)
-} @media (hover: hover) {
-        .tertiary:hover {
-            background-color: var(--button-inverted-tertiary-hover-bg-color);
-            border-color: var(--button-inverted-tertiary-hover-border-color);
-        }
-    } .tertiary:active {
-        background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .tertiary > .loader {
-        color: var(--button-spinner-inverted-color);
-    } .filled {
-    color: var(--color-dark-text-primary);
-    background-color: var(--color-dark-bg-quaternary)
-} @media (hover: hover) {
-        .filled:hover {
-            background-color: rgb(84, 84, 88);
-        }
-    } .filled:active {
-        background-color: rgb(46, 46, 49);
-    } .transparent {
-    color: var(--button-inverted-transparent-base-color);
-    background-color: transparent;
-    border: 1px solid transparent
-} @media (hover: hover) {
-        .transparent:hover {
-            background-color: var(--button-inverted-transparent-hover-bg-color);
-        }
-    } .transparent:active {
-        background-color: var(--button-inverted-transparent-active-bg-color);
-    } .transparent > .loader {
-        color: var(--button-spinner-inverted-color);
-    } .link {
-    color: var(--button-inverted-link-base-color);
-    background-color: transparent;
-    border: 1px solid transparent
-} @media (hover: hover) {
-        .link:hover {
-            background-color: var(--button-inverted-link-hover-bg-color);
-        }
-    } .link:active {
-        /* TODO: какой цвет? */
-        background-color: var(--button-inverted-link-active-bg-color);
-    } .link > .loader {
-        color: var(--button-spinner-inverted-color);
-    } .text {
-    background-color: transparent;
-    color: var(--button-inverted-text-base-color)
-} @media (hover: hover) {
-        .text:hover {
-            color: var(--button-inverted-text-hover-color);
-        }
-    } .text > .loader {
-        color: var(--button-spinner-inverted-color);
-    } .ghost {
-    background-color: transparent;
-    color: var(--button-inverted-ghost-base-color)
-} @media (hover: hover) {
-        .ghost:hover {
-            color: var(--button-inverted-ghost-hover-color);
-        }
-    } .ghost > .loader {
-        color: var(--button-spinner-inverted-color);
-    } .component[disabled].accent {
-        color: var(--button-inverted-accent-disabled-color);
-        background-color: var(--button-inverted-accent-disabled-bg-color)
-    } .component[disabled].accent.loading {
-            background-color: var(--button-inverted-accent-base-bg-color);
-        } .component[disabled].secondary {
-        border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .component[disabled].secondary.loading {
-            color: var(--button-inverted-secondary-color);
-            background-color: var(--button-inverted-secondary-base-bg-color);
-            border-color: var(--button-inverted-secondary-base-border-color);
-        } .component[disabled].outlined {
-        background-color: var(--button-inverted-outlined-disabled-bg-color)
-    } .component[disabled].outlined.loading {
-            color: var(--button-inverted-outlined-color);
-        } .component[disabled].tertiary {
-        background-color: var(--button-inverted-tertiary-disabled-bg-color)
-    } .component[disabled].tertiary.loading {
-            color: var(--button-inverted-tertiary-color);
-        } .component[disabled].filled {
-        color: rgba(255, 255, 255, 0.3);
-        background-color: rgba(54, 54, 58, 0.3);
-        border-color: transparent
-    } .component[disabled].filled.loading {
-            color: var(--color-dark-text-primary);
-            background-color: var(--color-dark-bg-quaternary);
-            border-color: transparent;
-        } .component[disabled].transparent {
-        background-color: transparent
-    } .component[disabled].transparent.loading {
-            color: var(--button-inverted-transparent-base-color);
-        } .component[disabled].link {
-        background-color: transparent
-    } .component[disabled].link.loading {
-            color: var(--button-inverted-link-base-color);
-        } .component[disabled].text.loading {
-            color: var(--button-inverted-text-base-color);
-        } .component[disabled].ghost.loading {
-            color: var(--button-inverted-ghost-base-color);
-        }

package/button/cssm/desktop/default.desktop.module.css

@@ -1,173 +0,0 @@
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} /* deprecated */ :root {
-    --color-light-accent-secondary: #0e0e0e;
-    --color-light-accent-secondary-hover: #29292c;
-    --color-light-accent-secondary-press: #2f2f32;
-    --color-light-neutral-1500-inverted: #fff;
-    --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
-    --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
-    --color-light-neutral-translucent-300-hover: rgba(5, 12, 41, 0.14);
-    --color-light-neutral-translucent-300-press: rgba(5, 11, 44, 0.18);
-    --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
-    --color-light-text-primary-inverted: #fff;
-    --color-light-text-primary-press: #75757d;
-    --color-light-text-tertiary: rgba(5, 8, 29, 0.38); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-} :root {
-} :root {
-} :root {
-    /* misc */
-
-    /* border-radius desktop */
-
-    /* primary */
-    --button-primary-base-bg-color: var(--color-light-accent-secondary);
-    --button-primary-hover-bg-color: var(--color-light-accent-secondary-hover);
-    --button-primary-active-bg-color: var(--color-light-accent-secondary-press);
-    --button-primary-disabled-bg-color: var(--color-light-neutral-translucent-100);
-    --button-primary-color: var(--color-light-text-primary-inverted);
-    --button-primary-disabled-color: var(--color-light-text-tertiary);
-
-    /* accent */
-
-    /* secondary */
-    --button-secondary-base-bg-color: var(--color-light-neutral-translucent-300);
-    --button-secondary-hover-bg-color: var(--color-light-neutral-translucent-300-hover);
-    --button-secondary-active-bg-color: var(--color-light-neutral-translucent-300-press);
-    --button-secondary-disabled-bg-color: var(--color-light-neutral-translucent-100);
-    --button-secondary-disabled-color: var(--color-light-text-tertiary);
-
-    /* tertiary */
-    --button-tertiary-disabled-border-color: var(--color-light-neutral-translucent-500);
-    --button-tertiary-disabled-color: var(--color-light-text-tertiary);
-
-    /* outlined */
-    --button-outlined-disabled-border-color: var(--color-light-neutral-translucent-500);
-    --button-outlined-disabled-color: var(--color-light-text-tertiary);
-
-    /* ghost */
-    --button-ghost-active-color: var(--color-light-text-primary-press);
-    --button-ghost-disabled-color: var(--color-light-text-tertiary);
-
-    /* text */
-    --button-text-active-color: var(--color-light-text-primary-press);
-    --button-text-disabled-color: var(--color-light-text-tertiary);
-
-    /* link */
-    --button-link-disabled-color: var(--color-light-text-tertiary);
-
-    /* transparent */
-    --button-transparent-disabled-color: var(--color-light-text-tertiary);
-
-    /* loader */
-    --button-spinner-primary-color: var(--color-light-neutral-1500-inverted);
-
-    /* primary inverted */
-
-    /* accent inverted */
-
-    /* secondary inverted */
-
-    /* tertiary inverted */
-
-    /* outlined inverted */
-
-    /* ghost inverted */
-
-    /* text inverted */
-
-    /* link inverted */
-
-    /* transparent inverted */
-
-    /* loader inverted */
-
-    /* border-radius mobile */
-
-    /* primary mobile */
-
-    /* primary inverted mobile */
-
-    /* secondary mobile */
-
-    /* secondary inverted mobile */
-
-    /* tertiary mobile */
-
-    /* tertiary inverted mobile */
-
-    /* outlined mobile */
-
-    /* outlined inverted mobile */
-
-    /* link mobile */
-
-    /* link inverted mobile */
-
-    /* transparent mobile */
-
-    /* transparent inverted mobile */
-
-    /* ghost mobile */
-
-    /* ghost mobile inverted */
-
-    /* text mobile */
-
-    /* text mobile inverted */
-
-    /* loader mobile */
-} .primary {
-    color: var(--button-primary-color);
-    background-color: var(--button-primary-base-bg-color)
-} @media (hover: hover) {
-        .primary:hover {
-            background-color: var(--button-primary-hover-bg-color);
-        }
-    } .primary:active {
-        background-color: var(--button-primary-active-bg-color);
-    } .primary > .loader {
-        color: var(--button-spinner-primary-color);
-    } .secondary {
-    background-color: var(--button-secondary-base-bg-color)
-} .secondary:hover {
-        background-color: var(--button-secondary-hover-bg-color);
-    } .secondary:active {
-        background-color: var(--button-secondary-active-bg-color);
-    } .text:active {
-        color: var(--button-text-active-color);
-    } .ghost:active {
-        color: var(--button-ghost-active-color);
-    } .component[disabled].primary {
-        color: var(--button-primary-disabled-color);
-        background-color: var(--button-primary-disabled-bg-color)
-    } .component[disabled].primary.loading {
-            background-color: var(--button-primary-base-bg-color);
-        } .component[disabled].secondary {
-        color: var(--button-secondary-disabled-color);
-        background-color: var(--button-secondary-disabled-bg-color);
-    } .component[disabled].outlined {
-        color: var(--button-outlined-disabled-color);
-        border-color: var(--button-outlined-disabled-border-color);
-    } .component[disabled].tertiary {
-        color: var(--button-tertiary-disabled-color);
-        border-color: var(--button-tertiary-disabled-border-color);
-    } .component[disabled].transparent {
-        color: var(--button-transparent-disabled-color);
-    } .component[disabled].link {
-        color: var(--button-link-disabled-color);
-    } .component[disabled].text {
-        color: var(--button-text-disabled-color);
-    } .component[disabled].ghost {
-        color: var(--button-ghost-disabled-color);
-    }

package/button/cssm/desktop/desktop.module.css

@@ -1,116 +0,0 @@
-:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-    --border-radius-m: 8px;
-    --border-radius-l: 12px;
-} :root {
-} :root {
-} :root {
-} :root {
-    /* misc */
-
-    /* border-radius desktop */
-    --button-xxs-size-border-radius: 6px;
-    --button-xs-size-border-radius: var(--border-radius-m);
-    --button-s-size-border-radius: var(--border-radius-m);
-    --button-m-size-border-radius: var(--border-radius-l);
-    --button-l-size-border-radius: var(--border-radius-l);
-    --button-xl-size-border-radius: var(--border-radius-l);
-
-    /* primary */
-
-    /* accent */
-
-    /* secondary */
-
-    /* tertiary */
-
-    /* outlined */
-
-    /* ghost */
-
-    /* text */
-
-    /* link */
-
-    /* transparent */
-
-    /* loader */
-
-    /* primary inverted */
-
-    /* accent inverted */
-
-    /* secondary inverted */
-
-    /* tertiary inverted */
-
-    /* outlined inverted */
-
-    /* ghost inverted */
-
-    /* text inverted */
-
-    /* link inverted */
-
-    /* transparent inverted */
-
-    /* loader inverted */
-
-    /* border-radius mobile */
-
-    /* primary mobile */
-
-    /* primary inverted mobile */
-
-    /* secondary mobile */
-
-    /* secondary inverted mobile */
-
-    /* tertiary mobile */
-
-    /* tertiary inverted mobile */
-
-    /* outlined mobile */
-
-    /* outlined inverted mobile */
-
-    /* link mobile */
-
-    /* link inverted mobile */
-
-    /* transparent mobile */
-
-    /* transparent inverted mobile */
-
-    /* ghost mobile */
-
-    /* ghost mobile inverted */
-
-    /* text mobile */
-
-    /* text mobile inverted */
-
-    /* loader mobile */
-} .size-32 {
-    border-radius: var(--button-xxs-size-border-radius);
-} .size-40 {
-    border-radius: var(--button-xs-size-border-radius);
-} .size-48 {
-    border-radius: var(--button-s-size-border-radius);
-} .size-56 {
-    border-radius: var(--button-m-size-border-radius);
-} .size-64 {
-    border-radius: var(--button-l-size-border-radius);
-} .size-72 {
-    border-radius: var(--button-xl-size-border-radius);
-}