/* preview: moje_przyciski */
.moje-prev-moje_przyciski-light { background-color: #0d6efd !important; border-color: #0d6efd !important; border-width:1px!important;border-style:solid!important; color: #ffffff !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.moje-prev-moje_przyciski-light:hover { background-color: #0b1b6b !important; border-color: #394db1 !important; color: #ffffff !important; }
.moje-prev-moje_przyciski-dark { background-color: transparent !important; border-color: #cdd1d5 !important; border-width:1px!important;border-style:solid!important; color: #cdd1d5 !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.moje-prev-moje_przyciski-dark:hover { background-color: #cdd1d5 !important; border-color: #000000 !important; color: #0b0a0a !important; }
/* strona: .moje-przyciski */
html:not(.dark-mode) .moje-przyciski { background-color: #0d6efd !important; border-color: #0d6efd !important; border-width:1px!important;border-style:solid!important; color: #ffffff !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
html:not(.dark-mode) .moje-przyciski:hover { background-color: #0b1b6b !important; border-color: #394db1 !important; color: #ffffff !important; }
html.dark-mode .moje-przyciski { background-color: transparent !important; border-color: #cdd1d5 !important; border-width:1px!important;border-style:solid!important; color: #cdd1d5 !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
html.dark-mode .moje-przyciski:hover { background-color: #cdd1d5 !important; border-color: #000000 !important; color: #0b0a0a !important; }
/* `.moje-przyciski-ramka` — obramowanie w kolorze ramki przycisku (np. zaznaczona karta formacji) */
html:not(.dark-mode) .moje-przyciski-ramka { border-color: #0d6efd !important; }
html.dark-mode .moje-przyciski-ramka { border-color: #cdd1d5 !important; }
/* `.moje-przyciski-kolor` — kolor TEKSTU/ikony = kolor ramki przycisku (np. ikona sortowania w matrycy) */
html:not(.dark-mode) .moje-przyciski-kolor { color: #0d6efd !important; }
html.dark-mode .moje-przyciski-kolor { color: #cdd1d5 !important; }
/* preview: moje_przycisk2 */
.moje-prev-moje_przycisk2-light { background-color: #df685d !important; border-color: #df685d !important; border-width:1px!important;border-style:solid!important; color: #ffffff !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.moje-prev-moje_przycisk2-light:hover { background-color: #ffffff !important; border-color: #df685d !important; color: #df685d !important; }
.moje-prev-moje_przycisk2-dark { background-color: transparent !important; border-color: #df685d !important; border-width:1px!important;border-style:solid!important; color: #df685d !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.moje-prev-moje_przycisk2-dark:hover { background-color: #2c3340 !important; border-color: #df685d !important; color: #ffffff !important; }
/* strona: .moje-przycisk2 */
html:not(.dark-mode) .moje-przycisk2 { background-color: #df685d !important; border-color: #df685d !important; border-width:1px!important;border-style:solid!important; color: #ffffff !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
html:not(.dark-mode) .moje-przycisk2:hover { background-color: #ffffff !important; border-color: #df685d !important; color: #df685d !important; }
html.dark-mode .moje-przycisk2 { background-color: transparent !important; border-color: #df685d !important; border-width:1px!important;border-style:solid!important; color: #df685d !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
html.dark-mode .moje-przycisk2:hover { background-color: #2c3340 !important; border-color: #df685d !important; color: #ffffff !important; }
/* `.moje-przycisk2-ramka` — obramowanie w kolorze ramki przycisku (np. zaznaczona karta formacji) */
html:not(.dark-mode) .moje-przycisk2-ramka { border-color: #df685d !important; }
html.dark-mode .moje-przycisk2-ramka { border-color: #df685d !important; }
/* `.moje-przycisk2-kolor` — kolor TEKSTU/ikony = kolor ramki przycisku (np. ikona sortowania w matrycy) */
html:not(.dark-mode) .moje-przycisk2-kolor { color: #df685d !important; }
html.dark-mode .moje-przycisk2-kolor { color: #df685d !important; }
/* preview: moje_przycisk3 */
.moje-prev-moje_przycisk3-light { background-color: #f39c12 !important; border-color: #ffffff !important; border-width:1px!important;border-style:solid!important; color: #ffffff !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.moje-prev-moje_przycisk3-light:hover { background-color: #ffffff !important; border-color: #f39c12 !important; color: #f39c12 !important; }
.moje-prev-moje_przycisk3-dark { background-color: transparent !important; border-color: #f39c12 !important; border-width:1px!important;border-style:solid!important; color: #f39c12 !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.moje-prev-moje_przycisk3-dark:hover { background-color: #f39c12 !important; border-color: #f39c12 !important; color: #ffffff !important; }
/* strona: .moje-przycisk3 */
html:not(.dark-mode) .moje-przycisk3 { background-color: #f39c12 !important; border-color: #ffffff !important; border-width:1px!important;border-style:solid!important; color: #ffffff !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
html:not(.dark-mode) .moje-przycisk3:hover { background-color: #ffffff !important; border-color: #f39c12 !important; color: #f39c12 !important; }
html.dark-mode .moje-przycisk3 { background-color: transparent !important; border-color: #f39c12 !important; border-width:1px!important;border-style:solid!important; color: #f39c12 !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
html.dark-mode .moje-przycisk3:hover { background-color: #f39c12 !important; border-color: #f39c12 !important; color: #ffffff !important; }
/* `.moje-przycisk3-ramka` — obramowanie w kolorze ramki przycisku (np. zaznaczona karta formacji) */
html:not(.dark-mode) .moje-przycisk3-ramka { border-color: #ffffff !important; }
html.dark-mode .moje-przycisk3-ramka { border-color: #f39c12 !important; }
/* `.moje-przycisk3-kolor` — kolor TEKSTU/ikony = kolor ramki przycisku (np. ikona sortowania w matrycy) */
html:not(.dark-mode) .moje-przycisk3-kolor { color: #ffffff !important; }
html.dark-mode .moje-przycisk3-kolor { color: #f39c12 !important; }
/* preview: moje_przycisk4 */
.moje-prev-moje_przycisk4-light { background-color: #0d6efd !important; border-color: #0d6efd !important; border-width:1px!important;border-style:solid!important; color: #ffffff !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.moje-prev-moje_przycisk4-light:hover { background-color: #ffffff !important; border-color: #0d6efd !important; color: #0d6efd !important; }
.moje-prev-moje_przycisk4-dark { background-color: transparent !important; border-color: #0b5ed7 !important; border-width:1px!important;border-style:solid!important; color: #0d6efd !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.moje-prev-moje_przycisk4-dark:hover { background-color: #0d6efd !important; border-color: #0b5ed7 !important; color: #ffffff !important; }
/* strona: .moje-przycisk4 */
html:not(.dark-mode) .moje-przycisk4 { background-color: #0d6efd !important; border-color: #0d6efd !important; border-width:1px!important;border-style:solid!important; color: #ffffff !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
html:not(.dark-mode) .moje-przycisk4:hover { background-color: #ffffff !important; border-color: #0d6efd !important; color: #0d6efd !important; }
html.dark-mode .moje-przycisk4 { background-color: transparent !important; border-color: #0b5ed7 !important; border-width:1px!important;border-style:solid!important; color: #0d6efd !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
html.dark-mode .moje-przycisk4:hover { background-color: #0d6efd !important; border-color: #0b5ed7 !important; color: #ffffff !important; }
/* `.moje-przycisk4-ramka` — obramowanie w kolorze ramki przycisku (np. zaznaczona karta formacji) */
html:not(.dark-mode) .moje-przycisk4-ramka { border-color: #0d6efd !important; }
html.dark-mode .moje-przycisk4-ramka { border-color: #0b5ed7 !important; }
/* `.moje-przycisk4-kolor` — kolor TEKSTU/ikony = kolor ramki przycisku (np. ikona sortowania w matrycy) */
html:not(.dark-mode) .moje-przycisk4-kolor { color: #0d6efd !important; }
html.dark-mode .moje-przycisk4-kolor { color: #0b5ed7 !important; }
/* preview: moje_przycisk5 */
.moje-prev-moje_przycisk5-light { background-color: #1dbd8e !important; border-color: #1dbd8e !important; border-width:1px!important;border-style:solid!important; color: #ffffff !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.moje-prev-moje_przycisk5-light:hover { background-color: #ffffff !important; border-color: #1dbd8e !important; color: #1dbd8e !important; }
.moje-prev-moje_przycisk5-dark { background-color: transparent !important; border-color: #1dbd8e !important; border-width:1px!important;border-style:solid!important; color: #1dbd8e !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.moje-prev-moje_przycisk5-dark:hover { background-color: #1dbd8e !important; border-color: #1dbd8e !important; color: #ffffff !important; }
/* strona: .moje-przycisk5 */
html:not(.dark-mode) .moje-przycisk5 { background-color: #1dbd8e !important; border-color: #1dbd8e !important; border-width:1px!important;border-style:solid!important; color: #ffffff !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
html:not(.dark-mode) .moje-przycisk5:hover { background-color: #ffffff !important; border-color: #1dbd8e !important; color: #1dbd8e !important; }
html.dark-mode .moje-przycisk5 { background-color: transparent !important; border-color: #1dbd8e !important; border-width:1px!important;border-style:solid!important; color: #1dbd8e !important; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
html.dark-mode .moje-przycisk5:hover { background-color: #1dbd8e !important; border-color: #1dbd8e !important; color: #ffffff !important; }
/* `.moje-przycisk5-ramka` — obramowanie w kolorze ramki przycisku (np. zaznaczona karta formacji) */
html:not(.dark-mode) .moje-przycisk5-ramka { border-color: #1dbd8e !important; }
html.dark-mode .moje-przycisk5-ramka { border-color: #1dbd8e !important; }
/* `.moje-przycisk5-kolor` — kolor TEKSTU/ikony = kolor ramki przycisku (np. ikona sortowania w matrycy) */
html:not(.dark-mode) .moje-przycisk5-kolor { color: #1dbd8e !important; }
html.dark-mode .moje-przycisk5-kolor { color: #1dbd8e !important; }