/*! * SMCstylus Slider – classic theme: light, framed cards, square buttons. * * @author Mihai Calin Simion | https://smcstylus.com * @copyright Copyright (c) 2026 Mihai Calin Simion * @license MIT, see the LICENSE file * @link https://github.com/smcstylus/smcstylus-slider */.ss-theme-classic{--ss-accent: #667eea;--ss-on-accent: #fff;--ss-ink: #333;--ss-ink2: #777;--ss-surface: #f5f5f5;--ss-border: #ddd;--ss-shadow: none;--ss-radius: 4px;--ss-btn: 40px;--ss-btn-radius: 4px;--ss-dot: #ddd;--ss-blur: 0px;--ss-glow: 0;--ss-bg: #fff;--ssg-fs-bg: rgba(255, 255, 255, .98)}.ss-theme-classic .ss-card{padding:10px;border:1px solid #e5e5e5;background:#fff;transition:box-shadow .3s,border-color .3s}.ss-theme-classic .ss-card:hover{box-shadow:3px 3px 4px #0000004d}.ss-theme-classic .ss-card .ss-card-img{border-radius:4px;background:#f5f5f5}.ss-theme-classic .ss-card:hover .ss-card-img img{transform:scale(1.05)}.ss-theme-classic .ss-card h3{color:#333}.ss-theme-classic .ss-card:hover h3{color:#667eea}.ss-theme-classic .ssg.ssg-fs{--ss-ink: #333;--ss-ink2: #777;--ss-surface: #f5f5f5;--ss-border: #ddd}/*! * SMCstylus Slider – aurora theme: dark glass, cyan to violet, glow. * * @author Mihai Calin Simion | https://smcstylus.com * @copyright Copyright (c) 2026 Mihai Calin Simion * @license MIT, see the LICENSE file * @link https://github.com/smcstylus/smcstylus-slider */.ss-theme-aurora{--ss-accent: #38d9f5;--ss-accent2: #8b7bff;--ss-on-accent: #06070b;--ss-ink: #f4f5fa;--ss-ink2: rgba(244, 245, 250, .6);--ss-surface: rgba(255, 255, 255, .07);--ss-border: rgba(255, 255, 255, .13);--ss-shadow: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 20px 40px -20px rgba(0, 0, 0, .7);--ss-radius: 22px;--ss-btn: 46px;--ss-btn-radius: 50%;--ss-dot: rgba(255, 255, 255, .22);--ss-blur: 18px;--ss-bf: blur(18px);--ss-glow: 1;--ss-bg: #06070b;--ssg-fs-bg: rgba(4, 5, 9, .97)}.ss-theme-aurora .ss-card{padding:10px;border-radius:var(--ss-radius);background:linear-gradient(160deg,#ffffff1c,#ffffff0a);border:1px solid var(--ss-border);box-shadow:var(--ss-shadow)}.ss-theme-aurora .ss-card:hover{border-color:color-mix(in srgb,var(--ss-accent) 50%,transparent);box-shadow:0 0 30px -6px color-mix(in srgb,var(--ss-accent) 45%,transparent)}.ss-theme-aurora .ss-card .ss-card-img{border-radius:calc(var(--ss-radius) - 8px)}.ss-theme-aurora .ss-arrow:hover,.ss-theme-aurora .ssg-btn:hover{background:linear-gradient(135deg,var(--ss-accent),var(--ss-accent2));border-color:transparent;box-shadow:0 0 24px color-mix(in srgb,var(--ss-accent) 60%,transparent)}/*! * SMCstylus Slider – vision theme: light glass, soft depth. * * @author Mihai Calin Simion | https://smcstylus.com * @copyright Copyright (c) 2026 Mihai Calin Simion * @license MIT, see the LICENSE file * @link https://github.com/smcstylus/smcstylus-slider */.ss-theme-vision{--ss-accent: #2f7bff;--ss-accent2: #7a5cff;--ss-on-accent: #fff;--ss-ink: #0d1220;--ss-ink2: rgba(13, 18, 32, .55);--ss-surface: rgba(255, 255, 255, .7);--ss-border: rgba(255, 255, 255, .95);--ss-shadow: 0 1px 0 #fff inset, 0 14px 34px -14px rgba(40, 50, 90, .28), 0 2px 6px rgba(40, 50, 90, .06);--ss-radius: 26px;--ss-btn: 46px;--ss-btn-radius: 50%;--ss-dot: rgba(13, 18, 32, .18);--ss-blur: 24px;--ss-bf: blur(24px);--ss-glow: 0;--ss-bg: #eef0f6;--ssg-fs-bg: rgba(238, 240, 246, .97)}.ss-theme-vision .ss-card{padding:10px;border-radius:var(--ss-radius);background:linear-gradient(160deg,#ffffffdb,#ffffff9e);border:1px solid var(--ss-border);box-shadow:var(--ss-shadow)}.ss-theme-vision .ss-card .ss-card-img{border-radius:calc(var(--ss-radius) - 10px)}.ss-theme-vision .ss-dots-capsule>.ss-dots>.ss-ind,.ss-theme-vision .ss-dots-numbers>.ss-dots>.ss-ind{background:#fff;box-shadow:0 2px 10px #28325a2e}.ss-theme-vision .ss-dots-capsule>.ss-dots>.ss-dot>span{background:color-mix(in srgb,var(--ss-accent) calc(var(--ss-dp, 0) * 100%),var(--ss-dot))}.ss-theme-vision .ss-dots-numbers>.ss-dots>.ss-dot>span{color:color-mix(in srgb,var(--ss-ink) calc(var(--ss-dp, 0) * 100%),var(--ss-ink2))}.ss-theme-vision .ssg.ssg-fs{--ss-ink: #0d1220;--ss-ink2: rgba(13, 18, 32, .55);--ss-surface: rgba(255, 255, 255, .8);--ss-border: rgba(13, 18, 32, .1)}/*! * SMCstylus Slider – mono theme: black, lime, square, monospace. * * @author Mihai Calin Simion | https://smcstylus.com * @copyright Copyright (c) 2026 Mihai Calin Simion * @license MIT, see the LICENSE file * @link https://github.com/smcstylus/smcstylus-slider */.ss-theme-mono{--ss-accent: #c8f53c;--ss-accent2: #c8f53c;--ss-on-accent: #0a0a0a;--ss-ink: #f2f2f2;--ss-ink2: #8b8b8b;--ss-surface: #111;--ss-border: #262626;--ss-shadow: none;--ss-radius: 8px;--ss-btn: 42px;--ss-btn-radius: 8px;--ss-dot: #3a3a3a;--ss-blur: 0px;--ss-glow: 0;--ss-bg: #0a0a0a;--ssg-fs-bg: rgba(10, 10, 10, .98)}.ss-theme-mono .ss-card{padding:10px;border-radius:var(--ss-radius);background:var(--ss-surface);border:1px solid var(--ss-border)}.ss-theme-mono .ss-card:hover{border-color:var(--ss-accent)}.ss-theme-mono .ss-card h3{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.ss-theme-mono .ss-card .ss-card-img{border-radius:4px}/*! * SMCstylus Slider – imports every theme (load a single theme file in production). * * @author Mihai Calin Simion | https://smcstylus.com * @copyright Copyright (c) 2026 Mihai Calin Simion * @license MIT, see the LICENSE file * @link https://github.com/smcstylus/smcstylus-slider */