@shohojdhara/atomix 0.3.2 → 0.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +39 -20
- package/dist/atomix.css +83 -115
- package/dist/atomix.min.css +3 -3
- package/dist/index.d.ts +7049 -7284
- package/dist/index.esm.js +3529 -4674
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +3208 -4315
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/dist/themes/applemix.css +16576 -0
- package/dist/themes/applemix.css.map +1 -0
- package/dist/themes/applemix.min.css +73 -0
- package/dist/themes/boomdevs.css +16007 -0
- package/dist/themes/boomdevs.css.map +1 -0
- package/dist/themes/boomdevs.min.css +406 -0
- package/dist/themes/esrar.css +18424 -0
- package/dist/themes/esrar.css.map +1 -0
- package/dist/themes/esrar.min.css +221 -0
- package/dist/themes/flashtrade.css +17596 -0
- package/dist/themes/flashtrade.css.map +1 -0
- package/dist/themes/flashtrade.min.css +196 -0
- package/dist/themes/mashroom.css +31082 -0
- package/dist/themes/mashroom.css.map +1 -0
- package/dist/themes/mashroom.min.css +450 -0
- package/dist/themes/shaj-default.css +17200 -0
- package/dist/themes/shaj-default.css.map +1 -0
- package/dist/themes/shaj-default.min.css +502 -0
- package/package.json +96 -17
- package/scripts/atomix-cli.js +1428 -0
- package/scripts/build-themes.js +208 -0
- package/scripts/cli/interactive-init.js +528 -0
- package/scripts/cli/migration-tools.js +603 -0
- package/scripts/cli/token-manager.js +519 -0
- package/scripts/sync-theme-config.js +309 -0
- package/src/components/List/ListGroup.tsx +1 -2
- package/src/components/Popover/Popover.tsx +2 -2
- package/src/components/Tooltip/Tooltip.stories.tsx +49 -12
- package/src/components/Tooltip/Tooltip.tsx +32 -58
- package/src/lib/composables/useTooltip.ts +285 -0
- package/src/lib/constants/cssVariables.ts +390 -0
- package/src/lib/hooks/__tests__/useComponentCustomization.test.ts +151 -0
- package/src/lib/hooks/index.ts +19 -0
- package/src/lib/hooks/useComponentCustomization.ts +175 -0
- package/src/lib/index.ts +13 -1
- package/src/lib/patterns/__tests__/slots.test.ts +108 -0
- package/src/lib/patterns/index.ts +35 -0
- package/src/lib/patterns/slots.tsx +421 -0
- package/src/lib/theme/__tests__/ThemeBuilder.test.ts +223 -0
- package/src/lib/theme/builders/ThemeBuilder.ts +372 -0
- package/src/lib/theme/createTheme.ts +2 -134
- package/src/lib/theme/cssVariableMapper.ts +261 -0
- package/src/lib/theme/index.ts +33 -250
- package/src/lib/theme/runtime/ThemeApplicator.ts +252 -0
- package/src/lib/theme/themeUtils.ts +27 -5
- package/src/lib/theme/types.ts +59 -0
- package/src/lib/theme-tools.ts +185 -0
- package/src/lib/types/components.ts +194 -0
- package/src/lib/types/partProps.ts +426 -0
- package/src/lib/utils/__tests__/componentUtils.test.ts +144 -0
- package/src/lib/utils/componentUtils.ts +163 -0
- package/src/lib/utils/index.ts +17 -57
- package/src/styles/01-settings/_settings.colors.scss +10 -10
- package/src/styles/01-settings/_settings.tooltip.scss +1 -1
- package/src/styles/06-components/_components.tooltip.scss +31 -81
- package/src/themes/README.md +443 -0
- package/src/themes/THEME_CHECKLIST.md +74 -0
- package/src/themes/applemix/01-settings/_index.scss +24 -0
- package/src/themes/applemix/01-settings/_settings.animations.scss +0 -0
- package/src/themes/applemix/01-settings/_settings.background.scss +6 -0
- package/src/themes/applemix/01-settings/_settings.colors.scss +75 -0
- package/src/themes/applemix/01-settings/_settings.config.scss +15 -0
- package/src/themes/applemix/01-settings/_settings.typography.scss +30 -0
- package/src/themes/applemix/02-tools/_index.scss +4 -0
- package/src/themes/applemix/03-generic/_index.scss +7 -0
- package/src/themes/applemix/04-elements/_index.scss +7 -0
- package/src/themes/applemix/05-objects/_index.scss +7 -0
- package/src/themes/applemix/06-components/_index.scss +15 -0
- package/src/themes/applemix/99-utilities/_index.scss +7 -0
- package/src/themes/applemix/README.md +378 -0
- package/src/themes/applemix/index.scss +33 -0
- package/src/themes/boomdevs/01-settings/_index.scss +38 -0
- package/src/themes/boomdevs/01-settings/_settings.accordion.scss +12 -0
- package/src/themes/boomdevs/01-settings/_settings.animations.scss +11 -0
- package/src/themes/boomdevs/01-settings/_settings.avatar.scss +9 -0
- package/src/themes/boomdevs/01-settings/_settings.badge.scss +11 -0
- package/src/themes/boomdevs/01-settings/_settings.border-radius.scss +16 -0
- package/src/themes/boomdevs/01-settings/_settings.border.scss +10 -0
- package/src/themes/boomdevs/01-settings/_settings.box-shadow.scss +14 -0
- package/src/themes/boomdevs/01-settings/_settings.breadcrumb.scss +13 -0
- package/src/themes/boomdevs/01-settings/_settings.breakpoints.scss +15 -0
- package/src/themes/boomdevs/01-settings/_settings.button.scss +9 -0
- package/src/themes/boomdevs/01-settings/_settings.callout.scss +9 -0
- package/src/themes/boomdevs/01-settings/_settings.card.scss +11 -0
- package/src/themes/boomdevs/01-settings/_settings.checkbox.scss +9 -0
- package/src/themes/boomdevs/01-settings/_settings.colors.scss +145 -0
- package/src/themes/boomdevs/01-settings/_settings.dropdown.scss +11 -0
- package/src/themes/boomdevs/01-settings/_settings.grid.scss +16 -0
- package/src/themes/boomdevs/01-settings/_settings.input.scss +14 -0
- package/src/themes/boomdevs/01-settings/_settings.link.scss +11 -0
- package/src/themes/boomdevs/01-settings/_settings.list.scss +10 -0
- package/src/themes/boomdevs/01-settings/_settings.modal.scss +16 -0
- package/src/themes/boomdevs/01-settings/_settings.navbar.scss +16 -0
- package/src/themes/boomdevs/01-settings/_settings.pagination.scss +13 -0
- package/src/themes/boomdevs/01-settings/_settings.progress.scss +11 -0
- package/src/themes/boomdevs/01-settings/_settings.rating.scss +10 -0
- package/src/themes/boomdevs/01-settings/_settings.spacing.scss +33 -0
- package/src/themes/boomdevs/01-settings/_settings.spinner.scss +11 -0
- package/src/themes/boomdevs/01-settings/_settings.steps.scss +12 -0
- package/src/themes/boomdevs/01-settings/_settings.tabs.scss +12 -0
- package/src/themes/boomdevs/01-settings/_settings.todo.scss +15 -0
- package/src/themes/boomdevs/01-settings/_settings.toggle.scss +14 -0
- package/src/themes/boomdevs/01-settings/_settings.tooltip.scss +13 -0
- package/src/themes/boomdevs/01-settings/_settings.typography.scss +58 -0
- package/src/themes/boomdevs/01-settings/_settings.video-player.scss +12 -0
- package/src/themes/boomdevs/02-tools/_index.scss +7 -0
- package/src/themes/boomdevs/03-generic/_index.scss +7 -0
- package/src/themes/boomdevs/04-elements/_index.scss +7 -0
- package/src/themes/boomdevs/05-objects/_index.scss +7 -0
- package/src/themes/boomdevs/06-components/_components.button.scss +11 -0
- package/src/themes/boomdevs/06-components/_index.scss +11 -0
- package/src/themes/boomdevs/99-utilities/_index.scss +7 -0
- package/src/themes/boomdevs/index.scss +26 -0
- package/src/themes/esrar/01-settings/_index.scss +15 -0
- package/src/themes/esrar/01-settings/_settings.colors.scss +91 -0
- package/src/themes/esrar/02-tools/_index.scss +8 -0
- package/src/themes/esrar/02-tools/_tools.animations.scss +342 -0
- package/src/themes/esrar/06-components/_components.accordion.scss +49 -0
- package/src/themes/esrar/06-components/_components.avatar-group.scss +14 -0
- package/src/themes/esrar/06-components/_components.avatar.scss +61 -0
- package/src/themes/esrar/06-components/_components.badge.scss +117 -0
- package/src/themes/esrar/06-components/_components.breadcrumb.scss +65 -0
- package/src/themes/esrar/06-components/_components.btn-group.scss +19 -0
- package/src/themes/esrar/06-components/_components.button.scss +224 -0
- package/src/themes/esrar/06-components/_components.callout.scss +51 -0
- package/src/themes/esrar/06-components/_components.card.scss +134 -0
- package/src/themes/esrar/06-components/_components.chart.scss +24 -0
- package/src/themes/esrar/06-components/_components.checkbox-group.scss +26 -0
- package/src/themes/esrar/06-components/_components.checkbox.scss +71 -0
- package/src/themes/esrar/06-components/_components.color-mode-toggle.scss +29 -0
- package/src/themes/esrar/06-components/_components.countdown.scss +67 -0
- package/src/themes/esrar/06-components/_components.data-table.scss +22 -0
- package/src/themes/esrar/06-components/_components.datepicker.scss +20 -0
- package/src/themes/esrar/06-components/_components.dropdown.scss +272 -0
- package/src/themes/esrar/06-components/_components.edge-panel.scss +10 -0
- package/src/themes/esrar/06-components/_components.form-group.scss +15 -0
- package/src/themes/esrar/06-components/_components.form.scss +66 -0
- package/src/themes/esrar/06-components/_components.hero.scss +251 -0
- package/src/themes/esrar/06-components/_components.icon.scss +33 -0
- package/src/themes/esrar/06-components/_components.image-gallery.scss +29 -0
- package/src/themes/esrar/06-components/_components.input.scss +91 -0
- package/src/themes/esrar/06-components/_components.list-group.scss +26 -0
- package/src/themes/esrar/06-components/_components.modal.scss +148 -0
- package/src/themes/esrar/06-components/_components.notification.scss +80 -0
- package/src/themes/esrar/06-components/_components.pagination.scss +84 -0
- package/src/themes/esrar/06-components/_components.popover.scss +10 -0
- package/src/themes/esrar/06-components/_components.progress.scss +64 -0
- package/src/themes/esrar/06-components/_components.rating.scss +26 -0
- package/src/themes/esrar/06-components/_components.skeleton.scss +15 -0
- package/src/themes/esrar/06-components/_components.slider.scss +90 -0
- package/src/themes/esrar/06-components/_components.spinner.scss +71 -0
- package/src/themes/esrar/06-components/_components.steps.scss +76 -0
- package/src/themes/esrar/06-components/_components.tab.scss +58 -0
- package/src/themes/esrar/06-components/_components.tag.scss +21 -0
- package/src/themes/esrar/06-components/_components.timeline.scss +19 -0
- package/src/themes/esrar/06-components/_components.toast.scss +91 -0
- package/src/themes/esrar/06-components/_components.toggle.scss +74 -0
- package/src/themes/esrar/06-components/_components.tooltip.scss +45 -0
- package/src/themes/esrar/06-components/_components.upload.scss +102 -0
- package/src/themes/esrar/06-components/_index.scss +42 -0
- package/src/themes/esrar/index.scss +30 -0
- package/src/themes/flashtrade/01-settings/_index.scss +19 -0
- package/src/themes/flashtrade/01-settings/_settings.animations.scss +11 -0
- package/src/themes/flashtrade/01-settings/_settings.background.scss +9 -0
- package/src/themes/flashtrade/01-settings/_settings.colors.scss +79 -0
- package/src/themes/flashtrade/01-settings/_settings.config.scss +16 -0
- package/src/themes/flashtrade/01-settings/_settings.typography.scss +35 -0
- package/src/themes/flashtrade/02-tools/_index.scss +8 -0
- package/src/themes/flashtrade/03-generic/_index.scss +8 -0
- package/src/themes/flashtrade/04-elements/_index.scss +12 -0
- package/src/themes/flashtrade/05-objects/_index.scss +8 -0
- package/src/themes/flashtrade/06-components/_components.badge.scss +156 -0
- package/src/themes/flashtrade/06-components/_components.button.scss +135 -0
- package/src/themes/flashtrade/06-components/_components.card.scss +214 -0
- package/src/themes/flashtrade/06-components/_components.navbar.scss +227 -0
- package/src/themes/flashtrade/06-components/_index.scss +13 -0
- package/src/themes/flashtrade/99-utilities/_index.scss +9 -0
- package/src/themes/flashtrade/99-utilities/_utilities.trading.scss +187 -0
- package/src/themes/flashtrade/README.md +386 -0
- package/src/themes/flashtrade/demo.html +272 -0
- package/src/themes/flashtrade/index.scss +36 -0
- package/src/themes/mashroom/01-settings/_index.scss +69 -0
- package/src/themes/mashroom/01-settings/_settings.accordion.scss +32 -0
- package/src/themes/mashroom/01-settings/_settings.animations.scss +26 -0
- package/src/themes/mashroom/01-settings/_settings.avatar-group.scss +22 -0
- package/src/themes/mashroom/01-settings/_settings.avatar.scss +57 -0
- package/src/themes/mashroom/01-settings/_settings.badge.scss +19 -0
- package/src/themes/mashroom/01-settings/_settings.border-radius.scss +24 -0
- package/src/themes/mashroom/01-settings/_settings.border.scss +14 -0
- package/src/themes/mashroom/01-settings/_settings.box-shadow.scss +40 -0
- package/src/themes/mashroom/01-settings/_settings.breadcrumb.scss +0 -0
- package/src/themes/mashroom/01-settings/_settings.breakpoints.scss +17 -0
- package/src/themes/mashroom/01-settings/_settings.btn-group.scss +5 -0
- package/src/themes/mashroom/01-settings/_settings.button.scss +50 -0
- package/src/themes/mashroom/01-settings/_settings.callout.scss +81 -0
- package/src/themes/mashroom/01-settings/_settings.card.scss +52 -0
- package/src/themes/mashroom/01-settings/_settings.checkbox-group.scss +5 -0
- package/src/themes/mashroom/01-settings/_settings.checkbox.scss +23 -0
- package/src/themes/mashroom/01-settings/_settings.color-mode.scss +7 -0
- package/src/themes/mashroom/01-settings/_settings.colors.scss +180 -0
- package/src/themes/mashroom/01-settings/_settings.config.scss +4 -0
- package/src/themes/mashroom/01-settings/_settings.countdown.scss +20 -0
- package/src/themes/mashroom/01-settings/_settings.data-table.scss +56 -0
- package/src/themes/mashroom/01-settings/_settings.datepicker.scss +45 -0
- package/src/themes/mashroom/01-settings/_settings.design-tokens.scss +3 -0
- package/src/themes/mashroom/01-settings/_settings.dropdown.scss +45 -0
- package/src/themes/mashroom/01-settings/_settings.edge-panel.scss +24 -0
- package/src/themes/mashroom/01-settings/_settings.fonts.scss +8 -0
- package/src/themes/mashroom/01-settings/_settings.form-group.scss +14 -0
- package/src/themes/mashroom/01-settings/_settings.form.scss +6 -0
- package/src/themes/mashroom/01-settings/_settings.grid.scss +23 -0
- package/src/themes/mashroom/01-settings/_settings.hero.scss +41 -0
- package/src/themes/mashroom/01-settings/_settings.input.scss +51 -0
- package/src/themes/mashroom/01-settings/_settings.link.scss +13 -0
- package/src/themes/mashroom/01-settings/_settings.list-group.scss +16 -0
- package/src/themes/mashroom/01-settings/_settings.list.scss +13 -0
- package/src/themes/mashroom/01-settings/_settings.masonry-grid.scss +23 -0
- package/src/themes/mashroom/01-settings/_settings.menu.scss +50 -0
- package/src/themes/mashroom/01-settings/_settings.messages.scss +98 -0
- package/src/themes/mashroom/01-settings/_settings.modal.scss +41 -0
- package/src/themes/mashroom/01-settings/_settings.nav.scss +20 -0
- package/src/themes/mashroom/01-settings/_settings.navbar.scss +54 -0
- package/src/themes/mashroom/01-settings/_settings.pagination.scss +30 -0
- package/src/themes/mashroom/01-settings/_settings.photoviewer.scss +45 -0
- package/src/themes/mashroom/01-settings/_settings.popover.scss +20 -0
- package/src/themes/mashroom/01-settings/_settings.position.scss +9 -0
- package/src/themes/mashroom/01-settings/_settings.progress.scss +17 -0
- package/src/themes/mashroom/01-settings/_settings.rating.scss +11 -0
- package/src/themes/mashroom/01-settings/_settings.river.scss +50 -0
- package/src/themes/mashroom/01-settings/_settings.sectionintro.scss +31 -0
- package/src/themes/mashroom/01-settings/_settings.select.scss +47 -0
- package/src/themes/mashroom/01-settings/_settings.side-menu.scss +79 -0
- package/src/themes/mashroom/01-settings/_settings.skeleton.scss +24 -0
- package/src/themes/mashroom/01-settings/_settings.spacing.scss +66 -0
- package/src/themes/mashroom/01-settings/_settings.spinner.scss +34 -0
- package/src/themes/mashroom/01-settings/_settings.steps.scss +33 -0
- package/src/themes/mashroom/01-settings/_settings.tabs.scss +33 -0
- package/src/themes/mashroom/01-settings/_settings.testimonials.scss +24 -0
- package/src/themes/mashroom/01-settings/_settings.todo.scss +52 -0
- package/src/themes/mashroom/01-settings/_settings.toggle.scss +49 -0
- package/src/themes/mashroom/01-settings/_settings.tooltip.scss +20 -0
- package/src/themes/mashroom/01-settings/_settings.typography.scss +95 -0
- package/src/themes/mashroom/01-settings/_settings.upload.scss +96 -0
- package/src/themes/mashroom/01-settings/_settings.z-layers.scss +19 -0
- package/src/themes/mashroom/02-tools/_index.scss +8 -0
- package/src/themes/mashroom/02-tools/_tools.psychedelic-gradients.scss +78 -0
- package/src/themes/mashroom/02-tools/_tools.trippy-effects.scss +114 -0
- package/src/themes/mashroom/03-generic/_index.scss +6 -0
- package/src/themes/mashroom/04-elements/_index.scss +6 -0
- package/src/themes/mashroom/05-objects/_index.scss +6 -0
- package/src/themes/mashroom/06-components/_components.accordion.scss +187 -0
- package/src/themes/mashroom/06-components/_components.avatar-group.scss +276 -0
- package/src/themes/mashroom/06-components/_components.avatar.scss +114 -0
- package/src/themes/mashroom/06-components/_components.badge.scss +152 -0
- package/src/themes/mashroom/06-components/_components.breadcrumb.scss +162 -0
- package/src/themes/mashroom/06-components/_components.btn-group.scss +404 -0
- package/src/themes/mashroom/06-components/_components.button.scss +160 -0
- package/src/themes/mashroom/06-components/_components.callout.scss +140 -0
- package/src/themes/mashroom/06-components/_components.card.scss +225 -0
- package/src/themes/mashroom/06-components/_components.checkbox.scss +186 -0
- package/src/themes/mashroom/06-components/_components.color-mode-toggle.scss +308 -0
- package/src/themes/mashroom/06-components/_components.countdown.scss +402 -0
- package/src/themes/mashroom/06-components/_components.data-table.scss +354 -0
- package/src/themes/mashroom/06-components/_components.datepicker.scss +349 -0
- package/src/themes/mashroom/06-components/_components.dropdown.scss +334 -0
- package/src/themes/mashroom/06-components/_components.edge-panel.scss +413 -0
- package/src/themes/mashroom/06-components/_components.form-group.scss +433 -0
- package/src/themes/mashroom/06-components/_components.form.scss +358 -0
- package/src/themes/mashroom/06-components/_components.hero.scss +151 -0
- package/src/themes/mashroom/06-components/_components.input.scss +147 -0
- package/src/themes/mashroom/06-components/_components.list-group.scss +456 -0
- package/src/themes/mashroom/06-components/_components.list.scss +145 -0
- package/src/themes/mashroom/06-components/_components.menu.scss +497 -0
- package/src/themes/mashroom/06-components/_components.messages.scss +277 -0
- package/src/themes/mashroom/06-components/_components.modal.scss +264 -0
- package/src/themes/mashroom/06-components/_components.nav.scss +181 -0
- package/src/themes/mashroom/06-components/_components.navbar.scss +538 -0
- package/src/themes/mashroom/06-components/_components.pagination.scss +400 -0
- package/src/themes/mashroom/06-components/_components.photoviewer.scss +498 -0
- package/src/themes/mashroom/06-components/_components.popover.scss +383 -0
- package/src/themes/mashroom/06-components/_components.product-review.scss +408 -0
- package/src/themes/mashroom/06-components/_components.progress.scss +249 -0
- package/src/themes/mashroom/06-components/_components.rating.scss +300 -0
- package/src/themes/mashroom/06-components/_components.river.scss +570 -0
- package/src/themes/mashroom/06-components/_components.sectionintro.scss +546 -0
- package/src/themes/mashroom/06-components/_components.select.scss +455 -0
- package/src/themes/mashroom/06-components/_components.side-menu.scss +635 -0
- package/src/themes/mashroom/06-components/_components.skeleton.scss +447 -0
- package/src/themes/mashroom/06-components/_components.slider.scss +414 -0
- package/src/themes/mashroom/06-components/_components.spinner.scss +198 -0
- package/src/themes/mashroom/06-components/_components.steps.scss +350 -0
- package/src/themes/mashroom/06-components/_components.tabs.scss +269 -0
- package/src/themes/mashroom/06-components/_components.testimonials.scss +561 -0
- package/src/themes/mashroom/06-components/_components.toggle.scss +231 -0
- package/src/themes/mashroom/06-components/_components.tooltip.scss +167 -0
- package/src/themes/mashroom/06-components/_components.upload.scss +537 -0
- package/src/themes/mashroom/06-components/_components.video-player.scss +560 -0
- package/src/themes/mashroom/06-components/_index.scss +55 -0
- package/src/themes/mashroom/99-utilities/_index.scss +6 -0
- package/src/themes/mashroom/index.scss +26 -0
- package/src/themes/shaj-default/01-settings/_index.scss +69 -0
- package/src/themes/shaj-default/01-settings/_settings.accordion.scss +38 -0
- package/src/themes/shaj-default/01-settings/_settings.animations.scss +32 -0
- package/src/themes/shaj-default/01-settings/_settings.avatar-group.scss +28 -0
- package/src/themes/shaj-default/01-settings/_settings.avatar.scss +63 -0
- package/src/themes/shaj-default/01-settings/_settings.badge.scss +25 -0
- package/src/themes/shaj-default/01-settings/_settings.border-radius.scss +24 -0
- package/src/themes/shaj-default/01-settings/_settings.border.scss +20 -0
- package/src/themes/shaj-default/01-settings/_settings.box-shadow.scss +46 -0
- package/src/themes/shaj-default/01-settings/_settings.breadcrumb.scss +0 -0
- package/src/themes/shaj-default/01-settings/_settings.breakpoints.scss +23 -0
- package/src/themes/shaj-default/01-settings/_settings.btn-group.scss +11 -0
- package/src/themes/shaj-default/01-settings/_settings.button.scss +56 -0
- package/src/themes/shaj-default/01-settings/_settings.callout.scss +87 -0
- package/src/themes/shaj-default/01-settings/_settings.card.scss +52 -0
- package/src/themes/shaj-default/01-settings/_settings.checkbox-group.scss +11 -0
- package/src/themes/shaj-default/01-settings/_settings.checkbox.scss +29 -0
- package/src/themes/shaj-default/01-settings/_settings.color-mode.scss +13 -0
- package/src/themes/shaj-default/01-settings/_settings.colors.scss +91 -0
- package/src/themes/shaj-default/01-settings/_settings.config.scss +4 -0
- package/src/themes/shaj-default/01-settings/_settings.countdown.scss +26 -0
- package/src/themes/shaj-default/01-settings/_settings.data-table.scss +62 -0
- package/src/themes/shaj-default/01-settings/_settings.datepicker.scss +51 -0
- package/src/themes/shaj-default/01-settings/_settings.design-tokens.scss +9 -0
- package/src/themes/shaj-default/01-settings/_settings.dropdown.scss +51 -0
- package/src/themes/shaj-default/01-settings/_settings.edge-panel.scss +30 -0
- package/src/themes/shaj-default/01-settings/_settings.fonts.scss +13 -0
- package/src/themes/shaj-default/01-settings/_settings.form-group.scss +20 -0
- package/src/themes/shaj-default/01-settings/_settings.form.scss +12 -0
- package/src/themes/shaj-default/01-settings/_settings.grid.scss +29 -0
- package/src/themes/shaj-default/01-settings/_settings.hero.scss +47 -0
- package/src/themes/shaj-default/01-settings/_settings.input.scss +57 -0
- package/src/themes/shaj-default/01-settings/_settings.link.scss +19 -0
- package/src/themes/shaj-default/01-settings/_settings.list-group.scss +22 -0
- package/src/themes/shaj-default/01-settings/_settings.list.scss +19 -0
- package/src/themes/shaj-default/01-settings/_settings.masonry-grid.scss +29 -0
- package/src/themes/shaj-default/01-settings/_settings.menu.scss +56 -0
- package/src/themes/shaj-default/01-settings/_settings.messages.scss +104 -0
- package/src/themes/shaj-default/01-settings/_settings.modal.scss +47 -0
- package/src/themes/shaj-default/01-settings/_settings.nav.scss +26 -0
- package/src/themes/shaj-default/01-settings/_settings.navbar.scss +60 -0
- package/src/themes/shaj-default/01-settings/_settings.pagination.scss +36 -0
- package/src/themes/shaj-default/01-settings/_settings.photoviewer.scss +51 -0
- package/src/themes/shaj-default/01-settings/_settings.popover.scss +26 -0
- package/src/themes/shaj-default/01-settings/_settings.position.scss +15 -0
- package/src/themes/shaj-default/01-settings/_settings.progress.scss +23 -0
- package/src/themes/shaj-default/01-settings/_settings.rating.scss +17 -0
- package/src/themes/shaj-default/01-settings/_settings.river.scss +56 -0
- package/src/themes/shaj-default/01-settings/_settings.sectionintro.scss +37 -0
- package/src/themes/shaj-default/01-settings/_settings.select.scss +53 -0
- package/src/themes/shaj-default/01-settings/_settings.side-menu.scss +85 -0
- package/src/themes/shaj-default/01-settings/_settings.skeleton.scss +30 -0
- package/src/themes/shaj-default/01-settings/_settings.spacing.scss +72 -0
- package/src/themes/shaj-default/01-settings/_settings.spinner.scss +24 -0
- package/src/themes/shaj-default/01-settings/_settings.steps.scss +39 -0
- package/src/themes/shaj-default/01-settings/_settings.tabs.scss +39 -0
- package/src/themes/shaj-default/01-settings/_settings.testimonials.scss +30 -0
- package/src/themes/shaj-default/01-settings/_settings.todo.scss +58 -0
- package/src/themes/shaj-default/01-settings/_settings.toggle.scss +55 -0
- package/src/themes/shaj-default/01-settings/_settings.tooltip.scss +26 -0
- package/src/themes/shaj-default/01-settings/_settings.typography.scss +101 -0
- package/src/themes/shaj-default/01-settings/_settings.upload.scss +102 -0
- package/src/themes/shaj-default/01-settings/_settings.z-layers.scss +25 -0
- package/src/themes/shaj-default/02-tools/_index.scss +0 -0
- package/src/themes/shaj-default/03-generic/_generic.root.scss +0 -0
- package/src/themes/shaj-default/03-generic/_index.scss +2 -0
- package/src/themes/shaj-default/04-elements/_index.scss +0 -0
- package/src/themes/shaj-default/05-objects/_index.scss +0 -0
- package/src/themes/shaj-default/06-components/_components.button.scss +55 -0
- package/src/themes/shaj-default/06-components/_components.card.scss +57 -0
- package/src/themes/shaj-default/06-components/_components.input.scss +58 -0
- package/src/themes/shaj-default/06-components/_components.navbar.scss +99 -0
- package/src/themes/shaj-default/06-components/_components.tooltip.scss +0 -0
- package/src/themes/shaj-default/06-components/_index.scss +13 -0
- package/src/themes/shaj-default/99-utilities/_index.scss +0 -0
- package/src/themes/shaj-default/index.scss +25 -0
- package/src/themes/themes.config.js +219 -0
- package/theme.config.ts +360 -0
- package/src/lib/theme/studio/ThemeStudio.tsx +0 -312
- package/src/lib/theme/studio/index.ts +0 -8
|
@@ -0,0 +1,450 @@
|
|
|
1
|
+
@charset "UTF-8";
|
|
2
|
+
/*!
|
|
3
|
+
* Atomix Design System theme Mashroom
|
|
4
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
5
|
+
*/
|
|
6
|
+
/*!
|
|
7
|
+
* Shaj Default Theme Settings Index
|
|
8
|
+
* Modern design system settings for clean, aesthetic UI
|
|
9
|
+
*/@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
|
|
10
|
+
/*!
|
|
11
|
+
* Shaj Default Theme Border Radius
|
|
12
|
+
* Modern border radius values for clean UI components
|
|
13
|
+
* Overrides Atomix default border radius settings
|
|
14
|
+
*/
|
|
15
|
+
/*!
|
|
16
|
+
* Shaj Default Theme Card Settings
|
|
17
|
+
* Modern card styling with clean aesthetics
|
|
18
|
+
* Overrides Atomix default card settings
|
|
19
|
+
*/
|
|
20
|
+
/*!
|
|
21
|
+
* Mashroom Theme Tools Index
|
|
22
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
23
|
+
*/
|
|
24
|
+
/*!
|
|
25
|
+
* Mashroom Theme Trippy Effects Tools
|
|
26
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
27
|
+
*/
|
|
28
|
+
/*!
|
|
29
|
+
* Mashroom Theme Psychedelic Gradients Tools
|
|
30
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
31
|
+
*/@keyframes atomix--skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes backgroundMoving{0%{background-position:0 0}250%{background-position:100% 100%}50%{background-position:100% 0}75%{background-position:0 100%}to{background-position:100% 100%}}@keyframes component-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes component-fade-in{0%{opacity:0}to{opacity:1}}@keyframes component-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes component-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
|
|
32
|
+
/*!
|
|
33
|
+
* Mashroom Theme Generic Index
|
|
34
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
35
|
+
*/@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{background-color:var(--atomix-body-bg);color:var(--atomix-body-color);font-family:var(--atomix-font-family-base);font-size:var(--atomix-font-size-base);font-weight:var(--atomix-font-weight-base);line-height:var(--atomix-line-height-base);margin:0;text-align:var(--atomix-body-text-align);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3,h4,h5,h6{color:var(--atomix-headings-color);font-family:var(--atomix-headings-font-family);font-weight:var(--atomix-headings-font-weight);line-height:var(--atomix-headings-line-height);margin-bottom:var(--atomix-headings-margin-bottom);margin-top:0}h1{font-size:var(--atomix-h1-font-size)}h2{font-size:var(--atomix-h2-font-size)}h3{font-size:var(--atomix-h3-font-size)}h4{font-size:var(--atomix-h4-font-size)}h5{font-size:var(--atomix-h5-font-size)}h6{font-size:var(--atomix-h6-font-size)}p{margin-bottom:var(--atomix-paragraph-margin-bottom);margin-top:0}abbr[data-bs-original-title],abbr[title]{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0;padding-left:2rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:var(--atomix-dt-font-weight)}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:var(--atomix-font-weight-bolder)}small{font-size:var(--atomix-small-font-size)}mark{background-color:var(--atomix-mark-bg);padding:var(--atomix-mark-padding)}sub,sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:var(--atomix-link-color);-webkit-text-decoration:var(--atomix-link-decoration);text-decoration:var(--atomix-link-decoration)}a:hover{color:var(--atomix-link-hover-color);-webkit-text-decoration:var(--atomix-link-hover-decoration);text-decoration:var(--atomix-link-hover-decoration)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--atomix-font-family-monospace);font-size:1em}pre{display:block;font-size:var(--atomix-code-font-size);margin-bottom:1rem;margin-top:0;overflow:auto}pre code{color:inherit;font-size:inherit;word-break:normal}code{color:var(--atomix-code-color);font-size:var(--atomix-code-font-size);word-wrap:break-word}a>code{color:inherit}kbd{background-color:var(--atomix-kbd-bg);border-radius:var(--atomix-border-radius-sm);color:var(--atomix-kbd-color);font-size:var(--atomix-kbd-font-size);padding:var(--atomix-kbd-padding-y) var(--atomix-kbd-padding-x)}kbd kbd{font-size:1em;font-weight:var(--atomix-font-weight-bolder);padding:0}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{border-collapse:collapse;caption-side:bottom}caption{color:var(--atomix-secondary-color);padding-bottom:var(--atomix-table-cell-padding-y);padding-top:var(--atomix-table-cell-padding-y);text-align:left}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}::-moz-focus-inner{border-style:none;padding:0}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}iframe{border:0}summary{cursor:pointer;display:list-item}[hidden]{display:none!important}@media print{*,:after,:before{box-shadow:none!important;text-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]:after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd}blockquote,img,pre,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}.container,body{min-width:992px!important}}:root,[data-atomix-color-mode=light]{--atomix-primary:#9d00ff;--atomix-secondary:#f3f4f6;--atomix-success:#00d984;--atomix-info:#008cff;--atomix-warning:#fb0;--atomix-error:#ff2085;--atomix-light:#f9fafb;--atomix-dark:#1f2937;--atomix-primary-rgb:157,0,255;--atomix-secondary-rgb:243,244,246;--atomix-success-rgb:0,217,132;--atomix-info-rgb:0,140,255;--atomix-warning-rgb:255,187,0;--atomix-error-rgb:255,32,133;--atomix-light-rgb:249,250,251;--atomix-dark-rgb:31,41,55;--atomix-gray-1:#f9fafb;--atomix-gray-2:#f3f4f6;--atomix-gray-3:#e5e7eb;--atomix-gray-4:#d1d5db;--atomix-gray-5:#9ca3af;--atomix-gray-6:#6b7280;--atomix-gray-7:#4b5563;--atomix-gray-8:#374151;--atomix-gray-9:#1f2937;--atomix-gray-10:#111827;--atomix-primary-1:#f8f0ff;--atomix-primary-2:#f0d8ff;--atomix-primary-3:#e2b0ff;--atomix-primary-4:#d080ff;--atomix-primary-5:#b94dff;--atomix-primary-6:#9d00ff;--atomix-primary-7:#7d00cc;--atomix-primary-8:#5e0099;--atomix-primary-9:#400066;--atomix-primary-10:#26003d;--atomix-primary-text-emphasis:#111827;--atomix-secondary-text-emphasis:#374151;--atomix-tertiary-text-emphasis:#6b7280;--atomix-disabled-text-emphasis:#9ca3af;--atomix-invert-text-emphasis:#111827;--atomix-brand-text-emphasis:#9d00ff;--atomix-error-text-emphasis:#ff2085;--atomix-success-text-emphasis:#00d984;--atomix-warning-text-emphasis:#fb0;--atomix-info-text-emphasis:#008cff;--atomix-light-text-emphasis:#f9fafb;--atomix-dark-text-emphasis:#1f2937;--atomix-primary-bg-subtle:#fff;--atomix-secondary-bg-subtle:#e5e7eb;--atomix-tertiary-bg-subtle:#d1d5db;--atomix-invert-bg-subtle:#111827;--atomix-brand-bg-subtle:#f0d8ff;--atomix-error-bg-subtle:#ffe0eb;--atomix-success-bg-subtle:#d0ffeb;--atomix-warning-bg-subtle:#ffffd8;--atomix-info-bg-subtle:#d0f8ff;--atomix-light-bg-subtle:#f3f4f6;--atomix-dark-bg-subtle:#1f2937;--atomix-primary-border-subtle:#e5e7eb;--atomix-secondary-border-subtle:#111827;--atomix-success-border-subtle:#00d984;--atomix-error-border-subtle:#ff2085;--atomix-warning-border-subtle:#fb0;--atomix-info-border-subtle:#008cff;--atomix-brand-border-subtle:#9d00ff;--atomix-light-border-subtle:#f9fafb;--atomix-dark-border-subtle:#1f2937;--atomix-primary-hover:#9d00ff;--atomix-secondary-hover:#e5e7eb;--atomix-light-hover:#f3f4f6;--atomix-dark-hover:#4b5563;--atomix-error-hover:#b3005b;--atomix-success-hover:#008c52;--atomix-warning-hover:#970;--atomix-info-hover:#049;--atomix-primary-gradient:linear-gradient(135deg,#f0d8ff,#e2b0ff,#d080ff);--atomix-secondary-gradient:linear-gradient(135deg,#f3f4f6,#e5e7eb,#d1d5db);--atomix-light-gradient:linear-gradient(135deg,#f9fafb,#f3f4f6,#e5e7eb);--atomix-dark-gradient:linear-gradient(135deg,#4b5563,#1f2937,#000);--atomix-success-gradient:linear-gradient(135deg,#d0ffeb,#50ffbb,#00ff9d);--atomix-info-gradient:linear-gradient(135deg,#d0f8ff,#90e8ff,#00b4ff);--atomix-warning-gradient:linear-gradient(135deg,#ffffd8,#ffffb0,#ffdd20);--atomix-error-gradient:linear-gradient(135deg,#fff0f5,#ffe0eb,#ffc0d5);--atomix-gradient:linear-gradient(135deg,#f9fafb,#f3f4f6,#e5e7eb);--atomix-font-sans-serif:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--atomix-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--atomix-body-font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--atomix-body-font-size:1rem;--atomix-body-font-weight:400;--atomix-body-line-height:1.6;--atomix-body-color:#111827;--atomix-body-bg:#fff;--atomix-heading-color:#111827;--atomix-link-color:var(--atomix-primary-6);--atomix-link-color-rgb:var(--atomix-primary-6);--atomix-link-decoration:none;--atomix-link-hover-color:var(--atomix-primary-7);--atomix-link-hover-color-rgb:var(--atomix-primary-7);--atomix-highlight-bg:#ffffb0;--atomix-border-width:1px;--atomix-border-style:solid;--atomix-border-color:var(--atomix-gray-3);--atomix-border-color-translucent:rgba(var(--atomix-gray-3),0.175);--atomix-border-radius:0.5rem;--atomix-border-radius-sm:0.25rem;--atomix-border-radius-lg:0.625rem;--atomix-border-radius-xl:0.75rem;--atomix-border-radius-xxl:1rem;--atomix-border-radius-2xl:var(--atomix-border-radius-xxl);--atomix-border-radius-3xl:1.5rem;--atomix-border-radius-4xl:2rem;--atomix-border-radius-pill:50rem;--atomix-box-shadow:0 8px 16px rgba(0,0,0,.15);--atomix-box-shadow-xs:0px 1px 2px 0px rgba(45,54,67,.04),0px 2px 4px 0px rgba(45,54,67,.08);--atomix-box-shadow-sm:0 2px 4px rgba(0,0,0,.075);--atomix-box-shadow-lg:0 16px 48px rgba(0,0,0,.175);--atomix-box-shadow-xl:0px 16px 64px -8px rgba(45,54,67,.14);--atomix-box-shadow-inset:inset 0 1px 2px rgba(0,0,0,.075);--atomix-focus-border-color:#b94dff;--atomix-form-valid-color:#00d984;--atomix-form-valid-border-color:#00d984;--atomix-form-invalid-color:#ff2085;--atomix-form-invalid-border-color:#ff2085;--atomix-spacing-0:0rem;--atomix-spacing-1:0.25rem;--atomix-spacing-px-6:0.375rem;--atomix-spacing-2:0.5rem;--atomix-spacing-px-10:0.625rem;--atomix-spacing-3:0.75rem;--atomix-spacing-px-14:0.875rem;--atomix-spacing-4:1rem;--atomix-spacing-5:1.25rem;--atomix-spacing-px-22:1.375rem;--atomix-spacing-6:1.5rem;--atomix-spacing-7:1.75rem;--atomix-spacing-px-30:1.875rem;--atomix-spacing-8:2rem;--atomix-spacing-9:2.25rem;--atomix-spacing-10:2.5rem;--atomix-spacing-11:2.75rem;--atomix-spacing-12:3rem;--atomix-spacing-14:3.5rem;--atomix-spacing-16:4rem;--atomix-spacing-20:5rem;--atomix-spacing-24:6rem;--atomix-spacing-28:7rem;--atomix-spacing-32:8rem;--atomix-spacing-36:9rem;--atomix-spacing-40:10rem;--atomix-spacing-44:11rem;--atomix-spacing-48:12rem;--atomix-spacing-52:13rem;--atomix-spacing-56:14rem;--atomix-spacing-60:15rem;--atomix-spacing-64:16rem;--atomix-spacing-72:18rem;--atomix-spacing-80:20rem;--atomix-spacing-90:22.5rem;--atomix-spacing-200:50rem;--atomix-red-1:#fff0f5;--atomix-red-2:#ffe0eb;--atomix-red-3:#ffc0d5;--atomix-red-4:#ff90ba;--atomix-red-5:#ff609f;--atomix-red-6:#ff2085;--atomix-red-7:#d9006f;--atomix-red-8:#b3005b;--atomix-red-9:#8c0047;--atomix-red-10:#603;--atomix-green-1:#f0fff8;--atomix-green-2:#d0ffeb;--atomix-green-3:#a0ffd4;--atomix-green-4:#50ffbb;--atomix-green-5:#00ff9d;--atomix-green-6:#00d984;--atomix-green-7:#00b36b;--atomix-green-8:#008c52;--atomix-green-9:#006638;--atomix-green-10:#004020;--atomix-blue-1:azure;--atomix-blue-2:#d0f8ff;--atomix-blue-3:#90e8ff;--atomix-blue-4:#40d0ff;--atomix-blue-5:#00b4ff;--atomix-blue-6:#008cff;--atomix-blue-7:#06c;--atomix-blue-8:#049;--atomix-blue-9:#036;--atomix-blue-10:#001f3d;--atomix-yellow-1:ivory;--atomix-yellow-2:#ffffd8;--atomix-yellow-3:#ffffb0;--atomix-yellow-4:#ffff6a;--atomix-yellow-5:#ffdd20;--atomix-yellow-6:#fb0;--atomix-yellow-7:#c90;--atomix-yellow-8:#970;--atomix-yellow-9:#650;--atomix-yellow-10:#332c00;--atomix-font-weight-light:300;--atomix-font-weight-normal:400;--atomix-font-weight-medium:500;--atomix-font-weight-semibold:600;--atomix-font-weight-bold:700;--atomix-font-weight-heavy:800;--atomix-font-weight-black:900;--atomix-line-height-base:1.6;--atomix-line-height-sm:1.4;--atomix-line-height-lg:1.8;--atomix-font-size-xl:1.5rem;--atomix-font-size-2xl:2rem;--atomix-display-1:4.5rem;--atomix-letter-spacing-h1:-1.5px;--atomix-letter-spacing-h2:-1px;--atomix-letter-spacing-h3:-0.75px;--atomix-letter-spacing-h4:-0.5px;--atomix-letter-spacing-h5:-0.25px;--atomix-letter-spacing-h6:0px;--atomix-transition-duration-fast:0.15s;--atomix-transition-duration-base:0.3s;--atomix-transition-duration-slow:0.5s;--atomix-transition-duration-slower:0.7s;--atomix-easing-base:cubic-bezier(0.23,1,0.32,1);--atomix-easing-ease-in-out:cubic-bezier(0.4,0,0.2,1);--atomix-easing-ease-out:cubic-bezier(0,0,0.2,1);--atomix-easing-ease-in:cubic-bezier(0.4,0,1,1);--atomix-easing-ease-linear:linear;--atomix-transition-fast:all 0.15s cubic-bezier(0.23,1,0.32,1);--atomix-transition-base:all 0.3s cubic-bezier(0.23,1,0.32,1);--atomix-transition-slow:all 0.5s cubic-bezier(0.23,1,0.32,1);--atomix-z-n1:-1;--atomix-z-0:0;--atomix-z-1:1;--atomix-z-2:2;--atomix-z-3:3;--atomix-z-4:4;--atomix-z-5:5;--atomix-z-dropdown:1000;--atomix-z-sticky:1020;--atomix-z-fixed:1030;--atomix-z-modal:1040;--atomix-z-popover:1050;--atomix-z-tooltip:1060;--atomix-z-drawer:1070;--atomix-breakpoint-xs:0;--atomix-breakpoint-sm:576px;--atomix-breakpoint-md:768px;--atomix-breakpoint-lg:992px;--atomix-breakpoint-xl:1200px;--atomix-breakpoint-xxl:1440px;--atomix-focus-ring-width:3px;--atomix-focus-ring-offset:2px;--atomix-focus-ring-opacity:0.25}[data-atomix-color-mode=dark]{color-scheme:dark;--atomix-body-color:#fff;--atomix-body-bg:#1f2937;--atomix-primary:#9d00ff;--atomix-secondary:#4b5563;--atomix-light:#f9fafb;--atomix-dark:#374151;--atomix-error:#ff2085;--atomix-success:#00d984;--atomix-warning:#fb0;--atomix-info:#008cff;--atomix-primary-rgb:157,0,255;--atomix-secondary-rgb:75,85,99;--atomix-light-rgb:249,250,251;--atomix-dark-rgb:55,65,81;--atomix-error-rgb:255,32,133;--atomix-success-rgb:0,217,132;--atomix-warning-rgb:255,187,0;--atomix-info-rgb:0,140,255;--atomix-primary-text-emphasis:#fff;--atomix-secondary-text-emphasis:#e5e7eb;--atomix-tertiary-text-emphasis:#d1d5db;--atomix-disabled-text-emphasis:#9ca3af;--atomix-invert-text-emphasis:#f9fafb;--atomix-brand-text-emphasis:#f0d8ff;--atomix-error-text-emphasis:#ffc0d5;--atomix-success-text-emphasis:#a0ffd4;--atomix-warning-text-emphasis:#ffffb0;--atomix-info-text-emphasis:#90e8ff;--atomix-light-text-emphasis:#f9fafb;--atomix-dark-text-emphasis:#374151;--atomix-primary-bg-subtle:#1f2937;--atomix-secondary-bg-subtle:#4b5563;--atomix-tertiary-bg-subtle:#6b7280;--atomix-invert-bg-subtle:#fff;--atomix-brand-bg-subtle:#5e0099;--atomix-error-bg-subtle:#603;--atomix-success-bg-subtle:#006638;--atomix-warning-bg-subtle:#332c00;--atomix-info-bg-subtle:#001f3d;--atomix-light-bg-subtle:#f9fafb;--atomix-dark-bg-subtle:#374151;--atomix-primary-border-subtle:#374151;--atomix-secondary-border-subtle:#fff;--atomix-success-border-subtle:#00d984;--atomix-error-border-subtle:#ff2085;--atomix-warning-border-subtle:#fb0;--atomix-info-border-subtle:#008cff;--atomix-brand-border-subtle:#9d00ff;--atomix-light-border-subtle:#f9fafb;--atomix-dark-border-subtle:#374151;--atomix-primary-hover:#9d00ff;--atomix-secondary-hover:#6b7280;--atomix-light-hover:#9ca3af;--atomix-dark-hover:#4b5563;--atomix-error-hover:#ff90ba;--atomix-success-hover:#50ffbb;--atomix-warning-hover:#ffdd20;--atomix-info-hover:#40d0ff;--atomix-primary-gradient:linear-gradient(135deg,#26003d,#400066,#5e0099);--atomix-secondary-gradient:linear-gradient(135deg,#374151,#6b7280,#d1d5db);--atomix-light-gradient:linear-gradient(135deg,#9ca3af,#6b7280,#9ca3af);--atomix-dark-gradient:linear-gradient(135deg,#000,#4b5563,#1f2937);--atomix-success-gradient:linear-gradient(135deg,#004020,#00b36b,#006638);--atomix-info-gradient:linear-gradient(135deg,#001f3d,#049,#036);--atomix-warning-gradient:linear-gradient(135deg,#332c00,#970,#650);--atomix-error-gradient:linear-gradient(135deg,#603,#d9006f,#603);--atomix-gradient:linear-gradient(135deg,#4b5563,#1f2937,#000);--atomix-box-shadow:0px 8px 40px -8px rgba(30,30,30,.7),0px 4px 20px 0px rgba(30,30,30,.8);--atomix-box-shadow-xs:0px 1px 2px 0px rgba(30,30,30,.5),0px 2px 4px 0px rgba(30,30,30,.5);--atomix-box-shadow-sm:0px 2px 4px -2px rgba(30,30,30,.5),0px 4px 8px -2px rgba(30,30,30,.5);--atomix-box-shadow-lg:0px 8px 18px -2px rgba(30,30,30,.5),0px 8px 24px -2px rgba(30,30,30,.5);--atomix-box-shadow-xl:0px 33px 61px -8px rgba(30,30,30,.9),0px 8px 10px 0px rgba(30,30,30,.9);--atomix-heading-color:#e5e7eb;--atomix-link-color:var(--atomix-primary-4);--atomix-link-color-rgb:var(--atomix-primary-4);--atomix-link-hover-color:#b434ff;--atomix-link-hover-color-rgb:179.688976378,51.5,255;--atomix-code-color:#ff609f;--atomix-border-color:var(--atomix-gray-5);--atomix-border-color-translucent:hsla(0,0%,100%,.15);--atomix-focus-border-color:#d080ff;--atomix-form-valid-color:#00ff9d;--atomix-form-valid-border-color:#00ff9d;--atomix-form-invalid-color:#ff609f;--atomix-form-invalid-border-color:#ff609f}::selection{background:#9d00ff;background:rgba(157,0,255,.3)}::-moz-selection{background:#9d00ff;background:rgba(157,0,255,.3)}*{-webkit-tap-highlight-color:rgba(157,0,255,.2)}
|
|
36
|
+
|
|
37
|
+
/*!
|
|
38
|
+
* Mashroom Theme Elements Index
|
|
39
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
40
|
+
*/*,:after,:before{box-sizing:border-box}img{height:auto;max-width:100%}.docs-story{background:var(--atomix-body-bg)!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.6}body.is-blocked,body.is-modal-open{overflow:hidden}.h1,h1{font-size:2.75rem;letter-spacing:-1.5px}.h2,h2{font-size:2.25rem;letter-spacing:-1px}.h3,h3{font-size:1.75rem;letter-spacing:-.75px}.h4,h4{font-size:1.375rem;letter-spacing:-.5px}.h5,h5{font-size:1.125rem;letter-spacing:-.25px}.h6,h6{font-size:1rem;letter-spacing:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;line-height:1.2}html{height:100%;position:relative;scroll-behavior:smooth;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:rgba(var(--atomix-link-color-rgb),var(--atomix-u-link-opacity,1));transition-delay:0s;transition-duration:.2s;transition-property:color;transition-timing-function:ease-in-out}a,a:hover{text-decoration:none}
|
|
41
|
+
|
|
42
|
+
/*!
|
|
43
|
+
* Mashroom Theme Objects Index
|
|
44
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
45
|
+
*/.o-container,.o-container-fluid,.o-container-lg,.o-container-md,.o-container-sm,.o-container-xl,.o-container-xs,.o-container-xxl{margin-left:auto;margin-right:auto;padding-left:8px;padding-right:8px;width:100%}@media (min-width:0){.o-container,.o-container-xs{max-width:360px}}@media (min-width:576px){.o-container,.o-container-sm{max-width:576px}}@media (min-width:768px){.o-container,.o-container-md{max-width:768px}}@media (min-width:992px){.o-container,.o-container-lg{max-width:1024px}}@media (min-width:1200px){.o-container,.o-container-xl{max-width:1280px}}@media (min-width:1440px){.o-container,.o-container-xxl{max-width:1440px}}.o-grid{--atomix-gutter-y:16px;display:flex;flex-wrap:wrap;margin-left:-8px;margin-right:-8px}.o-grid__col{padding-left:8px;padding-right:8px;position:relative;width:100%}.o-grid--no-gutters{margin-left:0;margin-right:0}.o-grid--no-gutters .o-grid__col{padding-left:0;padding-right:0}@media (min-width:0){.o-grid__col--auto{flex:1 0 0%}.o-grid__col--1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--3{flex:0 0 auto;width:25%}.o-grid__col--4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--6{flex:0 0 auto;width:50%}.o-grid__col--7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--9{flex:0 0 auto;width:75%}.o-grid__col--10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--12{flex:0 0 auto;width:100%}.o-grid__offset--1{margin-left:8.3333333333%}.o-grid__offset--2{margin-left:16.6666666667%}.o-grid__offset--3{margin-left:25%}.o-grid__offset--4{margin-left:33.3333333333%}.o-grid__offset--5{margin-left:41.6666666667%}.o-grid__offset--6{margin-left:50%}.o-grid__offset--7{margin-left:58.3333333333%}.o-grid__offset--8{margin-left:66.6666666667%}.o-grid__offset--9{margin-left:75%}.o-grid__offset--10{margin-left:83.3333333333%}.o-grid__offset--11{margin-left:91.6666666667%}}@media (min-width:576px){.o-grid__col--sm-auto{flex:1 0 0%}.o-grid__col--sm-1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--sm-2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--sm-3{flex:0 0 auto;width:25%}.o-grid__col--sm-4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--sm-5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--sm-6{flex:0 0 auto;width:50%}.o-grid__col--sm-7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--sm-8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--sm-9{flex:0 0 auto;width:75%}.o-grid__col--sm-10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--sm-11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--sm-12{flex:0 0 auto;width:100%}.o-grid__offset--sm-0{margin-left:0}.o-grid__offset--sm-1{margin-left:8.3333333333%}.o-grid__offset--sm-2{margin-left:16.6666666667%}.o-grid__offset--sm-3{margin-left:25%}.o-grid__offset--sm-4{margin-left:33.3333333333%}.o-grid__offset--sm-5{margin-left:41.6666666667%}.o-grid__offset--sm-6{margin-left:50%}.o-grid__offset--sm-7{margin-left:58.3333333333%}.o-grid__offset--sm-8{margin-left:66.6666666667%}.o-grid__offset--sm-9{margin-left:75%}.o-grid__offset--sm-10{margin-left:83.3333333333%}.o-grid__offset--sm-11{margin-left:91.6666666667%}}@media (min-width:768px){.o-grid__col--md-auto{flex:1 0 0%}.o-grid__col--md-1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--md-2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--md-3{flex:0 0 auto;width:25%}.o-grid__col--md-4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--md-5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--md-6{flex:0 0 auto;width:50%}.o-grid__col--md-7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--md-8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--md-9{flex:0 0 auto;width:75%}.o-grid__col--md-10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--md-11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--md-12{flex:0 0 auto;width:100%}.o-grid__offset--md-0{margin-left:0}.o-grid__offset--md-1{margin-left:8.3333333333%}.o-grid__offset--md-2{margin-left:16.6666666667%}.o-grid__offset--md-3{margin-left:25%}.o-grid__offset--md-4{margin-left:33.3333333333%}.o-grid__offset--md-5{margin-left:41.6666666667%}.o-grid__offset--md-6{margin-left:50%}.o-grid__offset--md-7{margin-left:58.3333333333%}.o-grid__offset--md-8{margin-left:66.6666666667%}.o-grid__offset--md-9{margin-left:75%}.o-grid__offset--md-10{margin-left:83.3333333333%}.o-grid__offset--md-11{margin-left:91.6666666667%}}@media (min-width:992px){.o-grid__col--lg-auto{flex:1 0 0%}.o-grid__col--lg-1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--lg-2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--lg-3{flex:0 0 auto;width:25%}.o-grid__col--lg-4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--lg-5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--lg-6{flex:0 0 auto;width:50%}.o-grid__col--lg-7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--lg-8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--lg-9{flex:0 0 auto;width:75%}.o-grid__col--lg-10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--lg-11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--lg-12{flex:0 0 auto;width:100%}.o-grid__offset--lg-0{margin-left:0}.o-grid__offset--lg-1{margin-left:8.3333333333%}.o-grid__offset--lg-2{margin-left:16.6666666667%}.o-grid__offset--lg-3{margin-left:25%}.o-grid__offset--lg-4{margin-left:33.3333333333%}.o-grid__offset--lg-5{margin-left:41.6666666667%}.o-grid__offset--lg-6{margin-left:50%}.o-grid__offset--lg-7{margin-left:58.3333333333%}.o-grid__offset--lg-8{margin-left:66.6666666667%}.o-grid__offset--lg-9{margin-left:75%}.o-grid__offset--lg-10{margin-left:83.3333333333%}.o-grid__offset--lg-11{margin-left:91.6666666667%}}@media (min-width:1200px){.o-grid__col--xl-auto{flex:1 0 0%}.o-grid__col--xl-1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--xl-2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--xl-3{flex:0 0 auto;width:25%}.o-grid__col--xl-4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--xl-5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--xl-6{flex:0 0 auto;width:50%}.o-grid__col--xl-7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--xl-8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--xl-9{flex:0 0 auto;width:75%}.o-grid__col--xl-10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--xl-11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--xl-12{flex:0 0 auto;width:100%}.o-grid__offset--xl-0{margin-left:0}.o-grid__offset--xl-1{margin-left:8.3333333333%}.o-grid__offset--xl-2{margin-left:16.6666666667%}.o-grid__offset--xl-3{margin-left:25%}.o-grid__offset--xl-4{margin-left:33.3333333333%}.o-grid__offset--xl-5{margin-left:41.6666666667%}.o-grid__offset--xl-6{margin-left:50%}.o-grid__offset--xl-7{margin-left:58.3333333333%}.o-grid__offset--xl-8{margin-left:66.6666666667%}.o-grid__offset--xl-9{margin-left:75%}.o-grid__offset--xl-10{margin-left:83.3333333333%}.o-grid__offset--xl-11{margin-left:91.6666666667%}}@media (min-width:1440px){.o-grid__col--xxl-auto{flex:1 0 0%}.o-grid__col--xxl-1{flex:0 0 auto;width:8.3333333333%}.o-grid__col--xxl-2{flex:0 0 auto;width:16.6666666667%}.o-grid__col--xxl-3{flex:0 0 auto;width:25%}.o-grid__col--xxl-4{flex:0 0 auto;width:33.3333333333%}.o-grid__col--xxl-5{flex:0 0 auto;width:41.6666666667%}.o-grid__col--xxl-6{flex:0 0 auto;width:50%}.o-grid__col--xxl-7{flex:0 0 auto;width:58.3333333333%}.o-grid__col--xxl-8{flex:0 0 auto;width:66.6666666667%}.o-grid__col--xxl-9{flex:0 0 auto;width:75%}.o-grid__col--xxl-10{flex:0 0 auto;width:83.3333333333%}.o-grid__col--xxl-11{flex:0 0 auto;width:91.6666666667%}.o-grid__col--xxl-12{flex:0 0 auto;width:100%}.o-grid__offset--xxl-0{margin-left:0}.o-grid__offset--xxl-1{margin-left:8.3333333333%}.o-grid__offset--xxl-2{margin-left:16.6666666667%}.o-grid__offset--xxl-3{margin-left:25%}.o-grid__offset--xxl-4{margin-left:33.3333333333%}.o-grid__offset--xxl-5{margin-left:41.6666666667%}.o-grid__offset--xxl-6{margin-left:50%}.o-grid__offset--xxl-7{margin-left:58.3333333333%}.o-grid__offset--xxl-8{margin-left:66.6666666667%}.o-grid__offset--xxl-9{margin-left:75%}.o-grid__offset--xxl-10{margin-left:83.3333333333%}.o-grid__offset--xxl-11{margin-left:91.6666666667%}}.o-masonry-grid{min-height:100px;position:relative;width:100%}.o-masonry-grid--animate .o-masonry-grid__item{transition:opacity .3s ease,top .3s ease,left .3s ease}.o-masonry-grid__item{box-sizing:border-box;width:100%}.o-masonry-grid__item:not([style*="position: absolute"]){opacity:0;visibility:hidden}.o-masonry-grid__item-loading:before{background-color:var(--atomix-gray-10);border-radius:4px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.o-masonry-grid__item-loading img{opacity:0}.o-masonry-grid__item-loaded img{animation:masonry-item-fade-in .3s ease forwards}.o-masonry-grid--loading-images{position:relative}.o-masonry-grid--loading-images:after{animation:masonry-spinner .8s linear infinite;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top:2px solid var(--atomix-brand-border-subtle);bottom:16px;content:"";height:24px;pointer-events:none;position:absolute;right:16px;width:24px;z-index:1000}@keyframes masonry-spinner{to{transform:rotate(1turn)}}@keyframes masonry-item-fade-in{0%{opacity:0}to{opacity:1}}.o-block{--atomix-block-spacing-xs:1rem;--atomix-block-spacing-sm:2rem;--atomix-block-spacing-md:4rem;--atomix-block-spacing-lg:6rem;--atomix-block-spacing-xl:7rem;position:relative;width:100%}.o-block--xs{padding-bottom:var(--atomix-block-spacing-xs);padding-top:var(--atomix-block-spacing-xs)}.o-block--sm{padding-bottom:var(--atomix-block-spacing-sm);padding-top:var(--atomix-block-spacing-sm)}.o-block--md{padding-bottom:var(--atomix-block-spacing-md);padding-top:var(--atomix-block-spacing-md)}.o-block--lg{padding-bottom:var(--atomix-block-spacing-lg);padding-top:var(--atomix-block-spacing-lg)}.o-block--xl{padding-bottom:var(--atomix-block-spacing-xl);padding-top:var(--atomix-block-spacing-xl)}.o-block--no-spacing{padding-bottom:0;padding-top:0}.o-block--full-width .o-container{max-width:none;padding-left:0;padding-right:0}.o-block--primary{background-color:var(--atomix-primary-bg-subtle)}.o-block--secondary{background-color:var(--atomix-secondary-bg-subtle)}.o-block--tertiary{background-color:var(--atomix-tertiary-bg-subtle)}.o-block--invert{background-color:var(--atomix-invert-bg-subtle)}.o-block--brand{background-color:var(--atomix-brand-bg-subtle)}.o-block--error{background-color:var(--atomix-error-bg-subtle)}.o-block--success{background-color:var(--atomix-success-bg-subtle)}.o-block--warning{background-color:var(--atomix-warning-bg-subtle)}.o-block--info{background-color:var(--atomix-info-bg-subtle)}.o-block--light{background-color:var(--atomix-light-bg-subtle)}.o-block--dark{background-color:var(--atomix-dark-bg-subtle)}@media (max-width:991.98px){.o-block--spacing-xs{padding-bottom:calc(var(--atomix-block-spacing-xs)*.75);padding-top:calc(var(--atomix-block-spacing-xs)*.75)}.o-block--spacing-sm{padding-bottom:calc(var(--atomix-block-spacing-sm)*.75);padding-top:calc(var(--atomix-block-spacing-sm)*.75)}.o-block--spacing-md{padding-bottom:calc(var(--atomix-block-spacing-md)*.75);padding-top:calc(var(--atomix-block-spacing-md)*.75)}.o-block--spacing-lg{padding-bottom:calc(var(--atomix-block-spacing-lg)*.75);padding-top:calc(var(--atomix-block-spacing-lg)*.75)}.o-block--spacing-xl{padding-bottom:calc(var(--atomix-block-spacing-xl)*.75);padding-top:calc(var(--atomix-block-spacing-xl)*.75)}}@media (max-width:767.98px){.o-block--spacing-xs{padding-bottom:calc(var(--atomix-block-spacing-xs)*.5);padding-top:calc(var(--atomix-block-spacing-xs)*.5)}.o-block--spacing-sm{padding-bottom:calc(var(--atomix-block-spacing-sm)*.5);padding-top:calc(var(--atomix-block-spacing-sm)*.5)}.o-block--spacing-md{padding-bottom:calc(var(--atomix-block-spacing-md)*.5);padding-top:calc(var(--atomix-block-spacing-md)*.5)}.o-block--spacing-lg{padding-bottom:calc(var(--atomix-block-spacing-lg)*.5);padding-top:calc(var(--atomix-block-spacing-lg)*.5)}.o-block--spacing-xl{padding-bottom:calc(var(--atomix-block-spacing-xl)*.5);padding-top:calc(var(--atomix-block-spacing-xl)*.5)}}
|
|
46
|
+
|
|
47
|
+
/*!
|
|
48
|
+
* Mashroom Theme Components Index
|
|
49
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
50
|
+
*/
|
|
51
|
+
/*!
|
|
52
|
+
* Mashroom Theme Tools Index
|
|
53
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
54
|
+
*/@keyframes accordion-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes accordion-glow-pulse{0%,to{box-shadow:0 0 10px rgba(157,0,255,.5)}50%{box-shadow:0 0 20px rgba(157,0,255,.8),0 0 30px rgba(255,32,133,.6),0 0 40px rgba(255,187,0,.4)}}@keyframes accordion-expand{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.c-accordion{animation:color-shift 10s linear infinite;animation:float 6s ease-in-out infinite;animation-duration:6s;animation:accordion-glow-pulse 3s infinite;box-shadow:0 0 10px #9d00ff;transition:all .3s ease}.c-accordion__header{animation:pulse-glow 2s infinite;animation:float 6s ease-in-out infinite;animation-duration:4s;background:radial-gradient(ellipse at center,#b94dff 0,#9d00ff 30%,#7d00cc 60%,#400066 100%);background-image:radial-gradient(circle at 10% 20%,hsla(0,0%,100%,.1) 1px,transparent 0),radial-gradient(circle at 90% 80%,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:30px 30px;border:1px solid rgba(157,0,255,.3)}.c-accordion__header:hover{background:linear-gradient(135deg,#9d00ff,#008cff);box-shadow:0 0 15px #ff90ba;transform:scale(1.01) rotate(1deg);transition:all .3s ease}.c-accordion__header--active{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 4s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%;border:1px solid rgba(255,187,0,.5)}.c-accordion__header--active:hover{animation:rainbow-shift 2s ease infinite;box-shadow:0 0 20px #ffff6a;transition:all .3s ease}.c-accordion__body{animation:accordion-expand .3s ease-out;background:linear-gradient(180deg,#f8f0ff 0,#f0d8ff 30%,#e2b0ff 70%,#d080ff);border-top:1px solid #e2b0ff}.c-accordion__body:before{animation:sparkle 3s linear infinite;background:radial-gradient(1px 1px at 20px 30px,var(--atomix-body-color),hsla(0,0%,100%,0)),radial-gradient(1px 1px at 40px 70px,hsla(0,0%,100%,.7),hsla(0,0%,100%,0));background-repeat:repeat;background-size:50px 50px;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.c-accordion--psychedelic{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 6s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:400% 400%;border:2px solid transparent;border-radius:10px}.c-accordion--psychedelic .c-accordion__header{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 4s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%;border:none;border-radius:8px 8px 0 0}.c-accordion--psychedelic .c-accordion__header:hover{animation:rainbow-shift 2s ease infinite}.c-accordion--psychedelic .c-accordion__header--active{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%}.c-accordion--psychedelic .c-accordion__body{background:radial-gradient(circle at center,#fff 0,#f0d8ff 20%,#d080ff 40%,#9d00ff 60%,#400066 100%);border-radius:0 0 8px 8px;border-top:none}.c-accordion--floating{animation:float 6s ease-in-out infinite;animation-duration:5s}.c-accordion--floating .c-accordion__header{animation:float 6s ease-in-out infinite;animation-duration:3s}.c-accordion--glow{animation:accordion-glow-pulse 2s infinite;box-shadow:0 0 20px #d080ff;transition:all .3s ease}.c-accordion--glow .c-accordion__header{box-shadow:0 0 15px #ff90ba;transition:all .3s ease}.c-accordion--glow .c-accordion__header--active{box-shadow:0 0 25px #ffff6a;transition:all .3s ease}
|
|
55
|
+
|
|
56
|
+
/*!
|
|
57
|
+
* Mashroom Theme Tools Index
|
|
58
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
59
|
+
*/
|
|
60
|
+
/*!
|
|
61
|
+
* Mashroom Theme Avatar Component
|
|
62
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
63
|
+
*/@keyframes avatar-pulse{0%,to{box-shadow:0 0 5px rgba(157,0,255,.5),0 0 10px rgba(157,0,255,.3)}50%{box-shadow:0 0 15px rgba(157,0,255,.8),0 0 25px rgba(255,32,133,.6),0 0 35px rgba(255,187,0,.4)}}@keyframes avatar-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.c-avatar{animation:float 6s ease-in-out infinite;animation:color-shift 10s linear infinite;animation:breathe 4s ease-in-out infinite;animation:avatar-pulse 2s infinite;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff) border-box;background-size:300% 300%;border:2px solid transparent;box-shadow:0 0 8px #9d00ff;transition:all .3s ease}.c-avatar:hover{animation:avatar-pulse .5s infinite,avatar-rotate 2s linear infinite;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#ff2085,#fb0,#00ff9d,#d080ff,#9d00ff,#ff2085) border-box;box-shadow:0 0 15px #ff90ba;transform:scale(1.1) rotate(5deg);transition:all .3s ease}.c-avatar-group .c-avatar{border-color:rgba(0,0,0,.2);box-shadow:0 0 5px rgba(157,0,255,.5)}.c-avatar--psychedelic{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s ease infinite,avatar-rotate 10s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:400% 400%;border:2px solid transparent}.c-avatar--psychedelic:hover{animation:rainbow-shift 1s ease infinite,avatar-rotate 2s linear infinite;box-shadow:0 0 20px #fff;transition:all .3s ease}.c-avatar--glow{animation:avatar-pulse 1s infinite;box-shadow:0 0 20px #d080ff;transition:all .3s ease}.c-avatar--glow:hover{animation:avatar-pulse .3s infinite;box-shadow:0 0 30px #ffff6a;transition:all .3s ease}.c-avatar--circular{border-radius:50%}.c-avatar--circular:hover{animation:avatar-rotate 1s linear infinite}
|
|
64
|
+
|
|
65
|
+
/*!
|
|
66
|
+
* Mashroom Theme Tools Index
|
|
67
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
68
|
+
*/
|
|
69
|
+
/*!
|
|
70
|
+
* Mashroom Theme Avatar Group Component
|
|
71
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
72
|
+
*/@keyframes avatar-group-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes avatar-group-glow-pulse{0%,to{box-shadow:0 0 6px rgba(157,0,255,.4)}50%{box-shadow:0 0 12px rgba(157,0,255,.7),0 0 24px rgba(255,32,133,.5)}}@keyframes avatar-group-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.c-avatar-group .c-avatar{animation:color-shift 10s linear infinite;animation:float 6s ease-in-out infinite;animation-duration:4s;border:2px solid rgba(157,0,255,.3);transition:all .3s ease}.c-avatar-group .c-avatar:hover{animation:pulse-glow 2s infinite;background:linear-gradient(135deg,#d080ff,#ffff6a);box-shadow:0 0 8px #ffff6a;transform:translateY(-2px) scale(1.1);transition:all .3s ease;z-index:2}.c-avatar-group--overlap .c-avatar{margin-right:-1rem}.c-avatar-group--overlap .c-avatar:hover{margin-right:0}.c-avatar-group--spaced .c-avatar{animation:float 6s ease-in-out infinite;animation-duration:3s;margin-right:.5rem}.c-avatar-group__remaining{animation:color-shift 10s linear infinite;animation:rainbow-shift 8s ease infinite;animation:float 6s ease-in-out infinite;animation-duration:3s;animation:avatar-group-pulse 2s ease-in-out infinite;background:linear-gradient(45deg,#d080ff,#ff90ba);background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;border:2px solid rgba(157,0,255,.3);box-shadow:0 0 6px rgba(157,0,255,.4);transition:all .3s ease}.c-avatar-group__remaining:hover{animation:pulse-glow 2s infinite;box-shadow:0 0 10px #ffff6a;transform:translateY(-2px) scale(1.1);transition:all .3s ease}.c-avatar-group--animated .c-avatar{animation:avatarFloat 3s ease-in-out infinite;animation:color-shift 10s linear infinite}.c-avatar-group--animated .c-avatar:nth-child(2){animation-delay:.2s}.c-avatar-group--animated .c-avatar:nth-child(3){animation-delay:.4s}.c-avatar-group--animated .c-avatar:nth-child(4){animation-delay:.6s}.c-avatar-group--animated .c-avatar-group__remaining{animation:avatarFloat 3s ease-in-out .8s infinite;animation:color-shift 10s linear infinite}@keyframes avatarFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(2deg)}50%{transform:translateY(-3px) rotate(0deg)}75%{transform:translateY(-7px) rotate(-2deg)}}.c-avatar-group--hover-reveal .c-avatar{animation:float 6s ease-in-out infinite;animation-duration:5s;box-shadow:0 0 4px rgba(157,0,255,.3);opacity:.7;transition:all .3s ease}.c-avatar-group--hover-reveal .c-avatar:hover{animation:pulse-glow 2s infinite;background:radial-gradient(circle,#ffff6a,#ff90ba,#d080ff);box-shadow:0 0 20px rgba(255,187,0,.7);opacity:1;transform:scale(1.2) rotate(5deg);z-index:3}.c-avatar-group--psychedelic .c-avatar{animation:psychedelicAvatar 3s ease-in-out infinite;background:linear-gradient(45deg,#d080ff,#ff90ba,#50ffbb);border-color:rgba(255,187,0,.4);box-shadow:0 0 6px rgba(157,0,255,.5);box-shadow:0 0 15px rgba(157,0,255,.5);transition:all .3s ease}.c-avatar-group--psychedelic .c-avatar:hover{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 4s ease infinite,avatarPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:400% 400%}.c-avatar-group--psychedelic .c-avatar-group__remaining{animation:psychedelicAvatar 3s ease-in-out .5s infinite;background:linear-gradient(45deg,#ffff6a,#d080ff,#ff90ba);border-color:rgba(255,187,0,.4);box-shadow:0 0 8px rgba(255,187,0,.5);box-shadow:0 0 20px rgba(255,187,0,.5);transition:all .3s ease}.c-avatar-group--psychedelic .c-avatar-group__remaining:hover{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 4s ease infinite,avatarPulse 2s ease-in-out infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:400% 400%}@keyframes psychedelicAvatar{0%,to{background-position:0 50%;border-color:rgba(255,187,0,.4);transform:rotate(0deg)}25%{background-position:50% 100%;border-color:rgba(0,255,136,.4);transform:rotate(2deg)}50%{background-position:100% 50%;border-color:rgba(255,32,133,.4);transform:rotate(0deg)}75%{background-position:50% 0;border-color:rgba(0,255,255,.4);transform:rotate(-2deg)}}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.c-avatar-group--glow .c-avatar{animation:avatar-group-glow-pulse 2s infinite;border-color:rgba(157,0,255,.5);box-shadow:0 0 10px #d080ff;transition:all .3s ease}.c-avatar-group--glow .c-avatar:hover{animation:avatar-group-glow-pulse .5s infinite;box-shadow:0 0 15px #ffff6a;transition:all .3s ease}.c-avatar-group--glow .c-avatar-group__remaining{animation:avatar-group-glow-pulse 2s infinite;box-shadow:0 0 12px #ff90ba;transition:all .3s ease}.c-avatar-group--glow .c-avatar-group__remaining:hover{animation:avatar-group-glow-pulse .5s infinite;box-shadow:0 0 18px #ffff6a;transition:all .3s ease}.c-avatar-group--floating .c-avatar{animation:float 6s ease-in-out infinite;animation-duration:3s}.c-avatar-group--floating .c-avatar-group__remaining{animation:float 6s ease-in-out infinite;animation-duration:4s}
|
|
73
|
+
|
|
74
|
+
/*!
|
|
75
|
+
* Mashroom Theme Tools Index
|
|
76
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
77
|
+
*/@keyframes psychedelic-badge-shift{0%{filter:hue-rotate(0deg)}25%{filter:hue-rotate(90deg)}50%{filter:hue-rotate(180deg)}75%{filter:hue-rotate(270deg)}to{filter:hue-rotate(1turn)}}@keyframes badge-glow-pulse{0%,to{box-shadow:0 0 5px var(--atomix-tag-color),0 0 10px rgba(157,0,255,.5)}50%{box-shadow:0 0 15px var(--atomix-tag-color),0 0 30px rgba(157,0,255,.8),0 0 50px rgba(255,32,133,.6)}}@keyframes badge-float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(1deg)}50%{transform:translateY(2px) rotate(-1deg)}75%{transform:translateY(-1px) rotate(.5deg)}}.c-badge{animation:float 6s ease-in-out infinite;animation:psychedelic-badge-shift 4s linear infinite,badge-glow-pulse 2s infinite,badge-float 3s ease-in-out infinite;background:linear-gradient(135deg,var(--atomix-tag-bg-color),var(--atomix-tag-color));border:1px solid var(--atomix-tag-color);border-radius:20px;box-shadow:0 0 20px var(--atomix-tag-color);overflow:hidden;position:relative;transition:all .3s ease}.c-badge:hover{animation:psychedelic-badge-shift 1s linear infinite,badge-glow-pulse .5s infinite,badge-float 1s ease-in-out infinite;box-shadow:0 0 20px #9d00ff;transform:scale(1.1) rotate(5deg);transition:all .3s ease}.c-badge:after{animation:shine 3s linear infinite;background:hsla(0,0%,100%,.3);content:"";height:200%;left:-60%;position:absolute;top:-50%;transform:rotate(25deg);width:20%}@keyframes shine{0%{left:-60%}20%{left:20%}40%{left:40%}60%{left:60%}80%{left:80%}to{left:120%}}.c-badge--psychedelic{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%;border:none}.c-badge--psychedelic:hover{animation:rainbow-shift 1s linear infinite;box-shadow:0 0 30px #fff;transform:scale(1.2) rotate(10deg);transition:all .3s ease}.c-badge--glow{animation:badge-glow-pulse 1s infinite;box-shadow:0 0 30px var(--atomix-tag-bg-color);transition:all .3s ease}.c-badge--glow:hover{animation:badge-glow-pulse .3s infinite;box-shadow:0 0 50px var(--atomix-tag-bg-color);transition:all .3s ease}.c-badge--floating{animation:badge-float 2s ease-in-out infinite}.c-badge--floating:hover{animation:badge-float .5s ease-in-out infinite}
|
|
78
|
+
|
|
79
|
+
/*!
|
|
80
|
+
* Mashroom Theme Tools Index
|
|
81
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
82
|
+
*/
|
|
83
|
+
/*!
|
|
84
|
+
* Mashroom Theme Breadcrumb Component
|
|
85
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
86
|
+
*/@keyframes breadcrumb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes breadcrumb-glow-pulse{0%,to{box-shadow:0 0 5px rgba(157,0,255,.5)}50%{box-shadow:0 0 15px rgba(157,0,255,.8),0 0 25px rgba(255,32,133,.6)}}@keyframes breadcrumb-item-pulse{0%,to{text-shadow:0 0 5px rgba(0,0,0,.5)}50%{text-shadow:0 0 10px hsla(0,0%,100%,.8),0 0 20px rgba(157,0,255,.6)}}.c-breadcrumb{animation:rainbow-shift 8s ease infinite;animation:float 6s ease-in-out infinite;animation:color-shift 10s linear infinite;animation:rainbow-shift 4s ease infinite,breadcrumb-glow-pulse 2s infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%;border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.c-breadcrumb__item{animation:breadcrumb-item-pulse 3s infinite;box-shadow:0 0 5px hsla(0,0%,100%,.3);color:#fff;display:inline-block;text-shadow:0 0 5px rgba(0,0,0,.5);transition:all .3s ease}.c-breadcrumb__item:hover{animation:breadcrumb-item-pulse 1s infinite;box-shadow:0 0 10px #ff90ba;transform:scale(1.05) rotate(2deg);transition:all .3s ease}.c-breadcrumb__separator{animation:pulse-glow 2s infinite;animation:float 6s ease-in-out infinite;animation-duration:3s;color:hsla(0,0%,100%,.7);margin:0 .5rem}.c-breadcrumb__item--active{animation:breadcrumb-item-pulse 1s infinite;box-shadow:0 0 15px #ffff6a;color:#ffff6a;font-weight:700;transition:all .3s ease}.c-breadcrumb--psychedelic{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 2s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:400% 400%;border:1px solid transparent}.c-breadcrumb--psychedelic .c-breadcrumb__item{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-clip:text;-webkit-background-clip:text;background-size:600% 600%;background-size:200% 200%;color:transparent}.c-breadcrumb--psychedelic .c-breadcrumb__item:hover{animation:rainbow-shift 1s linear infinite;box-shadow:0 0 20px #fff;transition:all .3s ease}.c-breadcrumb--psychedelic .c-breadcrumb__item--active{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 2s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-clip:text;-webkit-background-clip:text;background-size:600% 600%;background-size:200% 200%;color:transparent}.c-breadcrumb--glow{animation:breadcrumb-glow-pulse 1s infinite;box-shadow:0 0 20px #d080ff;transition:all .3s ease}.c-breadcrumb--glow .c-breadcrumb__item{box-shadow:0 0 10px hsla(0,0%,100%,.2);transition:all .3s ease}.c-breadcrumb--glow .c-breadcrumb__item:hover{box-shadow:0 0 15px #ff90ba;transition:all .3s ease}.c-breadcrumb--glow .c-breadcrumb__item--active{box-shadow:0 0 25px #ffff6a;transition:all .3s ease}
|
|
87
|
+
|
|
88
|
+
/*!
|
|
89
|
+
* Mashroom Theme Tools Index
|
|
90
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
91
|
+
*/
|
|
92
|
+
/*!
|
|
93
|
+
* Mashroom Theme Button Group Component
|
|
94
|
+
* Psychedelic mushroom-inspired button grouping with trippy effects
|
|
95
|
+
*/@keyframes btn-group-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes btn-group-glow-pulse{0%,to{box-shadow:0 4px 20px rgba(157,0,255,.3)}50%{box-shadow:0 4px 20px rgba(157,0,255,.5),0 0 30px rgba(255,32,133,.4),0 0 50px rgba(255,187,0,.3)}}.c-btn-group{animation:float 6s ease-in-out infinite;animation-duration:5s;border-radius:12px 12px 6px 6px;box-shadow:0 4px 20px rgba(157,0,255,.3)}.c-btn-group:before{animation:btn-group-background-float 8s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,rgba(255,187,0,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(157,0,255,.1) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes btn-group-background-float{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.c-btn-group .c-btn{animation:float 6s ease-in-out infinite;animation-duration:4s;background:transparent;border:none;border-radius:0;color:#fff;flex:1;font-weight:600;margin:0;padding:.75rem 1.5rem;transition:all .3s ease;z-index:1}.c-btn-group .c-btn:not(:last-child){border-right:1px solid rgba(157,0,255,.3)}.c-btn-group .c-btn:hover{background:rgba(157,0,255,.2);box-shadow:0 0 8px rgba(255,187,0,.4);transform:translateY(-2px);transition:all .3s ease}.c-btn-group .c-btn.is-active,.c-btn-group .c-btn:active{animation:btn-group-button-pulse 2s ease-in-out infinite;background:linear-gradient(45deg,#d080ff,#ff90ba);box-shadow:0 0 12px rgba(255,187,0,.6);color:#fff;transition:all .3s ease}.c-btn-group .c-btn:focus{box-shadow:0 0 10px rgba(255,187,0,.5);outline:none;transition:all .3s ease;z-index:2}.c-btn-group .c-btn:disabled{box-shadow:0 0 0 none;cursor:not-allowed;opacity:.5;transform:none;transition:all .3s ease}.c-btn-group--sm .c-btn{font-size:.875rem;padding:.5rem 1rem}.c-btn-group--lg .c-btn{font-size:1.125rem;padding:1rem 2rem}.c-btn-group--vertical{border-radius:12px 6px 6px 12px;flex-direction:column}.c-btn-group--vertical .c-btn:not(:last-child){border-bottom:1px solid rgba(157,0,255,.3);border-right:none}.c-btn-group--vertical .c-btn:hover{transform:translateX(2px)}.c-btn-group--vertical .c-btn.is-active,.c-btn-group--vertical .c-btn:active{transform:translateX(2px)}@keyframes btn-group-button-pulse{0%,to{transform:translateX(2px) scale(1)}50%{transform:translateX(2px) scale(1.05)}}.c-btn-group--rounded{border-radius:50px}.c-btn-group--rounded .c-btn:first-child{border-bottom-left-radius:50px;border-top-left-radius:50px}.c-btn-group--rounded .c-btn:last-child{border-bottom-right-radius:50px;border-top-right-radius:50px}.c-btn-group--rounded--vertical{border-radius:50px}.c-btn-group--rounded--vertical .c-btn:first-child{border-bottom-left-radius:0;border-top-left-radius:50px;border-top-right-radius:50px}.c-btn-group--rounded--vertical .c-btn:last-child{border-bottom-left-radius:50px;border-bottom-right-radius:50px;border-top-right-radius:0}.c-btn-group--psychedelic{animation:psychedelicShift 8s ease infinite;background:linear-gradient(135deg,#d080ff,#ffff6a,#ff90ba,#50ffbb);background-size:400% 400%}.c-btn-group--psychedelic .c-btn:hover{background:rgba(0,0,0,.2)}.c-btn-group--psychedelic .c-btn.is-active,.c-btn-group--psychedelic .c-btn:active{background:hsla(0,0%,100%,.2);color:#000}.c-btn-group--glow{animation:btn-group-glow-pulse 2s infinite;box-shadow:0 0 15px rgba(157,0,255,.4);transition:all .3s ease}.c-btn-group--glow:hover{animation:btn-group-glow-pulse 1s infinite;box-shadow:0 0 20px rgba(255,187,0,.6);transition:all .3s ease}.c-btn-group--dark{background:rgba(0,0,0,.8);border:1px solid rgba(157,0,255,.5)}.c-btn-group--dark .c-btn:hover{background:rgba(157,0,255,.3)}.c-btn-group--dark .c-btn.is-active,.c-btn-group--dark .c-btn:active{background:linear-gradient(45deg,#b94dff,#ff609f)}.c-btn-group--light{background:hsla(0,0%,100%,.1);border:1px solid rgba(157,0,255,.3)}.c-btn-group--light .c-btn{color:#000}.c-btn-group--light .c-btn:hover{background:rgba(157,0,255,.1)}.c-btn-group--light .c-btn.is-active,.c-btn-group--light .c-btn:active{background:linear-gradient(45deg,#e2b0ff,#ffc0d5);color:#fff}.c-btn-group__spore{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;height:3px;pointer-events:none;position:absolute;width:3px;z-index:2}.c-btn-group__spore:nth-child(odd){animation-delay:-2s}.c-btn-group__spore:nth-child(2n){animation-delay:-4s}@media (max-width:768px){.c-btn-group{border-radius:12px 6px 6px 12px;flex-direction:column}.c-btn-group .c-btn:not(:last-child){border-bottom:1px solid rgba(157,0,255,.3);border-right:none}.c-btn-group--vertical .c-btn:hover{transform:translateX(0)}.c-btn-group--vertical .c-btn.is-active,.c-btn-group--vertical .c-btn:active{transform:translateX(0)}}@media (max-width:480px){.c-btn-group .c-btn{font-size:.875rem;padding:.5rem 1rem}}.c-btn-group--floating{animation:float 6s ease-in-out infinite;animation-duration:3s}.c-btn-group--floating .c-btn{animation:float 6s ease-in-out infinite;animation-duration:2s}
|
|
96
|
+
|
|
97
|
+
/*!
|
|
98
|
+
* Mashroom Theme Tools Index
|
|
99
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
100
|
+
*/
|
|
101
|
+
/*!
|
|
102
|
+
* Mashroom Theme Button Component
|
|
103
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
104
|
+
*/@keyframes psychedelic-button-shift{0%{filter:hue-rotate(0deg) brightness(1)}25%{filter:hue-rotate(90deg) brightness(1.2)}50%{filter:hue-rotate(180deg) brightness(1)}75%{filter:hue-rotate(270deg) brightness(1.1)}to{filter:hue-rotate(1turn) brightness(1)}}@keyframes button-3d-pulse{0%,to{box-shadow:0 4px 6px rgba(0,0,0,.1),0 0 10px var(--atomix-btn-border-color);transform:scale(1) translateZ(0)}50%{box-shadow:0 10px 20px rgba(0,0,0,.2),0 0 30px var(--atomix-btn-border-color),0 0 50px hsla(0,0%,100%,.3);transform:scale(1.05) translateZ(10px)}}.c-btn{animation:float 6s ease-in-out infinite;animation:color-shift 10s linear infinite;animation:button-3d-pulse 3s infinite;animation:psychedelic-button-shift 5s linear infinite,button-3d-pulse 3s ease-in-out infinite;box-shadow:0 0 12px var(--atomix-btn-border-color);transition:all .3s ease}.c-btn:hover{animation:pulse-glow 2s infinite;animation:psychedelic-button-shift 1s linear infinite,button-3d-pulse 1s ease-in-out infinite;background:linear-gradient(135deg,var(--atomix-btn-color),var(--atomix-btn-border-color));transform:scale(1.1) rotate(3deg)}.c-btn:focus{animation:psychedelic-button-shift .5s linear infinite,button-3d-pulse .5s ease-in-out infinite;box-shadow:0 0 20px #ffff6a;outline:none;transition:all .3s ease}.c-btn:active{box-shadow:0 0 25px #ff90ba;transform:scale(.95) rotate(-3deg);transition:all .3s ease}.c-btn:disabled{animation:none;box-shadow:0 0 2px hsla(0,0%,50%,.3);cursor:not-allowed;opacity:.6;transition:all .3s ease}.c-btn--psychedelic{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 4s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%;border:none}.c-btn--psychedelic:hover{animation:rainbow-shift 1s linear infinite;box-shadow:0 0 30px #fff;transform:scale(1.1) rotate(5deg);transition:all .3s ease}.c-btn--psychedelic:active{transform:scale(.95) rotate(-5deg)}.c-btn--3d{border-radius:15px;position:relative;transform-style:preserve-3d}.c-btn--3d:before{background:inherit;content:"";filter:blur(10px);height:100%;left:0;opacity:.7;position:absolute;top:0;transform:translateZ(-20px);width:100%;z-index:-1}.c-btn--3d:hover{transform:translateZ(20px) scale(1.05)}.c-btn--3d:active{transform:translateZ(0) scale(.95)}.c-btn--glow{animation:button-3d-pulse 2s ease-in-out infinite;box-shadow:0 0 20px var(--atomix-btn-bg);transition:all .3s ease}.c-btn--glow:hover{animation:button-3d-pulse .5s ease-in-out infinite;box-shadow:0 0 40px var(--atomix-btn-bg);transition:all .3s ease}
|
|
105
|
+
|
|
106
|
+
/*!
|
|
107
|
+
* Mashroom Theme Tools Index
|
|
108
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
109
|
+
*/@keyframes callout-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}@keyframes callout-glow-pulse{0%,to{box-shadow:0 0 15px var(--atomix-callout-border-color)}50%{box-shadow:0 0 25px var(--atomix-callout-border-color),0 0 35px rgba(157,0,255,.8),0 0 45px rgba(255,32,133,.6)}}@keyframes callout-shimmer{0%{background-position:0 50%}to{background-position:100% 50%}}.c-callout{animation:color-shift 10s linear infinite;animation:breathe 4s ease-in-out infinite;animation:color-shift 10s infinite,breathe 4s ease-in-out infinite,callout-float 6s ease-in-out infinite,callout-glow-pulse 3s infinite;background:linear-gradient(160deg,#004020,#006638 25%,#00b36b 50%,#00d984 75%,#00ff9d);background-image:radial-gradient(circle at 10% 20%,rgba(157,0,255,.1) 1px,transparent 0),radial-gradient(circle at 20% 80%,rgba(0,255,157,.1) 1px,transparent 0),radial-gradient(circle at 80% 30%,rgba(255,32,133,.1) 1px,transparent 0),radial-gradient(circle at 60% 70%,rgba(255,187,0,.1) 1px,transparent 0)!important;background-size:70px 70px;border-radius:10px;box-shadow:0 0 15px var(--atomix-callout-border-color);overflow:hidden;position:relative;transition:all .3s ease}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.c-callout:before{animation:sparkle 4s linear infinite;background:radial-gradient(2px 2px at 20px 30px,#fff,hsla(0,0%,100%,0)),radial-gradient(2px 2px at 40px 70px,hsla(0,0%,100%,.7),hsla(0,0%,100%,0)),radial-gradient(1px 1px at 90px 40px,#fff,hsla(0,0%,100%,0)),radial-gradient(1px 1px at 130px 80px,hsla(0,0%,100%,.5),hsla(0,0%,100%,0));background-repeat:repeat;background-size:200px 100px;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}@keyframes sparkle{0%{background-position:0 0}to{background-position:200px 100px}}.c-callout:after{animation:callout-shimmer 3s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);background-size:200% 100%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.c-callout__header:after{animation:callout-shimmer 2s infinite;background:linear-gradient(135deg,var(--atomix-primary),var(--atomix-sucscess));background-size:200% 100%;content:"";flex:1;height:2px;margin-left:1rem}.c-callout--psychedelic{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 4s ease infinite,callout-float 5s ease-in-out infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:400% 400%;border:2px solid transparent}.c-callout--psychedelic:after{animation:callout-shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);background-size:200% 100%}.c-callout--psychedelic .c-callout__header:after{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:200% 100%}.c-callout--glow{animation:callout-glow-pulse 1.5s infinite;box-shadow:0 0 25px var(--atomix-callout-border-color);transition:all .3s ease}.c-callout--glow:after{animation:callout-shimmer 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent)}.c-callout--floating{animation:callout-float 4s ease-in-out infinite}
|
|
110
|
+
|
|
111
|
+
/*!
|
|
112
|
+
* Mashroom Theme Tools Index
|
|
113
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
114
|
+
*/@keyframes card-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(2deg)}66%{transform:translateY(10px) rotate(-1deg)}}@keyframes card-glow-pulse{0%{box-shadow:0 0 20px rgba(157,0,255,.5),0 0 30px rgba(157,0,255,.3)}50%{box-shadow:0 0 40px rgba(157,0,255,.8),0 0 60px rgba(255,32,133,.6),0 0 80px rgba(255,187,0,.4)}to{box-shadow:0 0 20px rgba(157,0,255,.5),0 0 30px rgba(157,0,255,.3)}}@keyframes card-border-shift{0%{border-color:rgba(157,0,255,.5)}25%{border-color:rgba(255,32,133,.6)}50%{border-color:rgba(255,187,0,.7)}75%{border-color:rgba(0,255,157,.6)}to{border-color:rgba(157,0,255,.5)}}.c-card{animation:rainbow-shift 8s ease infinite;animation:float 6s ease-in-out infinite;animation-duration:8s;animation:color-shift 10s linear infinite;animation:pulse-glow 2s infinite;animation:rainbow-shift 8s ease infinite,card-float 6s ease-in-out infinite,card-glow-pulse 3s infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-clip:padding-box;background-size:600% 600%;background-size:400% 400%;border:2px double transparent;border-radius:25px;box-shadow:0 0 20px #9d00ff;transition:all .3s ease}.c-card:before{animation:card-border-shift 4s linear infinite;background:linear-gradient(135deg,#d080ff,#ff90ba);border-radius:inherit;bottom:0;content:"";left:0;margin:-2px;position:absolute;right:0;top:0;z-index:-1}.c-card:after{background:rgba(0,0,0,.2);border-radius:23px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.c-card:hover{animation:rainbow-shift 2s ease infinite,card-float 3s ease-in-out infinite,card-glow-pulse 1s infinite;background:linear-gradient(135deg,var(--atomix-primary-6),var(--atomix-info));box-shadow:0 0 30px var(--atomix-primary-4);transform:scale(1.02) rotate(1deg);transition:all .3s ease}.c-card:hover:before{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 2s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:200% 200%}.c-card__header{animation:color-shift 10s linear infinite;animation-duration:10s;backdrop-filter:blur(5px);background:rgba(0,0,0,.2);background:linear-gradient(135deg,rgba(157,0,255,.2),rgba(157,0,255,.1));border-bottom:1px solid rgba(208,128,255,.5);border-radius:23px 23px 0 0;padding:1rem}.c-card__body{backdrop-filter:blur(2px);background:hsla(0,0%,100%,.1);background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));background-blend-mode:overlay;padding:1rem}.c-card__footer{animation:color-shift 10s linear infinite;animation-duration:12s;backdrop-filter:blur(5px);background:rgba(0,0,0,.2);background:linear-gradient(135deg,rgba(157,0,255,.1),rgba(157,0,255,.05));border-radius:0 0 23px 23px;border-top:1px solid rgba(208,128,255,.5);padding:1rem}.c-card--psychedelic{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 4s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%}.c-card--psychedelic:before{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 4s linear infinite reverse;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%}.c-card--psychedelic:hover{animation:rainbow-shift 1s ease infinite}.c-card--psychedelic:hover:before{animation:rainbow-shift 1s linear infinite}.c-card--glass{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1)}.c-card--glass:after{background:hsla(0,0%,100%,.05)}.c-card--glass .c-card__footer,.c-card--glass .c-card__header{background:hsla(0,0%,100%,.1)}.c-card--glass .c-card__body{background:hsla(0,0%,100%,.05)}.c-card--floating{animation:card-float 4s ease-in-out infinite}.c-card--floating:hover{animation:card-float 2s ease-in-out infinite}
|
|
115
|
+
|
|
116
|
+
/*!
|
|
117
|
+
* Mashroom Theme Tools Index
|
|
118
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
119
|
+
*/
|
|
120
|
+
/*!
|
|
121
|
+
* Mashroom Theme Checkbox Component
|
|
122
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
123
|
+
*/@keyframes checkbox-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes checkbox-glow-pulse{0%,to{box-shadow:0 0 5px #9d00ff}50%{box-shadow:0 0 10px #9d00ff,0 0 20px rgba(157,0,255,.8),0 0 30px rgba(255,32,133,.6)}}@keyframes checkbox-check-pulse{0%,to{box-shadow:0 0 3px hsla(0,0%,100%,.7)}50%{box-shadow:0 0 6px hsla(0,0%,100%,.9),0 0 12px rgba(255,187,0,.8)}}.c-checkbox__input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.c-checkbox__checkmark{animation:color-shift 10s linear infinite;animation:float 6s ease-in-out infinite;animation-duration:3s;animation:checkbox-glow-pulse 2s infinite;background-color:#eee;border-radius:4px;box-shadow:0 0 5px #9d00ff;height:20px;position:relative;transition:all .3s ease;width:20px}.c-checkbox:hover .c-checkbox__checkmark{animation:checkbox-glow-pulse .5s infinite;box-shadow:0 0 10px #ff90ba;transform:scale(1.1) rotate(5deg);transition:all .3s ease}.c-checkbox__input:checked+.c-checkbox__checkmark{animation:pulse-glow 2s infinite;animation:checkbox-float 2s ease-in-out infinite;background-color:#9d00ff;background:linear-gradient(135deg,#9d00ff,#ff90ba)}.c-checkbox__checkmark:after{content:"";display:none;position:absolute}.c-checkbox__input:checked+.c-checkbox__checkmark:after{display:block}.c-checkbox__checkmark:after{animation:checkbox-check-pulse 2s infinite;border:solid #fff;border-width:0 3px 3px 0;box-shadow:0 0 3px hsla(0,0%,100%,.7);height:10px;left:7px;top:3px;transform:rotate(45deg);width:5px}.c-checkbox--psychedelic .c-checkbox__checkmark{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s ease infinite,checkbox-glow-pulse 1s infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%;border:1px solid transparent}.c-checkbox--psychedelic .c-checkbox__checkmark:hover{animation:rainbow-shift 1s ease infinite,checkbox-glow-pulse .3s infinite}.c-checkbox--psychedelic .c-checkbox__input:checked+.c-checkbox__checkmark{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 2s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%}.c-checkbox--psychedelic .c-checkbox__input:checked+.c-checkbox__checkmark:after{animation:checkbox-check-pulse 1s infinite}.c-checkbox--glow .c-checkbox__checkmark{animation:checkbox-glow-pulse 1s infinite;box-shadow:0 0 15px #d080ff;transition:all .3s ease}.c-checkbox--glow .c-checkbox__checkmark:hover{animation:checkbox-glow-pulse .3s infinite;box-shadow:0 0 20px #ff90ba;transition:all .3s ease}.c-checkbox--glow .c-checkbox__input:checked+.c-checkbox__checkmark{animation:checkbox-glow-pulse .5s infinite;box-shadow:0 0 25px #ffff6a;transition:all .3s ease}.c-checkbox--floating .c-checkbox__checkmark{animation:float 6s ease-in-out infinite;animation-duration:4s}.c-checkbox--floating .c-checkbox__input:checked+.c-checkbox__checkmark{animation:checkbox-float 1s ease-in-out infinite}
|
|
124
|
+
|
|
125
|
+
/*!
|
|
126
|
+
* Mashroom Theme Tools Index
|
|
127
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
128
|
+
*/
|
|
129
|
+
/*!
|
|
130
|
+
* Mashroom Theme Color Mode Toggle Component
|
|
131
|
+
* Psychedelic mushroom-inspired dark/light mode switching with trippy visuals
|
|
132
|
+
*/.c-color-mode-toggle__switch{background:linear-gradient(45deg,#d080ff,#ffff6a);border-radius:15px;border-radius:30px 30px 15px 15px;box-shadow:0 0 8px rgba(157,0,255,.4);cursor:pointer;transition:all .3s ease}.c-color-mode-toggle__switch:before{background:linear-gradient(45deg,#fff,#ffff6a);border-radius:50%;border-radius:50% 50% 40% 40%;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:24px;left:3px;position:absolute;top:3px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:24px}.c-color-mode-toggle__switch:hover{box-shadow:0 0 12px #ffff6a;transform:scale(1.05);transition:all .3s ease}.c-color-mode-toggle__input:checked+.c-color-mode-toggle__switch{background:linear-gradient(45deg,#ff90ba,#d080ff)}.c-color-mode-toggle__input:checked+.c-color-mode-toggle__switch:before{background:linear-gradient(45deg,#000,#d080ff);transform:translateX(30px) rotate(180deg)}.c-color-mode-toggle__input{height:0;opacity:0;position:absolute;width:0}.c-color-mode-toggle__label{color:hsla(0,0%,100%,.8);font-size:.875rem;font-weight:500;transition:all .3s ease}@keyframes labelColorShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-color-mode-toggle__icon{height:16px;transition:all .3s ease;width:16px}.c-color-mode-toggle__icon--sun{animation:sunRotate 4s linear infinite;color:#ffff6a}.c-color-mode-toggle__icon--moon{animation:moonPulse 2s ease-in-out infinite;color:#d080ff}@keyframes sunRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes moonPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.c-color-mode-toggle__spores{bottom:-10px;left:-10px;pointer-events:none;position:absolute;right:-10px;top:-10px}.c-color-mode-toggle__spores:after,.c-color-mode-toggle__spores:before{animation:sporeFloat 3s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;content:"";height:4px;position:absolute;width:4px}.c-color-mode-toggle__spores:before{animation-delay:0s;left:10%;top:20%}.c-color-mode-toggle__spores:after{animation-delay:1.5s;right:15%;top:60%}.c-color-mode-toggle--sm .c-color-mode-toggle__switch{height:24px;width:48px}.c-color-mode-toggle--sm .c-color-mode-toggle__switch:before{height:18px;width:18px}.c-color-mode-toggle--sm .c-color-mode-toggle__label{font-size:.75rem}.c-color-mode-toggle--lg .c-color-mode-toggle__switch{height:40px;width:80px}.c-color-mode-toggle--lg .c-color-mode-toggle__switch:before{height:34px;width:34px}.c-color-mode-toggle--lg .c-color-mode-toggle__label{font-size:1rem}.c-color-mode-toggle--psychedelic .c-color-mode-toggle__switch{animation:psychedelicShift 4s ease-in-out infinite;background:linear-gradient(135deg,#d080ff,#ff90ba,#ffff6a,#50ffbb,#d080ff);background-size:400% 400%}.c-color-mode-toggle--psychedelic .c-color-mode-toggle__switch:before{animation:psychedelicShift 3s ease-in-out infinite reverse;background:linear-gradient(45deg,#fff,#ffff6a,#ff90ba,#d080ff,#fff);background-size:300% 300%}.c-color-mode-toggle--psychedelic .c-color-mode-toggle__label{animation:psychedelicRainbow 2s linear infinite}.c-color-mode-toggle--glow .c-color-mode-toggle__switch{box-shadow:0 0 15px #ffff6a;transition:all .3s ease}.c-color-mode-toggle--glow .c-color-mode-toggle__switch:before{box-shadow:0 0 8px #fff;transition:all .3s ease}.c-color-mode-toggle--3d .c-color-mode-toggle__switch{box-shadow:0 4px 8px rgba(0,0,0,.3),0 0 20px rgba(157,0,255,.2)}.c-color-mode-toggle--3d .c-color-mode-toggle__switch:before{box-shadow:0 2px 4px rgba(0,0,0,.2),0 0 10px hsla(0,0%,100%,.3)}.c-color-mode-toggle--animating .c-color-mode-toggle__switch{animation:toggleWobble .5s ease-in-out}@keyframes toggleWobble{0%,to{transform:scale(1)}25%{transform:scale(1.1)}75%{transform:scale(.9)}}.c-color-mode-toggle__input:focus+.c-color-mode-toggle__switch{outline:2px solid #ffff6a;outline-offset:2px}@media (max-width:768px){.c-color-mode-toggle--sm .c-color-mode-toggle__switch{height:22px;width:44px}.c-color-mode-toggle--sm .c-color-mode-toggle__switch:before{height:16px;width:16px}}
|
|
133
|
+
|
|
134
|
+
/*!
|
|
135
|
+
* Mashroom Theme Tools Index
|
|
136
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
137
|
+
*/
|
|
138
|
+
/*!
|
|
139
|
+
* Mashroom Theme Countdown Component
|
|
140
|
+
* Mushroom-themed timer animations with psychedelic effects
|
|
141
|
+
*/.c-countdown{background:rgba(0,0,0,.8);border:2px solid rgba(157,0,255,.5);border-radius:20px;border-radius:20px 20px 10px 10px;display:inline-flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative}.c-countdown:before{animation:sporeFloat 12s linear infinite;background:radial-gradient(circle at 30% 30%,rgba(255,187,0,.1) 0,transparent 30%),radial-gradient(circle at 70% 70%,rgba(157,0,255,.1) 0,transparent 30%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.c-countdown__timer{display:flex;gap:1rem;margin-bottom:1rem}.c-countdown__unit{align-items:center;background:linear-gradient(135deg,rgba(157,0,255,.2),rgba(255,187,0,.2));border:1px solid rgba(157,0,255,.3);border-radius:12px;display:flex;flex-direction:column;min-width:80px;overflow:hidden;padding:1rem;position:relative}.c-countdown__unit:before{background:linear-gradient(45deg,#d080ff,#ffff6a,#ff90ba,#50ffbb);border-radius:12px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.c-countdown__unit:hover:before{animation:glowPulse 2s ease-in-out infinite;opacity:1}.c-countdown__value{animation:numberGlow 3s ease-in-out infinite;color:#fff;font-size:2rem;font-weight:700;text-shadow:0 0 10px rgba(157,0,255,.8)}@keyframes numberGlow{0%,to{text-shadow:0 0 10px rgba(157,0,255,.8);transform:scale(1)}50%{text-shadow:0 0 20px rgba(255,187,0,.8);transform:scale(1.05)}}.c-countdown__label{color:hsla(0,0%,100%,.7);font-size:.75rem;letter-spacing:1px;margin-top:.25rem;text-transform:uppercase}.c-countdown__progress{height:120px;margin:1rem 0;position:relative;width:120px}.c-countdown__progress svg{height:100%;transform:rotate(-90deg);width:100%}.c-countdown__progress circle{fill:none;stroke-width:8;stroke-linecap:round}.c-countdown__progress .background{stroke:rgba(157,0,255,.2)}.c-countdown__progress .progress{stroke:url(#countdownGradient);stroke-dasharray:314;stroke-dashoffset:314;animation:progressFill 60s linear infinite}@keyframes progressFill{0%{stroke-dashoffset:314}to{stroke-dashoffset:0}}.c-countdown__message{background:linear-gradient(45deg,#d080ff,#ffff6a,#ff90ba);-webkit-background-clip:text;background-size:200% 200%;color:#fff;font-size:1.25rem;margin-top:1rem;text-align:center;-webkit-text-fill-color:transparent;animation:textShift 3s ease-in-out infinite;background-clip:text}@keyframes textShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.c-countdown--completed{animation:completionPulse 2s ease-in-out infinite;background:linear-gradient(135deg,rgba(0,255,0,.2),rgba(0,255,157,.2));border-color:rgba(0,255,0,.5)}@keyframes completionPulse{0%,to{box-shadow:0 0 20px rgba(0,255,0,.5);transform:scale(1)}50%{box-shadow:0 0 40px rgba(0,255,0,.8);transform:scale(1.02)}}.c-countdown--completed .c-countdown__value{animation:none;color:#50ffbb}.c-countdown--completed .c-countdown__message{background:linear-gradient(45deg,#50ffbb,#ffff6a)}.c-countdown--sm{padding:1rem}.c-countdown--sm .c-countdown__timer{gap:.5rem}.c-countdown--sm .c-countdown__unit{min-width:60px;padding:.5rem}.c-countdown--sm .c-countdown__value{font-size:1.5rem}.c-countdown--sm .c-countdown__progress{height:80px;width:80px}.c-countdown--lg{padding:3rem}.c-countdown--lg .c-countdown__timer{gap:1.5rem}.c-countdown--lg .c-countdown__unit{min-width:100px;padding:1.5rem}.c-countdown--lg .c-countdown__value{font-size:3rem}.c-countdown--lg .c-countdown__progress{height:150px;width:150px}.c-countdown--psychedelic{animation:psychedelicShift 8s ease infinite;background:linear-gradient(135deg,#d080ff,#ffff6a,#ff90ba,#50ffbb);background-size:400% 400%}.c-countdown--psychedelic .c-countdown__unit{background:rgba(0,0,0,.3);border-color:hsla(0,0%,100%,.3)}.c-countdown--psychedelic .c-countdown__value{color:#fff;text-shadow:0 0 15px hsla(0,0%,100%,.8)}.c-countdown--glow{box-shadow:0 0 20px rgba(157,0,255,.4);transition:all .3s ease}.c-countdown--glow:hover{box-shadow:0 0 30px rgba(255,187,0,.6);transition:all .3s ease}.c-countdown--dark{background:rgba(0,0,0,.9);border-color:rgba(157,0,255,.7)}.c-countdown--light{background:hsla(0,0%,100%,.1);border-color:rgba(157,0,255,.3)}.c-countdown--light .c-countdown__value{color:#000;text-shadow:0 0 10px rgba(157,0,255,.4)}.c-countdown--light .c-countdown__label{color:rgba(0,0,0,.7)}.c-countdown--light .c-countdown__message{color:#000}.c-countdown__spore{animation:sporeFloat 8s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;height:4px;pointer-events:none;position:absolute;width:4px}.c-countdown__spore:nth-child(odd){animation-delay:-3s}.c-countdown__spore:nth-child(2n){animation-delay:-6s}@media (max-width:768px){.c-countdown .c-countdown__timer{flex-wrap:wrap;justify-content:center}.c-countdown .c-countdown__unit{min-width:70px;padding:.75rem}.c-countdown .c-countdown__value{font-size:1.5rem}}@media (max-width:480px){.c-countdown{padding:1rem}.c-countdown .c-countdown__unit{min-width:60px;padding:.5rem}.c-countdown .c-countdown__value{font-size:1.25rem}.c-countdown .c-countdown__label{font-size:.625rem}}
|
|
142
|
+
|
|
143
|
+
/*!
|
|
144
|
+
* Mashroom Theme Tools Index
|
|
145
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
146
|
+
*/
|
|
147
|
+
/*!
|
|
148
|
+
* Mashroom Theme Data Table Component
|
|
149
|
+
* Psychedelic mushroom-inspired table styling with trippy animated rows
|
|
150
|
+
*/@keyframes table-row-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes table-glow-pulse{0%,to{box-shadow:0 0 5px rgba(157,0,255,.3)}50%{box-shadow:0 0 20px rgba(157,0,255,.6),0 0 30px rgba(255,32,133,.4)}}.c-data-table{animation:color-shift 10s linear infinite;animation:float 6s ease-in-out infinite;animation-duration:8s;animation:psychedelic-border-shift 4s linear infinite;backdrop-filter:blur(10px);background:rgba(0,0,0,.6);border:1px solid rgba(157,0,255,.2);border-collapse:separate;border-radius:1rem;border-spacing:0;box-shadow:0 0 15px rgba(157,0,255,.3);overflow:hidden;transition:all .3s ease}.c-data-table__header{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 6s ease infinite;background:linear-gradient(135deg,rgba(157,0,255,.2),rgba(255,32,133,.2));background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%;position:relative}.c-data-table__header:after{background:rgba(0,0,0,.3);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.c-data-table__header-cell{animation:pulse-glow 2s infinite;border-bottom:2px solid rgba(157,0,255,.3);color:hsla(0,0%,100%,.9);padding:1rem 1.5rem;position:relative;z-index:1}.c-data-table__header-cell--sortable{animation:float 6s ease-in-out infinite;animation-duration:4s;transition:all .3s ease}.c-data-table__header-cell--sortable:hover{background:rgba(157,0,255,.1);background:linear-gradient(135deg,rgba(157,0,255,.2),rgba(255,32,133,.2));box-shadow:0 0 10px #ffff6a;color:#fff;transform:scale(1.02);transition:all .3s ease}.c-data-table__header-cell--sortable:after{color:#d080ff;content:"↕";opacity:.5;position:absolute;right:1rem;text-shadow:0 0 5px rgba(157,0,255,.7);transition:all .3s ease}.c-data-table__header-cell--sortable--asc:after{color:#ffff6a;content:"↑";opacity:1;text-shadow:0 0 10px rgba(255,187,0,.8)}.c-data-table__header-cell--sortable--desc:after{color:#ff90ba;content:"↓";opacity:1;text-shadow:0 0 10px rgba(255,32,133,.8)}.c-data-table__body{animation:table-glow-pulse 3s infinite}.c-data-table__row{transition:all .3s ease}.c-data-table__row:nth-child(2n){animation:float 6s ease-in-out infinite;animation-duration:6s}.c-data-table__row:nth-child(odd){animation:float 6s ease-in-out infinite;animation-delay:.5s;animation-duration:7s}.c-data-table__row:hover{animation:color-shift 10s linear infinite;animation-duration:2s;background:rgba(157,0,255,.1);background:linear-gradient(135deg,rgba(157,0,255,.1),rgba(157,0,255,.05));box-shadow:0 0 10px rgba(157,0,255,.4);transform:scale(1.01);transition:all .3s ease}.c-data-table__row:nth-child(2n){background:rgba(30,10,50,.3)}.c-data-table__row--animated{animation:table-row-float 3s ease-in-out infinite}.c-data-table__row--animated:nth-child(2){animation-delay:.2s}.c-data-table__row--animated:nth-child(3){animation-delay:.4s}.c-data-table__row--highlight{animation:pulse-glow 2s infinite;background:linear-gradient(90deg,rgba(255,187,0,.2),rgba(255,32,133,.2));position:relative}.c-data-table__row--highlight:after{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%;bottom:0;content:"";left:0;opacity:.2;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.c-data-table__cell{animation:color-shift 10s linear infinite;animation-duration:20s;border-bottom:1px solid rgba(157,0,255,.1);box-shadow:0 0 2px hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.8);padding:1rem 1.5rem;transition:all .3s ease}.c-data-table__cell--numeric{color:#ffffb0;font-variant-numeric:tabular-nums;text-align:right}.c-data-table__cell--actions{text-align:right}.c-data-table__cell--actions .c-btn{animation:float 6s ease-in-out infinite;animation-duration:4s;margin-left:.5rem}.c-data-table__footer{background:rgba(15,5,30,.7);background:linear-gradient(135deg,rgba(157,0,255,.1),rgba(15,5,30,.7));border-top:1px solid rgba(157,0,255,.2);box-shadow:0 0 8px rgba(157,0,255,.2);transition:all .3s ease}.c-data-table__pagination{align-items:center;background:rgba(25,15,40,.5);display:flex;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem}.c-data-table--psychedelic{background-clip:padding-box;border:2px double transparent;border-radius:1rem}.c-data-table--psychedelic:before{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 4s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:400% 400%;border-radius:inherit;bottom:0;content:"";left:0;margin:-2px;position:absolute;right:0;top:0;z-index:-1}.c-data-table--psychedelic .c-data-table__header{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 5s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:400% 400%}.c-data-table--psychedelic .c-data-table__header-cell{animation:pulse-glow 2s infinite}.c-data-table--psychedelic .c-data-table__row:hover{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 2s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:200% 200%;opacity:.9}.c-data-table--compact .c-data-table__cell,.c-data-table--compact .c-data-table__header-cell{padding:.5rem 1rem}.c-data-table--bordered{animation:psychedelic-border-shift 3s linear infinite;border:2px solid rgba(157,0,255,.3)}.c-data-table--bordered .c-data-table__cell,.c-data-table--bordered .c-data-table__header-cell{border-right:1px solid rgba(157,0,255,.2)}.c-data-table--bordered .c-data-table__cell:last-child,.c-data-table--bordered .c-data-table__header-cell:last-child{border-right:none}
|
|
151
|
+
|
|
152
|
+
/*!
|
|
153
|
+
* Mashroom Theme Tools Index
|
|
154
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
155
|
+
*/
|
|
156
|
+
/*!
|
|
157
|
+
* Mashroom Theme DatePicker Component
|
|
158
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
159
|
+
*/.c-datepicker__calendar{animation:calendarPop .3s cubic-bezier(.68,-.55,.265,1.55);backdrop-filter:blur(15px);background:rgba(0,0,0,.8);border:1px solid rgba(157,0,255,.3);border-radius:1.5rem;box-shadow:0 0 20px rgba(157,0,255,.4);left:0;min-width:300px;padding:1.5rem;top:100%;transition:all .3s ease;z-index:1000}@keyframes calendarPop{0%{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.c-datepicker__header{border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:1.5rem;padding-bottom:1rem}.c-datepicker__nav{display:flex;gap:.5rem}.c-datepicker__nav-btn{background:hsla(0,0%,100%,.1);border:1px solid rgba(157,0,255,.3);border-radius:50%;color:hsla(0,0%,100%,.8);cursor:pointer;padding:.5rem;transition:all .3s ease}.c-datepicker__nav-btn:hover{background:rgba(157,0,255,.2);box-shadow:0 0 8px #ffff6a;color:#fff;transition:all .3s ease}.c-datepicker__current{background:linear-gradient(45deg,#d080ff,#ffff6a);-webkit-background-clip:text;background-size:200% 200%;color:#fff;font-size:1.125rem;font-weight:600;-webkit-text-fill-color:transparent;animation:monthColorShift 3s ease-in-out infinite;background-clip:text}@keyframes monthColorShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-datepicker__weekdays{gap:.25rem;margin-bottom:1rem}.c-datepicker__weekday{color:hsla(0,0%,100%,.7);font-size:.875rem;font-weight:600;padding:.5rem}.c-datepicker__days{gap:.25rem}.c-datepicker__day{aspect-ratio:1;border-radius:50%;color:hsla(0,0%,100%,.8);font-size:.875rem;transition:all .3s ease}.c-datepicker__day:hover{background:rgba(157,0,255,.2);box-shadow:0 0 8px #ffff6a;color:#fff;transform:scale(1.1);transition:all .3s ease}.c-datepicker__day--today{background:rgba(255,187,0,.2);color:#ffff6a}.c-datepicker__day--today:before{animation:todayGlow 2s ease-in-out infinite;border:1px solid #ffff6a;border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px}@keyframes todayGlow{0%,to{opacity:.5}50%{opacity:1}}.c-datepicker__day--selected{animation:selectedPulse 1.5s ease-in-out infinite;background:linear-gradient(45deg,#d080ff,#ff90ba);color:#fff;font-weight:600}@keyframes selectedPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.c-datepicker__day--disabled{color:hsla(0,0%,100%,.3)}.c-datepicker__day--disabled:hover{box-shadow:0 0 0 none;transform:none;transition:all .3s ease}.c-datepicker__day--other-month{color:hsla(0,0%,100%,.4)}.c-datepicker__day--weekend{color:rgba(255,187,0,.8)}.c-datepicker__time{align-items:center;border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:1rem;margin-top:1rem;padding-top:1rem}.c-datepicker__time-label{color:hsla(0,0%,100%,.7);font-size:.875rem}.c-datepicker__time-input{background:hsla(0,0%,100%,.1);border:1px solid rgba(157,0,255,.3);border-radius:.5rem;color:hsla(0,0%,100%,.9);font-size:.875rem;padding:.5rem}.c-datepicker__time-input:focus{border-color:#ffff6a;box-shadow:0 0 5px #ffff6a;outline:none;transition:all .3s ease}.c-datepicker__input{background:hsla(0,0%,100%,.1);border:2px solid rgba(157,0,255,.3);border-radius:1rem;color:hsla(0,0%,100%,.9);cursor:pointer;padding:.75rem 1rem;transition:all .3s ease}.c-datepicker__input:hover{border-color:rgba(157,0,255,.5)}.c-datepicker__input:focus{border-color:#ffff6a;box-shadow:0 0 8px #ffff6a;outline:none;transition:all .3s ease}.c-datepicker__input::-moz-placeholder{color:hsla(0,0%,100%,.6)}.c-datepicker__input::placeholder{color:hsla(0,0%,100%,.6)}.c-datepicker--range .c-datepicker__calendar{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;min-width:600px}.c-datepicker--inline .c-datepicker__calendar{animation:none;box-shadow:none}.c-datepicker--sm .c-datepicker__calendar{min-width:250px;padding:1rem}.c-datepicker--sm .c-datepicker__calendar .c-datepicker__day{font-size:.75rem}.c-datepicker--lg .c-datepicker__calendar{min-width:350px;padding:2rem}.c-datepicker--lg .c-datepicker__calendar .c-datepicker__day{font-size:1rem}.c-datepicker--psychedelic .c-datepicker__calendar{background:linear-gradient(135deg,rgba(157,0,255,.1),rgba(255,32,133,.1) 50%,rgba(0,255,136,.1));border-color:rgba(157,0,255,.4)}.c-datepicker--psychedelic .c-datepicker__day:hover{background:linear-gradient(45deg,rgba(157,0,255,.3),rgba(255,187,0,.3))}@media (max-width:768px){.c-datepicker .c-datepicker__calendar{left:50%;max-width:350px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}.c-datepicker--range .c-datepicker__calendar{grid-template-columns:1fr;min-width:auto}}
|
|
160
|
+
|
|
161
|
+
/*!
|
|
162
|
+
* Mashroom Theme Tools Index
|
|
163
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
164
|
+
*/
|
|
165
|
+
/*!
|
|
166
|
+
* Mashroom Theme Dropdown Component
|
|
167
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
168
|
+
*/@keyframes mashroom-dropdown-fade-in{0%{opacity:0;transform:translateY(-15px) scale(.95) rotate(-5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}@keyframes mashroom-dropdown-fade-out{0%{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}to{opacity:0;transform:translateY(-15px) scale(.95) rotate(5deg)}}@keyframes mashroom-dropdown-pulse{0%{box-shadow:0 0 5px rgba(157,0,255,.5)}50%{box-shadow:0 0 15px rgba(157,0,255,.8),0 0 25px hsla(0,0%,100%,.5)}to{box-shadow:0 0 5px rgba(157,0,255,.5)}}.c-dropdown__toggle{animation:float 6s ease-in-out infinite;animation:color-shift 10s linear infinite;background:rgba(157,0,255,.2);background:linear-gradient(rgba(157,0,255,.2),rgba(157,0,255,.2));background-clip:padding-box;border:2px double transparent;border-radius:.5rem;box-shadow:0 0 5px rgba(157,0,255,.5);color:#fff;display:flex;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.c-dropdown__toggle:before{animation:psychedelic-border-shift 4s linear infinite;background:linear-gradient(135deg,#d080ff,#ff90ba);border-radius:inherit;bottom:0;content:"";left:0;margin:-2px;position:absolute;right:0;top:0;z-index:-1}.c-dropdown__toggle:hover{background:linear-gradient(rgba(157,0,255,.3),rgba(157,0,255,.3));box-shadow:0 0 10px #ff90ba;transform:scale(1.05) rotate(2deg);transition:all .3s ease}.c-dropdown__toggle:hover:before{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%}.c-dropdown__toggle:active,.c-dropdown__toggle:focus{background:linear-gradient(rgba(255,187,0,.2),rgba(255,187,0,.2));box-shadow:0 0 15px #ffff6a;outline:none;transform:scale(.95);transition:all .3s ease}.c-dropdown__toggle:active:before,.c-dropdown__toggle:focus:before{background:linear-gradient(135deg,#ffff6a,#50ffbb)}.c-dropdown__toggle:disabled{animation:none;background:hsla(0,0%,50%,.2);box-shadow:0 0 2px hsla(0,0%,50%,.3);cursor:not-allowed;opacity:.6;transition:all .3s ease}.c-dropdown__toggle:disabled:before{animation:none;background:hsla(0,0%,50%,.5)}.c-dropdown__menu{animation:mashroom-dropdown-pulse 3s infinite;backdrop-filter:blur(10px);background:rgba(25,15,40,.95);background:linear-gradient(25deg,rgba(25,15,40,.95),rgba(25,15,40,.95));background-clip:padding-box;border:1px double transparent;border-radius:.5rem;box-shadow:0 10px 30px rgba(0,0,0,.3);left:0;margin-top:.5rem;min-width:200px;position:absolute;top:100%;z-index:1000}.c-dropdown__menu:before{animation:psychedelic-border-shift 4s linear infinite;background:linear-gradient(135deg,#d080ff,#ff90ba);border-radius:inherit;bottom:0;content:"";left:0;margin:-1px;position:absolute;right:0;top:0;z-index:-1}.c-dropdown__menu--open{animation:mashroom-dropdown-fade-in .3s ease forwards}.c-dropdown__menu--close{animation:mashroom-dropdown-fade-out .3s ease forwards}.c-dropdown__item{box-shadow:0 0 3px hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8);display:block;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .2s ease;transition:all .3s ease}.c-dropdown__item:hover{animation:color-shift 10s linear infinite;background:rgba(157,0,255,.2);background:linear-gradient(135deg,rgba(157,0,255,.3),rgba(255,32,133,.3));background-blend-mode:overlay;box-shadow:0 0 8px #ff90ba;color:#fff;transform:translateX(5px) scale(1.02);transition:all .3s ease}.c-dropdown__item--active{animation:psychedelic-border-shift 2s infinite;background:rgba(255,187,0,.2);background:linear-gradient(135deg,rgba(255,187,0,.2),rgba(255,187,0,.1));box-shadow:0 0 10px #ffff6a;color:#ffff6a;font-weight:600;transition:all .3s ease}.c-dropdown__item--disabled,.c-dropdown__item:disabled{animation:none;background:transparent;box-shadow:0 0 1px hsla(0,0%,100%,.05);cursor:not-allowed;opacity:.5;transition:all .3s ease}.c-dropdown__item--disabled:hover,.c-dropdown__item:disabled:hover{animation:rainbow-shift 8s ease infinite;background:transparent;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;transform:none}.c-dropdown__item--divider{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s linear infinite;background:rgba(157,0,255,.3);background:linear-gradient(90deg,transparent,#9d00ff,transparent);background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:200% 100%;height:1px;margin:.25rem 0;padding:0;pointer-events:none}.c-dropdown__header{animation:color-shift 10s linear infinite;background:linear-gradient(135deg,rgba(157,0,255,.1),rgba(157,0,255,.05));background-blend-mode:overlay;box-shadow:0 0 3px rgba(157,0,255,.3);color:#e2b0ff;font-size:.85rem;font-weight:600;letter-spacing:1px;padding:.75rem 1rem;text-transform:uppercase;transition:all .3s ease}.c-dropdown--psychedelic .c-dropdown__toggle{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 4s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%;border-radius:2rem}.c-dropdown--psychedelic .c-dropdown__toggle:before{border-radius:2rem}.c-dropdown--psychedelic .c-dropdown__toggle:hover{animation:rainbow-shift 2s linear infinite;transform:scale(1.1) rotate(5deg)}.c-dropdown--psychedelic .c-dropdown__menu{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 6s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:400% 400%;border-radius:1rem}.c-dropdown--psychedelic .c-dropdown__menu:before{animation:rainbow-shift 4s linear infinite reverse;border-radius:1rem}.c-dropdown--psychedelic .c-dropdown__item:hover{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 2s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:200% 200%;color:#fff}
|
|
169
|
+
|
|
170
|
+
/*!
|
|
171
|
+
* Mashroom Theme Tools Index
|
|
172
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
173
|
+
*/
|
|
174
|
+
/*!
|
|
175
|
+
* Mashroom Theme Edge Panel Component
|
|
176
|
+
* Psychedelic mushroom-inspired sliding panels with trippy effects
|
|
177
|
+
*/.c-edge-panel{backdrop-filter:blur(20px);background:rgba(0,0,0,.9);border:1px solid rgba(157,0,255,.3);border-radius:0 2rem 2rem 0;box-shadow:0 0 20px rgba(157,0,255,.4);height:100vh;top:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transition:all .3s ease;width:300px;z-index:1000}.c-edge-panel--left{border-radius:0 2rem 2rem 0;left:0;transform:translateX(-100%)}.c-edge-panel--left .c-edge-panel--open{transform:translateX(0)}.c-edge-panel--right{border-radius:2rem 0 0 2rem;right:0;transform:translateX(100%)}.c-edge-panel--right .c-edge-panel--open{transform:translateX(0)}.c-edge-panel--top{border-radius:0 0 2rem 2rem;height:200px;left:0;right:0;top:0;transform:translateY(-100%);width:100%}.c-edge-panel--top .c-edge-panel--open{transform:translateY(0)}.c-edge-panel--bottom{border-radius:2rem 2rem 0 0;bottom:0;height:200px;left:0;right:0;transform:translateY(100%);width:100%}.c-edge-panel--bottom .c-edge-panel--open{transform:translateY(0)}.c-edge-panel__header{background:linear-gradient(135deg,rgba(157,0,255,.1),rgba(255,32,133,.1));border-bottom:1px solid rgba(157,0,255,.2);padding:1.5rem}.c-edge-panel__title{background:linear-gradient(45deg,#d080ff,#ffff6a);-webkit-background-clip:text;background-size:200% 200%;color:#fff;font-size:1.25rem;font-weight:600;-webkit-text-fill-color:transparent;animation:titleColorShift 3s ease-in-out infinite;background-clip:text}.c-edge-panel__close{background:none;border:none;color:hsla(0,0%,100%,.7);font-size:1.5rem;transition:all .3s ease}.c-edge-panel__close:hover{box-shadow:0 0 8px #ffff6a;color:#fff;transform:rotate(90deg);transition:all .3s ease}.c-edge-panel__content{height:calc(100% - 80px);overflow-y:auto;padding:1.5rem}.c-edge-panel__content::-webkit-scrollbar{width:6px}.c-edge-panel__content::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:3px}.c-edge-panel__content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d080ff,#ffff6a);border-radius:3px}.c-edge-panel__content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e2b0ff,#ffffb0)}.c-edge-panel__backdrop{backdrop-filter:blur(5px);background:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.c-edge-panel__backdrop--open{opacity:1;visibility:visible}.c-edge-panel__trigger{background:linear-gradient(45deg,#d080ff,#ffff6a);border:none;border-radius:50%;border-radius:50% 50% 40% 40%;box-shadow:0 0 15px rgba(157,0,255,.4);color:#fff;cursor:pointer;height:56px;position:fixed;transition:all .3s ease;width:56px;z-index:1001}.c-edge-panel__trigger:hover{box-shadow:0 0 20px #ffff6a;transform:scale(1.1);transition:all .3s ease}.c-edge-panel__trigger--left{left:1rem;top:50%;transform:translateY(-50%)}.c-edge-panel__trigger--right{right:1rem;top:50%;transform:translateY(-50%)}.c-edge-panel__trigger--top{left:50%;top:1rem;transform:translateX(-50%)}.c-edge-panel__trigger--bottom{bottom:1rem;left:50%;transform:translateX(-50%)}.c-edge-panel__spores{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.c-edge-panel__spores:after,.c-edge-panel__spores:before{animation:sporeFloat 4s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;content:"";height:4px;position:absolute;width:4px}.c-edge-panel__spores:before{animation-delay:0s;left:10%;top:20%}.c-edge-panel__spores:after{animation-delay:2s;right:20%;top:70%}.c-edge-panel--sm{width:250px}.c-edge-panel--sm--bottom,.c-edge-panel--sm--top{height:150px}.c-edge-panel--lg{width:400px}.c-edge-panel--lg--bottom,.c-edge-panel--lg--top{height:300px}.c-edge-panel--xl{width:500px}.c-edge-panel--xl--bottom,.c-edge-panel--xl--top{height:400px}.c-edge-panel--fullscreen{border-radius:0;height:100%;width:100%}.c-edge-panel--slide{transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.c-edge-panel--fade{opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}.c-edge-panel--fade .c-edge-panel--open{opacity:1;visibility:visible}.c-edge-panel--scale{opacity:0;transform:scale(.8);transition:transform .3s ease,opacity .3s ease}.c-edge-panel--scale .c-edge-panel--open{opacity:1;transform:scale(1)}.c-edge-panel--psychedelic{background:linear-gradient(135deg,rgba(157,0,255,.1),rgba(255,32,133,.1) 50%,rgba(0,255,136,.1));border-color:rgba(157,0,255,.4)}.c-edge-panel--psychedelic .c-edge-panel__header{background:linear-gradient(135deg,rgba(157,0,255,.2),rgba(255,32,133,.2),rgba(0,255,136,.2))}.c-edge-panel--psychedelic .c-edge-panel__trigger{animation:psychedelicShift 3s ease-in-out infinite;background:linear-gradient(135deg,#d080ff,#ff90ba,#ffff6a,#50ffbb);background-size:400% 400%}.c-edge-panel--dark{background:rgba(0,0,0,.95);border-color:rgba(157,0,255,.5)}.c-edge-panel--glass{border-color:hsla(0,0%,100%,.2)}.c-edge-panel--glass,.c-edge-panel--glass .c-edge-panel__header{background:hsla(0,0%,100%,.1)}@media (max-width:768px){.c-edge-panel--left,.c-edge-panel--right{max-width:300px;width:100%}.c-edge-panel--trigger{height:48px;width:48px}}@media (max-width:480px){.c-edge-panel--left,.c-edge-panel--right{max-width:none;width:100%}.c-edge-panel--bottom,.c-edge-panel--top{height:250px}}
|
|
178
|
+
|
|
179
|
+
/*!
|
|
180
|
+
* Mashroom Theme Tools Index
|
|
181
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
182
|
+
*/
|
|
183
|
+
/*!
|
|
184
|
+
* Mashroom Theme Form Component
|
|
185
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
186
|
+
*/.c-form__group{margin-bottom:1.5rem}.c-form__label{box-shadow:0 0 5px hsla(0,0%,100%,.2);color:hsla(0,0%,100%,.9);display:block;font-weight:600;margin-bottom:.5rem;transition:all .3s ease}.c-form__label--required:after{animation:pulse-glow 2s infinite;color:#ff90ba;content:" *"}.c-form__control,.c-form__select{background:hsla(0,0%,100%,.1);background-image:radial-gradient(circle at 10% 10%,rgba(255,187,0,.1) 0,transparent 50%);border:2px solid rgba(157,0,255,.3);border-radius:1rem;color:hsla(0,0%,100%,.9);font-size:1rem;line-height:1.5;padding:.75rem 1rem;transition:all .3s ease;width:100%}.c-form__control:focus,.c-form__select:focus{animation:mushroomFocus .5s ease;background:hsla(0,0%,100%,.15);border-color:#ffff6a;box-shadow:0 0 10px #ffff6a;outline:none;transition:all .3s ease}@keyframes mushroomFocus{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.c-form__control::-moz-placeholder,.c-form__select::-moz-placeholder{color:hsla(0,0%,100%,.6)}.c-form__control::placeholder,.c-form__select::placeholder{color:hsla(0,0%,100%,.6)}.c-form__control:disabled,.c-form__select:disabled{background:hsla(0,0%,100%,.05);border-color:rgba(157,0,255,.1);color:hsla(0,0%,100%,.4);cursor:not-allowed}.c-form__control[type=textarea],[type=textarea].c-form__select{min-height:100px;resize:vertical}.c-form__select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239d00ff' viewBox='0 0 16 16'%3E%3Cpath d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/%3E%3C/svg%3E"),radial-gradient(circle at 10% 10%,rgba(255,187,0,.1) 0,transparent 50%);background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;cursor:pointer;padding-right:2.5rem}.c-form__check{align-items:center;cursor:pointer;display:inline-flex}.c-form__check-input{opacity:0;position:absolute}.c-form__check-input:checked+.c-form__check-label:before{animation:mushroomCheck .3s ease;background:linear-gradient(45deg,#ffff6a,#ff90ba);border-color:#ffff6a}.c-form__check-input:checked+.c-form__check-label:after{content:"🍄";font-size:.75rem;left:.25rem;position:absolute;top:.25rem}.c-form__check-input:focus+.c-form__check-label:before{box-shadow:0 0 8px #ffff6a;transition:all .3s ease}.c-form__check-label{color:hsla(0,0%,100%,.9);padding-left:2rem;position:relative}.c-form__check-label:before{background:hsla(0,0%,100%,.1);border:2px solid rgba(157,0,255,.5);border-radius:.25rem;content:"";height:1.25rem;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:1.25rem}@keyframes mushroomCheck{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.c-form__radio{align-items:center;cursor:pointer;display:inline-flex}.c-form__radio-input{opacity:0;position:absolute}.c-form__radio-input:checked+.c-form__radio-label:before{border-color:#ffff6a;box-shadow:0 0 8px #ffff6a;transition:all .3s ease}.c-form__radio-input:checked+.c-form__radio-label:after{animation:mushroomRadio .3s ease;background:radial-gradient(circle,#ffff6a,#ff90ba);border-radius:50%;content:"";height:.5rem;left:.375rem;position:absolute;top:50%;transform:translateY(-50%);width:.5rem}.c-form__radio-label{color:hsla(0,0%,100%,.9);padding-left:2rem;position:relative}.c-form__radio-label:before{background:hsla(0,0%,100%,.1);border:2px solid rgba(157,0,255,.5);border-radius:50%;content:"";height:1.25rem;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:1.25rem}@keyframes mushroomRadio{0%{transform:translateY(-50%) scale(0)}50%{transform:translateY(-50%) scale(1.2)}to{transform:translateY(-50%) scale(1)}}.c-form__input-group{align-items:stretch;display:flex;position:relative;width:100%}.c-form__input-group-text{align-items:center;background:rgba(157,0,255,.2);border:2px solid rgba(157,0,255,.3);border-radius:1rem 0 0 1rem;color:hsla(0,0%,100%,.9);display:flex;font-size:1rem;font-weight:600;padding:.75rem 1rem}.c-form__input-group-text:last-child{border-radius:0 1rem 1rem 0}.c-form__input-group .c-form__control:not(:last-child),.c-form__input-group .c-form__select:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.c-form__input-group .c-form__control:not(:first-child),.c-form__input-group .c-form__select:not(:first-child){border-bottom-left-radius:0;border-left:0;border-top-left-radius:0}.c-form__control.is-valid,.is-valid.c-form__select{border-color:#50ffbb;box-shadow:0 0 8px #50ffbb;transition:all .3s ease}.c-form__control.is-valid:focus,.is-valid.c-form__select:focus{border-color:#50ffbb}.c-form__control.is-invalid,.is-invalid.c-form__select{border-color:#ff90ba;box-shadow:0 0 8px #ff90ba;transition:all .3s ease}.c-form__control.is-invalid:focus,.is-invalid.c-form__select:focus{border-color:#ff90ba}.c-form__feedback{font-size:.875rem;margin-top:.25rem}.c-form__feedback--valid{color:#50ffbb}.c-form__feedback--invalid{color:#ff90ba}.c-form__floating{position:relative}.c-form__floating .c-form__control,.c-form__floating .c-form__select{padding:1.25rem 1rem .5rem}.c-form__floating .c-form__label{color:hsla(0,0%,100%,.6);font-size:1rem;left:1rem;pointer-events:none;position:absolute;top:.75rem;transition:all .3s ease}.c-form__control:focus~.c-form__floating .c-form__label,.c-form__floating .c-form__label.is-focused,.c-form__select:focus~.c-form__floating .c-form__label{color:#ffff6a;font-size:.75rem;top:.5rem}@media (max-width:768px){.c-form__control,.c-form__select{font-size:16px}.c-form__input-group{flex-direction:column}.c-form__input-group-text{border-radius:1rem 1rem 0 0;justify-content:center}.c-form__input-group-text:last-child{border-radius:0 0 1rem 1rem}.c-form__input-group .c-form__control,.c-form__input-group .c-form__select{border-left:2px solid rgba(157,0,255,.3);border-radius:0 0 1rem 1rem;border-top:0}}
|
|
187
|
+
|
|
188
|
+
/*!
|
|
189
|
+
* Mashroom Theme Tools Index
|
|
190
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
191
|
+
*/
|
|
192
|
+
/*!
|
|
193
|
+
* Mashroom Theme Form Group Component
|
|
194
|
+
* Trippy form layout styling with psychedelic mushroom effects
|
|
195
|
+
*/.c-form-group{background:rgba(0,0,0,.6);border:1px solid rgba(157,0,255,.3);border-radius:16px;border-radius:16px 16px 8px 8px;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.c-form-group:before{background:linear-gradient(45deg,#d080ff,#ffff6a,#ff90ba,#50ffbb);border-radius:16px 16px 8px 8px;bottom:-1px;content:"";left:-1px;opacity:0;position:absolute;right:-1px;top:-1px;transition:opacity .3s ease;z-index:-1}.c-form-group:hover:before{animation:glowPulse 2s ease-in-out infinite;opacity:.3}.c-form-group__label{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem;transition:all .3s ease}.c-form-group__label.is-required:after{animation:requiredPulse 2s ease-in-out infinite;color:#ff90ba;content:" *"}@keyframes requiredPulse{0%,to{opacity:1}50%{opacity:.5}}.c-form-group__input-wrapper{align-items:center;display:flex;position:relative}.c-form-group__input-wrapper .c-icon{color:rgba(157,0,255,.7);left:1rem;position:absolute;transition:all .3s ease;z-index:2}.c-form-group__input-wrapper .c-input{padding-left:2.5rem}.c-form-group .c-input,.c-form-group__input{background:hsla(0,0%,100%,.1);border:1px solid rgba(157,0,255,.3);border-radius:8px;color:#fff;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.c-form-group .c-input::-moz-placeholder,.c-form-group__input::-moz-placeholder{color:hsla(0,0%,100%,.5)}.c-form-group .c-input::placeholder,.c-form-group__input::placeholder{color:hsla(0,0%,100%,.5)}.c-form-group .c-input:focus,.c-form-group__input:focus{background:hsla(0,0%,100%,.15);border-color:#d080ff;box-shadow:0 0 8px rgba(157,0,255,.4);outline:none;transform:translateY(-2px);transition:all .3s ease}.c-form-group .c-input:hover,.c-form-group__input:hover{border-color:rgba(157,0,255,.5)}.c-form-group__textarea{font-family:inherit;min-height:100px;resize:vertical}.c-form-group__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%239d00ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.c-form-group__checkbox,.c-form-group__radio{align-items:center;cursor:pointer;display:flex;margin-bottom:.5rem}.c-form-group__checkbox input[type=checkbox],.c-form-group__checkbox input[type=radio],.c-form-group__radio input[type=checkbox],.c-form-group__radio input[type=radio]{accent-color:#d080ff;cursor:pointer;height:1.2rem;margin-right:.5rem;transition:all .3s ease;width:1.2rem}.c-form-group__checkbox input[type=checkbox]:hover,.c-form-group__checkbox input[type=radio]:hover,.c-form-group__radio input[type=checkbox]:hover,.c-form-group__radio input[type=radio]:hover{filter:drop-shadow(0 0 5px rgba(157,0,255,.5))}.c-form-group__checkbox input[type=checkbox]:checked,.c-form-group__checkbox input[type=radio]:checked,.c-form-group__radio input[type=checkbox]:checked,.c-form-group__radio input[type=radio]:checked{animation:checkPulse .5s ease}@keyframes checkPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.c-form-group__help{color:hsla(0,0%,100%,.7);font-size:.875rem;margin-top:.5rem;transition:all .3s ease}.c-form-group__help.is-error{animation:errorShake .5s ease;color:#ff90ba}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.c-form-group.is-error{animation:errorGlow 2s ease-in-out infinite;border-color:#ff90ba;box-shadow:0 0 8px rgba(255,0,0,.3);transition:all .3s ease}.c-form-group.is-error .c-form-group__input{background:rgba(255,0,0,.1);border-color:#ff90ba}@keyframes errorGlow{0%,to{box-shadow:0 0 8px rgba(255,0,0,.3)}50%{box-shadow:0 0 16px rgba(255,0,0,.5)}}.c-form-group.is-success{border-color:#50ffbb;box-shadow:0 0 8px rgba(0,255,0,.3);transition:all .3s ease}.c-form-group.is-success .c-form-group__input{background:rgba(0,255,0,.1);border-color:#50ffbb}.c-form-group.is-focused{border-color:#d080ff;box-shadow:0 0 12px rgba(157,0,255,.4);transform:translateY(-2px);transition:all .3s ease}.c-form-group--floating .c-form-group__label{background:rgba(0,0,0,.8);left:1.5rem;padding:0 .5rem;pointer-events:none;position:absolute;top:1.5rem;transition:all .3s ease;z-index:2}.c-form-group--floating .c-form-group__input:not(:-moz-placeholder)+.c-form-group__label{color:#d080ff;font-size:.75rem;top:.75rem}.c-form-group--floating .c-form-group__input:focus+.c-form-group__label,.c-form-group--floating .c-form-group__input:not(:placeholder-shown)+.c-form-group__label{color:#d080ff;font-size:.75rem;top:.75rem}.c-form-group--inline{align-items:center;display:flex;gap:1rem}.c-form-group--inline .c-form-group__label{margin-bottom:0;white-space:nowrap}.c-form-group--inline .c-form-group__input{flex:1}.c-form-group--sm{padding:1rem}.c-form-group--sm .c-form-group__input{font-size:.875rem;padding:.5rem .75rem}.c-form-group--sm .c-form-group__label{font-size:.875rem}.c-form-group--lg{padding:2rem}.c-form-group--lg .c-form-group__input{font-size:1.125rem;padding:1rem 1.25rem}.c-form-group--lg .c-form-group__label{font-size:1.125rem}.c-form-group--psychedelic{animation:psychedelicShift 6s ease infinite;background:linear-gradient(135deg,rgba(157,0,255,.1),rgba(255,187,0,.1));background-size:200% 200%}.c-form-group--psychedelic .c-form-group__input{background:rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.3)}.c-form-group--glow{box-shadow:0 0 12px rgba(157,0,255,.3);transition:all .3s ease}.c-form-group--glow:hover{box-shadow:0 0 16px rgba(255,187,0,.4);transition:all .3s ease}.c-form-group--dark{background:rgba(0,0,0,.9);border-color:rgba(157,0,255,.5)}.c-form-group--light{background:hsla(0,0%,100%,.05);border-color:rgba(157,0,255,.2)}.c-form-group--light .c-form-group__label{color:#000}.c-form-group--light .c-form-group__input{background:hsla(0,0%,100%,.1);border-color:rgba(157,0,255,.2);color:#000}.c-form-group--light .c-form-group__input::-moz-placeholder{color:rgba(0,0,0,.5)}.c-form-group--light .c-form-group__input::placeholder{color:rgba(0,0,0,.5)}.c-form-group__spore{animation:sporeFloat 8s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;height:3px;pointer-events:none;position:absolute;width:3px}.c-form-group__spore:nth-child(odd){animation-delay:-2s}.c-form-group__spore:nth-child(2n){animation-delay:-4s}@media (max-width:768px){.c-form-group--inline{align-items:stretch;flex-direction:column}.c-form-group--inline .c-form-group__label{margin-bottom:.5rem}}@media (max-width:480px){.c-form-group{padding:1rem}.c-form-group .c-form-group__input{padding:.75rem 1rem}}
|
|
196
|
+
|
|
197
|
+
/*!
|
|
198
|
+
* Mashroom Theme Tools Index
|
|
199
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
200
|
+
*/
|
|
201
|
+
/*!
|
|
202
|
+
* Mashroom Theme Hero Component
|
|
203
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
204
|
+
*/.c-hero{animation:mushroomPulse 8s ease-in-out infinite;background:linear-gradient(45deg,#9d00ff,#ff2085 25%,#0f8 50%,#ff2085 75%,#9d00ff);background-size:400% 400%}@keyframes mushroomPulse{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-hero:before{animation:sporeFloat 12s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,hsla(0,0%,100%,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,187,0,.1) 0,transparent 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.c-hero__content{animation:contentFloat 6s ease-in-out infinite;backdrop-filter:blur(20px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:2rem;box-shadow:0 0 20px hsla(0,0%,100%,.3);padding:2rem;transition:all .3s ease}@keyframes contentFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.c-hero__title{background:linear-gradient(45deg,#fff,#ff2085,#9d00ff,#0f8);-webkit-background-clip:text;background-size:300% 300%;-webkit-text-fill-color:transparent;animation:textShimmer 3s ease-in-out infinite;background-clip:text}@keyframes textShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-hero__subtitle{animation:subtitleGlow 4s ease-in-out infinite}@keyframes subtitleGlow{0%,to{text-shadow:0 0 5px hsla(0,0%,100%,.5)}50%{text-shadow:0 0 15px rgba(255,187,0,.8)}}.c-hero__cap{animation:capPulse 10s ease-in-out infinite;background:radial-gradient(ellipse at center,rgba(157,0,255,.1) 0,transparent 70%);height:100%;left:50%;position:absolute;top:-50%;transform:translateX(-50%);width:200%}@keyframes capPulse{0%,to{opacity:.3;transform:translateX(-50%) scale(1)}50%{opacity:.6;transform:translateX(-50%) scale(1.1)}}
|
|
205
|
+
|
|
206
|
+
/*!
|
|
207
|
+
* Mashroom Theme Tools Index
|
|
208
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
209
|
+
*/
|
|
210
|
+
/*!
|
|
211
|
+
* Mashroom Theme Input Component
|
|
212
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
213
|
+
*/@keyframes input-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes input-glow-pulse{0%,to{box-shadow:0 0 5px rgba(157,0,255,.5)}50%{box-shadow:0 0 10px rgba(157,0,255,.8),0 0 20px rgba(157,0,255,.6),0 0 30px rgba(255,32,133,.4)}}@keyframes input-shimmer{0%{background-position:0 50%}to{background-position:100% 50%}}.c-input{animation:color-shift 10s linear infinite;animation:float 6s ease-in-out infinite;animation-duration:4s;animation:input-glow-pulse 3s infinite;background:linear-gradient(hsla(0,0%,100%,.9),hsla(0,0%,100%,.9)) padding-box,linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff) border-box;background-size:300% 300%;border:2px solid transparent;border-radius:8px;box-shadow:0 0 5px rgba(157,0,255,.5);padding:10px 15px;transition:all .3s ease}.c-input:focus{animation:pulse-glow 2s infinite;animation:input-glow-pulse 1s infinite;box-shadow:0 0 15px #ff90ba;outline:none;transform:scale(1.02);transition:all .3s ease}.c-input:hover{animation:input-glow-pulse 2s infinite;box-shadow:0 0 10px #d080ff;transform:scale(1.01) rotate(1deg);transition:all .3s ease}.c-input:disabled{animation:none;background-color:rgba(229,231,235,.5);box-shadow:0 0 2px rgba(229,231,235,.3);transition:all .3s ease}.c-input::-moz-placeholder{animation:float 6s ease-in-out infinite;animation-duration:3s;color:#d1d5db;opacity:.7}.c-input::placeholder{animation:float 6s ease-in-out infinite;animation-duration:3s;color:#d1d5db;opacity:.7}.c-input--psychedelic{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 4s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:400% 400%;border:2px solid transparent}.c-input--psychedelic:focus{animation:rainbow-shift 2s ease infinite;box-shadow:0 0 20px #fff;transition:all .3s ease}.c-input--psychedelic:hover{animation:rainbow-shift 3s ease infinite}.c-input--glow{animation:input-glow-pulse 2s infinite;box-shadow:0 0 15px #d080ff;transition:all .3s ease}.c-input--glow:focus{animation:input-glow-pulse .5s infinite;box-shadow:0 0 25px #ff90ba;transition:all .3s ease}.c-input--glow:hover{box-shadow:0 0 20px #ffff6a;transition:all .3s ease}.c-input--floating{animation:float 6s ease-in-out infinite;animation-duration:3s}.c-input--floating:focus{animation:input-float 1s ease-in-out infinite}
|
|
214
|
+
|
|
215
|
+
/*!
|
|
216
|
+
* Mashroom Theme Tools Index
|
|
217
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
218
|
+
*/
|
|
219
|
+
/*!
|
|
220
|
+
* Mashroom Theme List Component
|
|
221
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
222
|
+
*/.c-list{animation:float 6s ease-in-out infinite;animation:color-shift 10s linear infinite;background:rgba(25,15,40,.7);background:linear-gradient(25deg,rgba(25,15,40,.7),rgba(25,15,40,.7)) padding-box,linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff) border-box;border:1px solid transparent;border-radius:.5rem;padding:1rem}.c-list__item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 0 2px hsla(0,0%,100%,.05);display:flex;padding:.75rem 1rem;transition:all .3s ease}.c-list__item:hover{background:rgba(157,0,255,.1);box-shadow:0 0 5px #ff90ba;transform:translateX(5px);transition:all .3s ease}.c-list__item:last-child{border-bottom:none}.c-list__item--active{background:rgba(255,187,0,.15);box-shadow:0 0 8px #ffff6a;transition:all .3s ease}.c-list__item--disabled{animation:none;cursor:not-allowed;opacity:.5}.c-list__item--disabled:hover{background:transparent;transform:none}.c-list__icon{box-shadow:0 0 3px hsla(0,0%,100%,.3);flex-shrink:0;margin-right:.75rem;transition:all .3s ease}.c-list__content{color:hsla(0,0%,100%,.9);flex:1}.c-list__actions{display:flex;gap:.5rem;margin-left:.75rem}.c-list__action{align-items:center;background:rgba(157,0,255,.2);border:none;border-radius:50%;box-shadow:0 0 3px rgba(157,0,255,.3);color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .3s ease;width:2rem}.c-list__action:hover{background:hsla(0,0%,100%,.2);box-shadow:0 0 5px #ff90ba;transform:scale(1.1);transition:all .3s ease}.c-list--bordered{background:linear-gradient(25deg,rgba(25,15,40,.7),rgba(25,15,40,.7)) padding-box,linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff) border-box;border:2px solid transparent}.c-list--striped .c-list__item:nth-child(2n){background:rgba(157,0,255,.05)}.c-list--striped .c-list__item:hover{background:rgba(157,0,255,.15)}
|
|
223
|
+
|
|
224
|
+
/*!
|
|
225
|
+
* Mashroom Theme Tools Index
|
|
226
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
227
|
+
*/
|
|
228
|
+
/*!
|
|
229
|
+
* Mashroom Theme List Group Component
|
|
230
|
+
* Mushroom-inspired list styling with psychedelic effects
|
|
231
|
+
*/.c-list-group{background:rgba(0,0,0,.6);border:1px solid rgba(157,0,255,.3);border-radius:12px;border-radius:12px 12px 6px 6px;gap:.5rem;margin:0;overflow:hidden;padding:0}.c-list-group:before{animation:backgroundShift 10s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,rgba(255,187,0,.1) 0,transparent 40%),radial-gradient(circle at 75% 75%,rgba(157,0,255,.1) 0,transparent 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.c-list-group__item{background:hsla(0,0%,100%,.05);border-bottom:1px solid rgba(157,0,255,.2);cursor:pointer;padding:1rem 1.5rem;position:relative;transition:all .3s ease;z-index:1}.c-list-group__item:last-child{border-bottom:none}.c-list-group__item:hover{background:rgba(157,0,255,.1);box-shadow:0 0 6px rgba(255,187,0,.3);transform:translateX(4px);transition:all .3s ease}.c-list-group__item.is-active{animation:activePulse 2s ease-in-out infinite;background:linear-gradient(135deg,rgba(157,0,255,.2),rgba(255,187,0,.2));border-left:4px solid #d080ff}.c-list-group__item.is-disabled{box-shadow:0 0 0 none;cursor:not-allowed;opacity:.5;transform:none;transition:all .3s ease}.c-list-group__item.is-disabled:hover{background:hsla(0,0%,100%,.05);transform:none}.c-list-group__content{align-items:center;display:flex;gap:1rem}.c-list-group__icon{color:rgba(157,0,255,.8);flex-shrink:0;height:24px;transition:all .3s ease;width:24px}.c-list-group__item:hover .c-list-group__icon{color:#ffff6a;transform:scale(1.1)}.c-list-group__text{flex:1}.c-list-group__item:hover .c-list-group__text{color:#fff}.c-list-group__title{color:#fff;font-weight:600;margin-bottom:.25rem;transition:all .3s ease}.c-list-group__subtitle{color:hsla(0,0%,100%,.7);font-size:.875rem;transition:all .3s ease}.c-list-group__action{background:transparent;border:1px solid rgba(157,0,255,.3);border-radius:4px;color:rgba(157,0,255,.8);cursor:pointer;flex-shrink:0;font-size:.75rem;padding:.25rem .5rem;transition:all .3s ease}.c-list-group__action:hover{background:rgba(157,0,255,.2);box-shadow:0 0 4px rgba(255,187,0,.4);color:#fff;transition:all .3s ease}.c-list-group__badge{animation:badgeGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#d080ff,#ffff6a);border-radius:12px;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.c-list-group--numbered{counter-reset:list-counter}.c-list-group--numbered .c-list-group__item{counter-increment:list-counter;padding-left:3rem}.c-list-group--numbered .c-list-group__item:before{align-items:center;animation:numberPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#d080ff,#ffff6a);border-radius:50%;color:#fff;content:counter(list-counter);display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:24px}@keyframes numberPulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}.c-list-group--horizontal{flex-direction:row;flex-wrap:wrap;gap:0}.c-list-group--horizontal .c-list-group__item{border-bottom:none;border-right:1px solid rgba(157,0,255,.2);flex:1;min-width:120px}.c-list-group--horizontal .c-list-group__item:last-child{border-right:none}.c-list-group--horizontal .c-list-group__item:hover{transform:translateY(-2px)}.c-list-group--horizontal .c-list-group__item.is-active{animation:horizontalActivePulse 2s ease-in-out infinite;border-left:none;border-top:4px solid #d080ff}.c-list-group--flush{background:transparent;border:none}.c-list-group--flush .c-list-group__item{background:transparent;border:none;border-radius:8px;margin-bottom:.5rem}.c-list-group--flush .c-list-group__item:hover{background:rgba(157,0,255,.1)}.c-list-group--sm .c-list-group__item{font-size:.875rem;padding:.5rem 1rem}.c-list-group--sm .c-list-group__icon{height:20px;width:20px}.c-list-group--sm .c-list-group__badge{font-size:.625rem}.c-list-group--lg .c-list-group__item{font-size:1.125rem;padding:1.5rem 2rem}.c-list-group--lg .c-list-group__icon{height:28px;width:28px}.c-list-group--lg .c-list-group__badge{font-size:.875rem}.c-list-group--psychedelic{animation:psychedelicShift 8s ease infinite;background:linear-gradient(135deg,rgba(157,0,255,.1),rgba(255,187,0,.1));background-size:300% 300%}.c-list-group--psychedelic .c-list-group__item{background:rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.2)}.c-list-group--glow{box-shadow:0 0 15px rgba(157,0,255,.3);transition:all .3s ease}.c-list-group--glow:hover{box-shadow:0 0 20px rgba(255,187,0,.4);transition:all .3s ease}.c-list-group--dark{background:rgba(0,0,0,.8);border-color:rgba(157,0,255,.5)}.c-list-group--light{background:hsla(0,0%,100%,.1);border-color:rgba(157,0,255,.2)}.c-list-group--light .c-list-group__title{color:#000}.c-list-group--light .c-list-group__subtitle{color:rgba(0,0,0,.7)}.c-list-group__spore{animation:sporeFloat 10s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;height:3px;pointer-events:none;position:absolute;width:3px}.c-list-group__spore:nth-child(odd){animation-delay:-3s}.c-list-group__spore:nth-child(2n){animation-delay:-6s}@media (max-width:768px){.c-list-group--horizontal{flex-direction:column}.c-list-group--horizontal .c-list-group__item{border-bottom:1px solid rgba(157,0,255,.2);border-right:none}.c-list-group--horizontal .c-list-group__item:last-child{border-bottom:none}.c-list-group--horizontal .c-list-group__item:hover{transform:translateX(4px)}.c-list-group--horizontal .c-list-group__item.is-active{animation:activePulse 2s ease-in-out infinite;border-left:4px solid #d080ff;border-top:none}}@media (max-width:480px){.c-list-group .c-list-group__item{font-size:.875rem;padding:.75rem 1rem}.c-list-group .c-list-group__icon{height:20px;width:20px}.c-list-group .c-list-group__content{gap:.75rem}}
|
|
232
|
+
|
|
233
|
+
/*!
|
|
234
|
+
* Mashroom Theme Tools Index
|
|
235
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
236
|
+
*/
|
|
237
|
+
/*!
|
|
238
|
+
* Mashroom Theme Menu Component
|
|
239
|
+
* Psychedelic navigation menu effects with mushroom-inspired styling
|
|
240
|
+
*/.c-menu{background:rgba(0,0,0,.8);border:1px solid rgba(157,0,255,.3);border-radius:16px;border-radius:16px 16px 8px 8px;display:flex;flex-direction:column;overflow:hidden;padding:.5rem;position:relative}.c-menu:before{animation:sporeFloat 12s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,rgba(255,187,0,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(157,0,255,.1) 0,transparent 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.c-menu__item{align-items:center;border-radius:8px;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;margin:.25rem 0;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s ease;z-index:1}.c-menu__item:hover{background:rgba(157,0,255,.2);box-shadow:0 0 6px rgba(255,187,0,.3);color:#fff;transform:translateX(4px);transition:all .3s ease}.c-menu__item.is-active{animation:activePulse 2s ease-in-out infinite;background:linear-gradient(135deg,rgba(157,0,255,.3),rgba(255,187,0,.3));border-left:3px solid #d080ff;color:#fff}@keyframes activePulse{0%,to{border-left-color:#d080ff;transform:translateX(4px)}50%{border-left-color:#ffff6a;transform:translateX(6px)}}.c-menu__item.is-disabled{box-shadow:0 0 0 none;cursor:not-allowed;opacity:.5;transform:none;transition:all .3s ease}.c-menu__item.is-disabled:hover{background:transparent;transform:none}.c-menu__icon{color:rgba(157,0,255,.8);flex-shrink:0;height:20px;margin-right:.75rem;transition:all .3s ease;width:20px}.c-menu__item:hover .c-menu__icon{color:#ffff6a;transform:scale(1.1)}.c-menu__text{flex:1;font-weight:500;transition:all .3s ease}.c-menu__badge{animation:badgeGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#d080ff,#ffff6a);border-radius:12px;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:600;padding:.25rem .5rem}@keyframes badgeGlow{0%,to{box-shadow:0 0 5px rgba(157,0,255,.5)}50%{box-shadow:0 0 10px rgba(255,187,0,.5)}}.c-menu__submenu{border-left:1px solid rgba(157,0,255,.3);margin-left:1rem;padding-left:1rem}.c-menu__submenu .c-menu__item{font-size:.875rem;padding:.5rem 1rem}.c-menu__submenu .c-menu__item:hover{transform:translateX(2px)}.c-menu__submenu .c-menu__item.is-active{animation:subActivePulse 2s ease-in-out infinite}@keyframes subActivePulse{0%,to{transform:translateX(2px)}50%{transform:translateX(3px)}}.c-menu__divider{animation:dividerGlow 3s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(157,0,255,.3),transparent);height:1px;margin:.5rem 0}.c-menu--horizontal{align-items:center;border-radius:50px;flex-direction:row;padding:.25rem}.c-menu--horizontal .c-menu__item{border-bottom:3px solid transparent;border-left:none;border-radius:50px;margin:0 .25rem;padding:.75rem 1.5rem}.c-menu--horizontal .c-menu__item:hover{transform:translateY(-2px)}.c-menu--horizontal .c-menu__item.is-active{animation:horizontalActivePulse 2s ease-in-out infinite;border-bottom:3px solid #d080ff;border-left:none}@keyframes horizontalActivePulse{0%,to{border-bottom-color:#d080ff;transform:translateY(-2px)}50%{border-bottom-color:#ffff6a;transform:translateY(-4px)}}.c-menu--horizontal .c-menu__submenu{background:rgba(0,0,0,.9);border:1px solid rgba(157,0,255,.3);border-left:none;border-radius:8px;display:none;flex-direction:column;left:0;margin:0;padding:.5rem;position:absolute;right:0;top:100%}.c-menu__item:hover .c-menu--horizontal .c-menu__submenu{display:flex}.c-menu--vertical{flex-direction:column}.c-menu--dropdown{box-shadow:0 8px 32px rgba(0,0,0,.3);display:none;left:0;min-width:200px;position:absolute;top:100%;z-index:1000}.c-menu--dropdown.is-open{animation:dropdownSlide .3s ease;display:flex}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.c-menu--mega{background:rgba(0,0,0,.9);border:1px solid rgba(157,0,255,.3);border-radius:0 0 16px 16px;box-shadow:0 8px 32px rgba(0,0,0,.3);display:grid;display:none;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));left:0;padding:2rem;position:absolute;right:0;top:100%;z-index:1000}.c-menu--mega.is-open{animation:megaSlide .4s ease;display:grid}@keyframes megaSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.c-menu--sm .c-menu__item{font-size:.875rem;padding:.5rem .75rem}.c-menu--sm .c-menu__icon{height:16px;width:16px}.c-menu--lg .c-menu__item{font-size:1.125rem;padding:1rem 1.5rem}.c-menu--lg .c-menu__icon{height:24px;width:24px}.c-menu--psychedelic{animation:psychedelicShift 8s ease infinite;background:linear-gradient(135deg,#d080ff,#ffff6a,#ff90ba,#50ffbb);background-size:400% 400%}.c-menu--psychedelic .c-menu__item{background:rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.3)}.c-menu--psychedelic .c-menu__item:hover{background:rgba(0,0,0,.4)}.c-menu--glow{box-shadow:0 0 15px rgba(157,0,255,.4);transition:all .3s ease}.c-menu--glow:hover{box-shadow:0 0 20px rgba(255,187,0,.6);transition:all .3s ease}.c-menu--dark{background:rgba(0,0,0,.9);border-color:rgba(157,0,255,.5)}.c-menu--light{background:hsla(0,0%,100%,.1);border-color:rgba(157,0,255,.2)}.c-menu--light .c-menu__item{color:#000}.c-menu--light .c-menu__item:hover{background:rgba(157,0,255,.1)}.c-menu__spore{animation:sporeFloat 8s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;height:3px;pointer-events:none;position:absolute;width:3px;z-index:2}.c-menu__spore:nth-child(odd){animation-delay:-2s}.c-menu__spore:nth-child(2n){animation-delay:-4s}@media (max-width:768px){.c-menu--horizontal{border-radius:12px;flex-direction:column}.c-menu--horizontal .c-menu__item{border-bottom:1px solid rgba(157,0,255,.2);border-radius:0;margin:0}.c-menu--horizontal .c-menu__item:last-child{border-bottom:none}.c-menu--horizontal .c-menu__item:hover{transform:translateX(4px)}.c-menu--horizontal .c-menu__item.is-active{animation:verticalActivePulse 2s ease-in-out infinite;border-bottom:3px solid #d080ff;border-left:none}@keyframes verticalActivePulse{0%,to{border-bottom-color:#d080ff;transform:translateX(4px)}50%{border-bottom-color:#ffff6a;transform:translateX(6px)}}.c-menu--mega{grid-template-columns:1fr;padding:1rem}}@media (max-width:480px){.c-menu .c-menu__item{font-size:.875rem;padding:.75rem 1rem}.c-menu .c-menu__icon{height:18px;width:18px}}
|
|
241
|
+
|
|
242
|
+
/*!
|
|
243
|
+
* Mashroom Theme Tools Index
|
|
244
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
245
|
+
*/
|
|
246
|
+
/*!
|
|
247
|
+
* Mashroom Theme Messages Component
|
|
248
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
249
|
+
*/.c-messages__item{animation:messageSlideIn .5s cubic-bezier(.68,-.55,.265,1.55);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:1rem;box-shadow:0 0 10px rgba(157,0,255,.3);color:hsla(0,0%,100%,.9);margin-bottom:.75rem;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.c-messages__item:before{background:inherit;border:inherit;border-bottom:none;border-radius:15px 15px 0 0;content:"";height:6px;left:20px;position:absolute;top:-3px;width:15px}@keyframes messageSlideIn{0%{opacity:0;transform:translateX(100%) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}.c-messages__content{align-items:flex-start;gap:.75rem}.c-messages__icon{animation:iconBounce 2s ease-in-out infinite;flex-shrink:0;font-size:1.25rem}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.c-messages__text{flex:1}.c-messages__text-title{font-weight:600;margin-bottom:.25rem}.c-messages__text-body{font-size:.875rem;line-height:1.4;opacity:.9}.c-messages__close{background:none;border:none;color:hsla(0,0%,100%,.6);cursor:pointer;font-size:1.25rem;transition:all .3s ease}.c-messages__close:hover{box-shadow:0 0 8px hsla(0,0%,100%,.3);color:#fff;transform:rotate(90deg);transition:all .3s ease}.c-messages__progress{animation:progressShrink 5s linear forwards;background:hsla(0,0%,100%,.3);border-radius:0 0 1rem 1rem;bottom:0;height:3px;left:0;position:absolute}@keyframes progressShrink{0%{width:100%}to{width:0}}.c-messages__item--info{background:rgba(0,123,255,.15);border-color:rgba(0,123,255,.3);box-shadow:0 0 10px rgba(0,123,255,.3);transition:all .3s ease}.c-messages__item--info .c-messages__icon,.c-messages__item--info .c-messages__text-title{color:#00bfff}.c-messages__item--success{background:rgba(40,167,69,.15);border-color:rgba(40,167,69,.3);box-shadow:0 0 10px rgba(40,167,69,.3);transition:all .3s ease}.c-messages__item--success .c-messages__icon,.c-messages__item--success .c-messages__text-title{color:#28a745}.c-messages__item--warning{background:rgba(255,193,7,.15);border-color:rgba(255,193,7,.3);box-shadow:0 0 10px rgba(255,193,7,.3);transition:all .3s ease}.c-messages__item--warning .c-messages__icon,.c-messages__item--warning .c-messages__text-title{color:#ffc107}.c-messages__item--error{background:rgba(220,53,69,.15);border-color:rgba(220,53,69,.3);box-shadow:0 0 10px rgba(220,53,69,.3);transition:all .3s ease}.c-messages__item--error .c-messages__icon,.c-messages__item--error .c-messages__text-title{color:#dc3545}.c-messages__item--psychedelic{background:linear-gradient(135deg,rgba(157,0,255,.15),rgba(255,32,133,.15) 50%,rgba(0,255,136,.15));border-color:rgba(157,0,255,.4)}.c-messages__item--psychedelic:after{animation:psychedelicBorder 2s linear infinite;background:linear-gradient(45deg,#9d00ff,#ff2085,#0f8,#ff2085,#9d00ff);border-radius:1rem;content:"";inset:-1px;position:absolute;z-index:-1}.c-messages__item--psychedelic .c-messages__icon{background:linear-gradient(45deg,#ff2085,#9d00ff,#0f8);-webkit-background-clip:text;background-size:200% 200%;-webkit-text-fill-color:transparent;animation:iconColorShift 2s ease-in-out infinite;background-clip:text}.c-messages__item--psychedelic .c-messages__text-title{background:linear-gradient(45deg,#ff2085,#9d00ff);-webkit-background-clip:text;background-size:200% 200%;-webkit-text-fill-color:transparent;animation:titleColorShift 3s ease-in-out infinite;background-clip:text}@keyframes iconColorShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-messages__item--exiting{animation:messageSlideOut .3s ease forwards}@keyframes messageSlideOut{to{opacity:0;transform:translateX(100%) scale(.8)}}
|
|
250
|
+
|
|
251
|
+
/*!
|
|
252
|
+
* Mashroom Theme Tools Index
|
|
253
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
254
|
+
*/@keyframes modal-float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(2deg)}66%{transform:translateY(10px) rotate(-1deg)}}@keyframes modal-glow-pulse{0%,to{box-shadow:0 0 20px #9d00ff}50%{box-shadow:0 0 30px #9d00ff,0 0 50px rgba(157,0,255,.8),0 0 70px rgba(255,32,133,.6)}}.c-modal__backdrop{animation:modal-backdrop-move 20s linear infinite;background-color:rgba(0,0,0,.8);background-image:radial-gradient(circle at 10% 20%,rgba(157,0,255,.1) 1px,transparent 0),radial-gradient(circle at 20% 80%,rgba(0,255,157,.1) 1px,transparent 0),radial-gradient(circle at 80% 30%,rgba(255,32,133,.1) 1px,transparent 0),radial-gradient(circle at 60% 70%,rgba(255,187,0,.1) 1px,transparent 0);background-size:100px 100px;transition:opacity .3s ease}@keyframes modal-backdrop-move{0%{background-position:0 0}to{background-position:100px 100px}}.c-modal__backdrop--visible{opacity:1}.c-modal__content{animation:float 6s ease-in-out infinite;animation:color-shift 10s linear infinite;animation:color-shift 10s infinite,float 10s infinite,modal-glow-pulse 3s infinite;background:linear-gradient(160deg,#004020,#006638 25%,#00b36b 50%,#00d984 75%,#00ff9d);border:2px solid #7d00cc;border-radius:20px;box-shadow:0 0 20px #9d00ff;position:relative;transition:all .3s ease}.c-modal__content:before{animation:modal-border-glow 3s ease infinite;background:linear-gradient(45deg,rgba(157,0,255,.5),rgba(0,217,132,.5),rgba(255,187,0,.5),rgba(255,32,133,.5));border-radius:22px;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px;z-index:-1}@keyframes modal-border-glow{0%,to{filter:blur(5px);opacity:.5}50%{filter:blur(10px);opacity:1}}.c-modal__header{position:relative}.c-modal__header:after{animation:modal-border-glow 2s ease infinite;background:linear-gradient(135deg,#9d00ff,#008cff);content:"";height:5px;left:0;position:absolute;right:0;top:0}.c-modal__title{animation:pulse-glow 2s infinite;animation:float 6s ease-in-out infinite;animation-duration:4s}.c-modal__footer{border-top:1px solid rgba(208,128,255,.3)}.c-modal__close{animation:float 6s ease-in-out infinite;animation-duration:3s;box-shadow:0 0 5px #ff2085;transition:all .3s ease}.c-modal__close:hover{background:linear-gradient(135deg,#ff2085,#9d00ff);box-shadow:0 0 15px #ffff6a;transform:rotate(90deg);transition:transform .3s ease;transition:all .3s ease}.c-modal--sm{max-width:300px}.c-modal--md{max-width:500px}.c-modal--lg{max-width:800px}.c-modal--xl{max-width:1140px}.c-modal--psychedelic .c-modal__content{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 4s ease infinite,modal-float 5s ease-in-out infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:400% 400%;border:2px solid transparent}.c-modal--psychedelic .c-modal__content:before{animation:modal-border-glow 2s ease infinite;background:linear-gradient(45deg,rgba(157,0,255,.5),rgba(0,255,157,.5),rgba(255,187,0,.5),rgba(255,32,133,.5))}.c-modal--psychedelic .c-modal__header:after{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:200% 100%}.c-modal--psychedelic .c-modal__title{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-clip:text;-webkit-background-clip:text;background-size:600% 600%;background-size:200% 100%;color:transparent}.c-modal--glow .c-modal__content{animation:modal-glow-pulse 1.5s infinite;box-shadow:0 0 30px #d080ff;transition:all .3s ease}.c-modal--glow .c-modal__close{box-shadow:0 0 10px #ff90ba;transition:all .3s ease}.c-modal--glow .c-modal__close:hover{box-shadow:0 0 20px #ffff6a;transition:all .3s ease}.c-modal--floating .c-modal__content{animation:float 6s ease-in-out infinite;animation-duration:6s}
|
|
255
|
+
|
|
256
|
+
/*!
|
|
257
|
+
* Mashroom Theme Tools Index
|
|
258
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
259
|
+
*/.c-nav:after{animation:rainbow-shift 8s ease infinite;animation:nav-underline-shift 6s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%;border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}@keyframes nav-underline-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-nav__item+.c-nav__item{margin-left:1rem}.c-nav__link{box-shadow:0 0 5px transparent;overflow:hidden;position:relative;transition:all .3s ease}.c-nav__link:before{background:linear-gradient(135deg,var(--atomix-primary-6),var(--atomix-info-6));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.c-nav__link--active,.c-nav__link:hover{animation:pulse-glow 2s infinite;box-shadow:0 0 10px #9d00ff;color:#fff;transition:all .3s ease}.c-nav__link--active:before,.c-nav__link:hover:before{opacity:1}.c-nav__link:after{background:hsla(0,0%,100%,.3);content:"";height:200%;left:-60%;position:absolute;top:-50%;transform:rotate(25deg);transition:none;width:20%}.c-nav__link:hover:after{animation:nav-shine 1s ease}@keyframes nav-shine{0%{left:-60%}20%{left:20%}40%{left:40%}60%{left:60%}80%{left:80%}to{left:120%}}.c-nav__dropdown-menu{animation:color-shift 10s linear infinite;background:linear-gradient(160deg,#004020,#006638 25%,#00b36b 50%,#00d984 75%,#00ff9d);border:1px solid #7d00cc;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.3);box-shadow:0 0 10px #9d00ff;min-width:200px;padding:.5rem 0;transition:all .3s ease;transition:opacity .3s ease,visibility .3s ease;z-index:1000}.c-nav__dropdown-menu--right{left:auto;right:0}.c-nav__dropdown-item{color:#fff;display:block;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.c-nav__dropdown-item:hover{background:linear-gradient(135deg,#9d00ff,#008cff);padding-left:1.25rem}.c-nav__icon{font-size:1.25rem;transition:transform .3s ease}
|
|
260
|
+
|
|
261
|
+
/*!
|
|
262
|
+
* Mashroom Theme Tools Index
|
|
263
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
264
|
+
*/
|
|
265
|
+
/*!
|
|
266
|
+
* Mashroom Theme Navbar Component
|
|
267
|
+
* Mushroom-themed header navigation with psychedelic effects
|
|
268
|
+
*/.c-navbar{align-items:center;background:rgba(0,0,0,.9);border-bottom:1px solid rgba(157,0,255,.3);display:flex;justify-content:space-between;padding:1rem 2rem;z-index:1000}.c-navbar:before{animation:backgroundFlow 8s ease-in-out infinite;background:radial-gradient(circle at 10% 50%,rgba(255,187,0,.1) 0,transparent 30%),radial-gradient(circle at 90% 50%,rgba(157,0,255,.1) 0,transparent 30%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes backgroundFlow{0%,to{opacity:.3;transform:translateX(0)}50%{opacity:.6;transform:translateX(10px)}}.c-navbar__brand{color:#fff;font-size:1.5rem;font-weight:700;gap:.75rem;transition:all .3s ease}.c-navbar__brand:hover{box-shadow:0 0 8px rgba(255,187,0,.4);color:#ffff6a;transform:scale(1.05);transition:all .3s ease}.c-navbar__logo{animation:logoSpin 4s ease-in-out infinite;color:rgba(157,0,255,.8);height:32px;transition:all .3s ease;width:32px}.c-navbar__nav{align-items:center;display:flex;gap:2rem}.c-navbar__link{color:hsla(0,0%,100%,.8);font-weight:500;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.c-navbar__link:after{background:linear-gradient(90deg,#d080ff,#ffff6a);bottom:-5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.c-navbar__link:hover{color:#fff;transform:translateY(-2px)}.c-navbar__link:hover:after{box-shadow:0 0 4px rgba(255,187,0,.5);transition:all .3s ease;width:100%}.c-navbar__link.is-active{color:#fff}.c-navbar__link.is-active:after{animation:activeUnderline 2s ease-in-out infinite;background:linear-gradient(90deg,#d080ff,#ffff6a);width:100%}@keyframes activeUnderline{0%,to{background:linear-gradient(90deg,#d080ff,#ffff6a)}50%{background:linear-gradient(90deg,#ffff6a,#ff90ba)}}.c-navbar__search{align-items:center;display:flex;position:relative}.c-navbar__search .c-input{background:hsla(0,0%,100%,.1);border:1px solid rgba(157,0,255,.3);border-radius:20px;color:#fff;padding:.5rem 1rem .5rem 2.5rem;transition:all .3s ease}.c-navbar__search .c-input::-moz-placeholder{color:hsla(0,0%,100%,.5)}.c-navbar__search .c-input::placeholder{color:hsla(0,0%,100%,.5)}.c-navbar__search .c-input:focus{background:hsla(0,0%,100%,.15);box-shadow:0 0 8px rgba(157,0,255,.4);outline:none;transform:scale(1.05);transition:all .3s ease}.c-navbar__search .c-icon{color:rgba(157,0,255,.7);left:.75rem;position:absolute;z-index:2}.c-navbar__actions{align-items:center;display:flex;gap:1rem}.c-navbar__action{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid rgba(157,0,255,.3);border-radius:50%;color:rgba(157,0,255,.8);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.c-navbar__action:hover{background:rgba(157,0,255,.2);box-shadow:0 0 6px rgba(255,187,0,.4);color:#fff;transform:scale(1.1);transition:all .3s ease}.c-navbar__action.has-badge{position:relative}.c-navbar__action.has-badge:after{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff90ba,#ffff6a);border-radius:50%;color:#fff;content:attr(data-badge);display:flex;font-size:.625rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.c-navbar__toggle{background:none;border:none;color:rgba(157,0,255,.8);cursor:pointer;display:none;font-size:1.5rem;transition:all .3s ease}.c-navbar__toggle:hover{color:#ffff6a;transform:rotate(90deg)}.c-navbar__mobile{backdrop-filter:blur(10px);background:rgba(0,0,0,.95);border-right:1px solid rgba(157,0,255,.3);display:flex;flex-direction:column;gap:2rem;height:100vh;left:-100%;padding:2rem;position:fixed;top:0;transition:left .3s ease;width:80%;z-index:1001}.c-navbar__mobile.is-open{left:0}.c-navbar__mobile .c-navbar__link{border-bottom:1px solid rgba(157,0,255,.2);padding:1rem 0;width:100%}.c-navbar__mobile .c-navbar__link:after{display:none}.c-navbar__mobile .c-navbar__link:hover{background:rgba(157,0,255,.1);border-radius:8px;padding-left:1rem}.c-navbar__overlay{background:rgba(0,0,0,.5);height:100vh;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:1000}.c-navbar__overlay.is-visible{opacity:1;visibility:visible}.c-navbar--sticky{animation:stickySlide .3s ease;backdrop-filter:blur(10px);position:sticky;top:0}@keyframes stickySlide{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.c-navbar--floating{animation:float 6s ease-in-out infinite;border:1px solid rgba(157,0,255,.3);border-radius:50px;box-shadow:0 0 15px rgba(157,0,255,.3);left:50%;max-width:1200px;position:fixed;top:2rem;transform:translateX(-50%);transition:all .3s ease;width:90%}.c-navbar--sm{font-size:.875rem;padding:.5rem 1rem}.c-navbar--sm .c-navbar__logo{height:24px;width:24px}.c-navbar--sm .c-navbar__brand{font-size:1.25rem}.c-navbar--lg{font-size:1.125rem;padding:1.5rem 3rem}.c-navbar--lg .c-navbar__logo{height:40px;width:40px}.c-navbar--lg .c-navbar__brand{font-size:1.75rem}.c-navbar--psychedelic{animation:psychedelicShift 8s ease infinite;background:linear-gradient(135deg,rgba(157,0,255,.8),rgba(255,187,0,.8));background-size:400% 400%}.c-navbar--psychedelic .c-navbar__link{color:#fff}.c-navbar--glow{box-shadow:0 0 15px rgba(157,0,255,.4);transition:all .3s ease}.c-navbar--glow:hover{box-shadow:0 0 20px rgba(255,187,0,.6);transition:all .3s ease}.c-navbar--dark{background:rgba(0,0,0,.95);border-color:rgba(157,0,255,.5)}.c-navbar--light{background:hsla(0,0%,100%,.1);border-color:rgba(157,0,255,.2)}.c-navbar--light .c-navbar__link{color:#000}.c-navbar--light .c-navbar__search .c-input{background:hsla(0,0%,100%,.2);color:#000}.c-navbar--light .c-navbar__search .c-input::-moz-placeholder{color:rgba(0,0,0,.5)}.c-navbar--light .c-navbar__search .c-input::placeholder{color:rgba(0,0,0,.5)}.c-navbar__spore{animation:sporeFloat 8s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;height:3px;pointer-events:none;position:absolute;width:3px;z-index:2}.c-navbar__spore:nth-child(odd){animation-delay:-2s}.c-navbar__spore:nth-child(2n){animation-delay:-4s}@media (max-width:768px){.c-navbar{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.c-navbar__actions,.c-navbar__nav,.c-navbar__search{width:100%}.c-navbar__nav{flex-direction:column;gap:.5rem}.c-navbar__link{border-bottom:1px solid rgba(157,0,255,.2);padding:.75rem 1rem}.c-navbar__link:after{bottom:0;height:2px}.c-navbar__toggle{align-self:flex-end;display:block}.c-navbar--floating{animation:none;border-radius:0;position:static;transform:none;width:100%}}@media (max-width:480px){.c-navbar{padding:.75rem 1rem}.c-navbar__brand{font-size:1.25rem}.c-navbar__logo{height:28px;width:28px}.c-navbar__action{height:36px;width:36px}}
|
|
269
|
+
|
|
270
|
+
/*!
|
|
271
|
+
* Mashroom Theme Tools Index
|
|
272
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
273
|
+
*/
|
|
274
|
+
/*!
|
|
275
|
+
* Mashroom Theme Pagination Component
|
|
276
|
+
* Psychedelic mushroom-inspired page indicators with trippy effects
|
|
277
|
+
*/.c-pagination{gap:.5rem;padding:1rem}.c-pagination__nav{align-items:center;display:flex;gap:.25rem}.c-pagination__btn{align-items:center;background:rgba(157,0,255,.1);border:1px solid rgba(157,0,255,.3);border-radius:50%;border-radius:50% 50% 40% 40%;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;font-size:.875rem;height:40px;justify-content:center;min-width:40px;padding:.5rem;transition:all .3s ease}.c-pagination__btn:hover{background:rgba(157,0,255,.2);box-shadow:0 0 8px #ffff6a;color:#fff;transform:translateY(-2px);transition:all .3s ease}.c-pagination__btn--active{animation:pageGlow 2s ease-in-out infinite;background:linear-gradient(45deg,#d080ff,#ffff6a);border-color:transparent;color:#fff;transform:scale(1.1)}.c-pagination__btn--disabled{cursor:not-allowed;opacity:.5}.c-pagination__btn--disabled:hover{background:rgba(157,0,255,.1);box-shadow:0 0 0 none;color:hsla(0,0%,100%,.8);transform:none;transition:all .3s ease}.c-pagination__btn--ellipsis{background:none;border:none;color:hsla(0,0%,100%,.5);cursor:default}.c-pagination__btn--ellipsis:hover{background:none;box-shadow:0 0 0 none;color:hsla(0,0%,100%,.5);transform:none;transition:all .3s ease}@keyframes pageGlow{0%,to{box-shadow:0 0 10px rgba(157,0,255,.5)}50%{box-shadow:0 0 20px rgba(157,0,255,.8),0 0 30px rgba(255,187,0,.5)}}.c-pagination__pages{align-items:center;display:flex;gap:.25rem}.c-pagination__page{align-items:center;background:rgba(157,0,255,.1);border:1px solid rgba(157,0,255,.3);border-radius:50%;border-radius:50% 50% 40% 40%;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;font-size:.875rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.c-pagination__page:hover{background:rgba(157,0,255,.2);box-shadow:0 0 8px #ffff6a;color:#fff;transform:translateY(-2px) scale(1.05);transition:all .3s ease}.c-pagination__page--active{animation:activePagePulse 2s ease-in-out infinite;background:linear-gradient(45deg,#d080ff,#ffff6a);border-color:transparent;color:#fff;transform:scale(1.15)}.c-pagination__page--disabled{cursor:not-allowed;opacity:.5}.c-pagination__page--disabled:hover{background:rgba(157,0,255,.1);box-shadow:0 0 0 none;color:hsla(0,0%,100%,.8);transform:none;transition:all .3s ease}@keyframes activePagePulse{0%,to{box-shadow:0 0 15px rgba(157,0,255,.7);transform:scale(1.15)}50%{box-shadow:0 0 25px #9d00ff,0 0 35px rgba(255,187,0,.7);transform:scale(1.2)}}.c-pagination__spores{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.c-pagination__spores:after,.c-pagination__spores:before{animation:sporeFloat 3s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;content:"";height:3px;position:absolute;width:3px}.c-pagination__spores:before{animation-delay:0s;left:20%;top:30%}.c-pagination__spores:after{animation-delay:1.5s;right:25%;top:60%}.c-pagination__info{align-items:center;color:hsla(0,0%,100%,.7);display:flex;font-size:.875rem;gap:1rem;margin:0 1rem}.c-pagination--sm{gap:.25rem}.c-pagination--sm .c-pagination__btn,.c-pagination--sm .c-pagination__page{font-size:.75rem;height:32px;width:32px}.c-pagination--lg{gap:.75rem}.c-pagination--lg .c-pagination__btn,.c-pagination--lg .c-pagination__page{font-size:1rem;height:48px;width:48px}.c-pagination--center{justify-content:center}.c-pagination--left{justify-content:flex-start}.c-pagination--right{justify-content:flex-end}.c-pagination--space-between{justify-content:space-between}.c-pagination--psychedelic .c-pagination__btn,.c-pagination--psychedelic .c-pagination__page{background:linear-gradient(135deg,rgba(157,0,255,.1),rgba(255,32,133,.1),rgba(0,255,136,.1));border-color:rgba(157,0,255,.4)}.c-pagination--psychedelic .c-pagination__btn:hover,.c-pagination--psychedelic .c-pagination__page:hover{background:linear-gradient(135deg,rgba(157,0,255,.2),rgba(255,32,133,.2),rgba(0,255,136,.2))}.c-pagination--psychedelic .c-pagination__btn--active,.c-pagination--psychedelic .c-pagination__page--active{animation:psychedelicShift 3s ease-in-out infinite;background:linear-gradient(135deg,#d080ff,#ff90ba,#ffff6a,#50ffbb);background-size:400% 400%}.c-pagination--glow .c-pagination__btn,.c-pagination--glow .c-pagination__page{box-shadow:0 0 8px rgba(157,0,255,.3);transition:all .3s ease}.c-pagination--glow .c-pagination__btn:hover,.c-pagination--glow .c-pagination__page:hover{box-shadow:0 0 12px #ffff6a;transition:all .3s ease}.c-pagination--glow .c-pagination__btn--active,.c-pagination--glow .c-pagination__page--active{box-shadow:0 0 15px #ffff6a;transition:all .3s ease}.c-pagination--3d .c-pagination__btn,.c-pagination--3d .c-pagination__page{box-shadow:0 2px 4px rgba(0,0,0,.3)}.c-pagination--3d .c-pagination__btn:hover,.c-pagination--3d .c-pagination__page:hover{box-shadow:0 4px 8px rgba(0,0,0,.4),0 0 15px rgba(157,0,255,.5)}.c-pagination__jump{align-items:center;display:flex;gap:.5rem;margin-left:1rem}.c-pagination__jump-input{background:hsla(0,0%,100%,.1);border:1px solid rgba(157,0,255,.3);border-radius:.5rem;color:hsla(0,0%,100%,.9);font-size:.875rem;padding:.25rem .5rem;text-align:center;width:60px}.c-pagination__jump-input:focus{border-color:#ffff6a;box-shadow:0 0 5px #ffff6a;outline:none;transition:all .3s ease}.c-pagination__jump-btn{background:rgba(157,0,255,.2);border:1px solid rgba(157,0,255,.3);border-radius:.5rem;color:hsla(0,0%,100%,.9);cursor:pointer;font-size:.75rem;padding:.25rem .75rem;transition:all .3s ease}.c-pagination__jump-btn:hover{background:rgba(157,0,255,.3);box-shadow:0 0 5px #ffff6a;transition:all .3s ease}@media (max-width:768px){.c-pagination{flex-wrap:wrap;gap:.5rem}.c-pagination .c-pagination__info{justify-content:center;margin:0 0 1rem;order:-1;width:100%}.c-pagination--sm .c-pagination__btn,.c-pagination--sm .c-pagination__page{font-size:.7rem;height:28px;width:28px}}@media (max-width:480px){.c-pagination .c-pagination__jump{display:none}}
|
|
278
|
+
|
|
279
|
+
/*!
|
|
280
|
+
* Mashroom Theme Tools Index
|
|
281
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
282
|
+
*/
|
|
283
|
+
/*!
|
|
284
|
+
* Mashroom Theme Popover Component
|
|
285
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
286
|
+
*/.c-popover{display:inline-block;position:relative}.c-popover__content{animation:popoverPop .3s cubic-bezier(.68,-.55,.265,1.55);backdrop-filter:blur(20px);background:rgba(0,0,0,.85);border:1px solid rgba(157,0,255,.3);border-radius:1rem;border-radius:1.5rem 1.5rem .5rem .5rem;box-shadow:0 0 15px rgba(157,0,255,.4);max-width:300px;min-width:200px;padding:1rem;position:absolute;transition:all .3s ease;z-index:1000}.c-popover__content:after{background:linear-gradient(180deg,rgba(157,0,255,.6),hsla(0,0%,100%,.1));border-radius:0 0 4px 4px;bottom:-8px;content:"";height:12px;left:50%;position:absolute;transform:translateX(-50%);width:8px}@keyframes popoverPop{0%{opacity:0;transform:scale(.8) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.c-popover__arrow{border-style:solid;height:0;width:0}.c-popover__arrow--top{border-top:8px solid rgba(157,0,255,.3);bottom:-8px}.c-popover__arrow--bottom,.c-popover__arrow--top{border-left:8px solid transparent;border-right:8px solid transparent;left:50%;transform:translateX(-50%)}.c-popover__arrow--bottom{border-bottom:8px solid rgba(157,0,255,.3);top:-8px}.c-popover__arrow--left{border-left:8px solid rgba(157,0,255,.3);right:-8px}.c-popover__arrow--left,.c-popover__arrow--right{border-bottom:8px solid transparent;border-top:8px solid transparent;top:50%;transform:translateY(-50%)}.c-popover__arrow--right{border-right:8px solid rgba(157,0,255,.3);left:-8px}.c-popover__title{background:linear-gradient(45deg,#d080ff,#ffff6a);-webkit-background-clip:text;background-size:200% 200%;color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem;-webkit-text-fill-color:transparent;animation:titleColorShift 3s ease-in-out infinite;background-clip:text}@keyframes titleColorShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-popover__body{color:hsla(0,0%,100%,.8);font-size:.875rem;line-height:1.4}.c-popover__body p{margin:0 0 .5rem}.c-popover__body p:last-child{margin-bottom:0}.c-popover__actions{border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:.5rem;margin-top:1rem;padding-top:.5rem}.c-popover__btn{background:rgba(157,0,255,.1);border:1px solid rgba(157,0,255,.3);border-radius:.5rem;color:hsla(0,0%,100%,.9);cursor:pointer;font-size:.75rem;padding:.375rem .75rem;transition:all .3s ease}.c-popover__btn:hover{background:rgba(157,0,255,.2);box-shadow:0 0 5px #ffff6a;color:#fff;transition:all .3s ease}.c-popover__btn--primary{background:linear-gradient(45deg,#d080ff,#ff90ba);border-color:transparent;color:#fff}.c-popover__btn--primary:hover{background:linear-gradient(45deg,#e2b0ff,#ffc0d5);box-shadow:0 0 8px #ffff6a;transition:all .3s ease}.c-popover--top .c-popover__content{bottom:100%;left:50%;margin-bottom:.5rem;transform:translateX(-50%)}.c-popover--bottom .c-popover__content{left:50%;margin-top:.5rem;top:100%;transform:translateX(-50%)}.c-popover--left .c-popover__content{margin-right:.5rem;right:100%;top:50%;transform:translateY(-50%)}.c-popover--right .c-popover__content{left:100%;margin-left:.5rem;top:50%;transform:translateY(-50%)}.c-popover--sm .c-popover__content{font-size:.875rem;max-width:200px;min-width:150px;padding:.75rem}.c-popover--sm .c-popover__title{font-size:.875rem}.c-popover--sm .c-popover__body{font-size:.75rem}.c-popover--lg .c-popover__content{max-width:400px;min-width:250px;padding:1.5rem}.c-popover--lg .c-popover__title{font-size:1.125rem}.c-popover--lg .c-popover__body{font-size:1rem}.c-popover__trigger{cursor:pointer;transition:all .3s ease}.c-popover__trigger:hover{color:#ffff6a}.c-popover--psychedelic .c-popover__content{background:linear-gradient(135deg,rgba(157,0,255,.1),rgba(255,32,133,.1) 50%,rgba(0,255,136,.1));border-color:rgba(157,0,255,.4)}.c-popover--psychedelic .c-popover__content:before{animation:sporeFloat 4s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,rgba(255,187,0,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,255,136,.1) 0,transparent 50%);border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.c-popover--psychedelic .c-popover__title{animation:psychedelicRainbow 2s ease-in-out infinite}@keyframes psychedelicRainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.c-popover--dark .c-popover__content{background:rgba(0,0,0,.95);border-color:rgba(157,0,255,.5)}.c-popover--light .c-popover__content{background:hsla(0,0%,100%,.95);border-color:rgba(157,0,255,.2);color:#000}.c-popover--light .c-popover__content .c-popover__title{background:linear-gradient(45deg,#d080ff,#ffff6a);-webkit-background-clip:text;color:#000;-webkit-text-fill-color:transparent}.c-popover--light .c-popover__content .c-popover__body{color:rgba(0,0,0,.7)}.c-popover--light .c-popover__content .c-popover__btn{background:rgba(157,0,255,.1);border-color:rgba(157,0,255,.3);color:rgba(0,0,0,.9)}@media (max-width:768px){.c-popover .c-popover__content{max-width:90vw}.c-popover .c-popover__content,.c-popover--bottom .c-popover__content,.c-popover--left .c-popover__content,.c-popover--right .c-popover__content,.c-popover--top .c-popover__content{left:50%;margin:0;position:fixed;top:50%;transform:translate(-50%,-50%)}}
|
|
287
|
+
|
|
288
|
+
/*!
|
|
289
|
+
* Mashroom Theme Tools Index
|
|
290
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
291
|
+
*/
|
|
292
|
+
/*!
|
|
293
|
+
* Mashroom Theme Product Review Component
|
|
294
|
+
* Mushroom-themed ratings and reviews with psychedelic effects
|
|
295
|
+
*/.c-product-review{backdrop-filter:blur(10px);background:rgba(0,0,0,.8);border:1px solid rgba(157,0,255,.3);border-radius:20px;border-radius:20px 20px 10px 10px;box-shadow:0 0 15px rgba(157,0,255,.2);padding:2rem;position:relative;transition:all .3s ease}.c-product-review:before{animation:backgroundFloat 6s ease-in-out infinite;background:radial-gradient(circle at 30% 20%,rgba(255,187,0,.1) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(157,0,255,.1) 0,transparent 50%);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.c-product-review__header{gap:1.5rem;margin-bottom:2rem;position:relative;z-index:1}.c-product-review__image{border:2px solid rgba(157,0,255,.5);border-radius:50%;box-shadow:0 0 8px rgba(157,0,255,.3);height:80px;transition:all .3s ease;width:80px}.c-product-review__image:hover{box-shadow:0 0 12px rgba(255,187,0,.5);transform:scale(1.1) rotate(5deg);transition:all .3s ease}.c-product-review__product-info{flex:1}.c-product-review__product-name{background:linear-gradient(45deg,#d080ff,#ffff6a,#ff90ba);-webkit-background-clip:text;background-size:300% 300%;font-size:1.5rem;font-weight:700;margin:0 0 .5rem;-webkit-text-fill-color:transparent;animation:titleGradient 4s ease infinite}@keyframes titleGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-product-review__rating-section{margin-bottom:2rem;position:relative;z-index:1}.c-product-review__rating-label{color:#fff;display:block;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-shadow:0 0 10px rgba(157,0,255,.5)}.c-product-review .c-rating__stars{display:flex;gap:.5rem}.c-product-review .c-rating__star{color:hsla(0,0%,100%,.3);cursor:pointer;font-size:2rem;position:relative;transition:all .3s ease}.c-product-review .c-rating__star:hover{box-shadow:0 0 8px #ffff6a;color:#ffff6a;transform:scale(1.2) rotate(15deg);transition:all .3s ease}.c-product-review .c-rating__star.is-active{animation:starPulse 2s ease-in-out infinite;box-shadow:0 0 5px #ffff6a;color:#ffff6a;transition:all .3s ease}.c-product-review .c-rating__star.is-half{box-shadow:0 0 3px #ffdd20;color:#ffdd20;transition:all .3s ease}.c-product-review .c-rating__star:hover~.c-product-review .c-rating__star{color:hsla(0,0%,100%,.1);transform:scale(.9)}.c-product-review__comment-section{margin-bottom:2rem;position:relative;z-index:1}.c-product-review__comment-label{color:#fff;display:block;font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-shadow:0 0 10px rgba(157,0,255,.5)}.c-product-review__comment{background:rgba(0,0,0,.6);border:1px solid rgba(157,0,255,.3);border-radius:12px;color:#fff;font-size:1rem;min-height:120px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.c-product-review__comment::-moz-placeholder{color:hsla(0,0%,100%,.5)}.c-product-review__comment::placeholder{color:hsla(0,0%,100%,.5)}.c-product-review__comment:focus{border-color:rgba(255,187,0,.5);box-shadow:0 0 8px rgba(255,187,0,.3);outline:none;transform:scale(1.02);transition:all .3s ease}.c-product-review__comment:hover{border-color:rgba(157,0,255,.5)}.c-product-review__actions{gap:1rem;position:relative;z-index:1}.c-product-review__submit-btn{animation:buttonGradient 3s ease infinite;background:linear-gradient(45deg,#d080ff,#ff90ba,#ffff6a);background-size:200% 200%;border:none;border-radius:25px;box-shadow:0 0 8px rgba(157,0,255,.3);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.c-product-review__submit-btn:hover{box-shadow:0 0 12px rgba(255,187,0,.5);transform:translateY(-2px) scale(1.05);transition:all .3s ease}.c-product-review__submit-btn:active{transform:translateY(0) scale(.98)}.c-product-review__submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.c-product-review__spore{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;height:4px;pointer-events:none;position:absolute;width:4px}.c-product-review__spore:nth-child(odd){animation-delay:-2s}.c-product-review__spore:nth-child(2n){animation-delay:-4s}.c-product-review--compact{padding:1rem}.c-product-review--compact .c-product-review__image{height:60px;width:60px}.c-product-review--compact .c-product-review__product-name{font-size:1.2rem}.c-product-review--compact .c-product-review__comment{min-height:80px}.c-product-review--large{padding:3rem}.c-product-review--large .c-product-review__image{height:120px;width:120px}.c-product-review--large .c-product-review__product-name{font-size:1.8rem}.c-product-review--large .c-product-review__comment{min-height:150px}.c-product-review--dark{background:rgba(0,0,0,.9)}.c-product-review--light{background:hsla(0,0%,100%,.1);color:#000}.c-product-review--light .c-product-review__comment-label,.c-product-review--light .c-product-review__rating-label{color:#000;text-shadow:0 0 10px rgba(157,0,255,.3)}.c-product-review--light .c-product-review__comment{background:hsla(0,0%,100%,.8);color:#000}.c-product-review--psychedelic{animation:psychedelicShift 10s ease-in-out infinite;background:linear-gradient(135deg,rgba(157,0,255,.2),rgba(255,187,0,.2))}@media (max-width:768px){.c-product-review{padding:1.5rem}.c-product-review .c-product-review__header{flex-direction:column;text-align:center}.c-product-review .c-product-review__image{height:100px;width:100px}.c-product-review .c-product-review__actions{flex-direction:column}}@media (max-width:480px){.c-product-review{border-radius:15px;padding:1rem}.c-product-review .c-product-review__product-name{font-size:1.3rem}.c-product-review .c-product-review__comment-label,.c-product-review .c-product-review__rating-label{font-size:1rem}.c-product-review .c-product-review__comment{font-size:.9rem;min-height:100px}}
|
|
296
|
+
|
|
297
|
+
/*!
|
|
298
|
+
* Mashroom Theme Tools Index
|
|
299
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
300
|
+
*/@keyframes progress-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes progress-glow-pulse{0%,to{box-shadow:inset 0 2px 5px rgba(0,0,0,.3),0 0 5px rgba(157,0,255,.3)}50%{box-shadow:inset 0 2px 5px rgba(0,0,0,.3),0 0 10px rgba(157,0,255,.6),0 0 20px rgba(157,0,255,.4)}}.c-progress{animation:float 6s ease-in-out infinite;animation-duration:4s;animation:progress-glow-pulse 2s infinite;background-color:rgba(0,0,0,.2);box-shadow:0 0 5px rgba(157,0,255,.3);box-shadow:inset 0 2px 5px rgba(0,0,0,.3);transition:all .3s ease}.c-progress,.c-progress__bar{border-radius:50px;position:relative}.c-progress__bar{animation:rainbow-shift 8s ease infinite;animation:progress-rainbow 2s ease infinite;animation:pulse-glow 2s infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:200% 200%;color:#fff;overflow:hidden}.c-progress__bar:after{animation:progress-shine 2s ease infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progress-rainbow{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.c-progress--primary{--atomix-progress-bar-bg:#9d00ff}.c-progress--primary .c-progress__bar{animation:pulse-glow 2s infinite;background:linear-gradient(135deg,#9d00ff,#ba4dff)}.c-progress--success{--atomix-progress-bar-bg:#00d984}.c-progress--success .c-progress__bar{animation:pulse-glow 2s infinite;background:linear-gradient(135deg,#00d984,#27ffaa)}.c-progress--warning{--atomix-progress-bar-bg:#fb0}.c-progress--warning .c-progress__bar{animation:pulse-glow 2s infinite;background:linear-gradient(135deg,#fb0,#ffcf4d)}.c-progress--danger{--atomix-progress-bar-bg:#ff2085}.c-progress--danger .c-progress__bar{animation:pulse-glow 2s infinite;background:linear-gradient(135deg,#ff2085,#ff6daf)}.c-progress--info{--atomix-progress-bar-bg:#008cff}.c-progress--info .c-progress__bar{animation:pulse-glow 2s infinite;background:linear-gradient(135deg,#008cff,#4dafff)}.c-progress--striped .c-progress__bar{background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem}.c-progress--animated .c-progress__bar{animation:progress-bar-stripes 1s linear infinite,progress-rainbow 2s ease infinite}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}.c-progress--psychedelic{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 4s ease infinite;border:1px solid transparent}.c-progress--psychedelic,.c-progress--psychedelic .c-progress__bar{background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%}.c-progress--psychedelic .c-progress__bar{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s ease infinite,progress-bar-stripes .5s linear infinite}.c-progress--psychedelic .c-progress__bar:after{animation:progress-shine 1s ease infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent)}.c-progress--glow{animation:progress-glow-pulse 1s infinite;box-shadow:0 0 15px #d080ff;transition:all .3s ease}.c-progress--glow .c-progress__bar{box-shadow:0 0 20px #ffff6a;transition:all .3s ease}.c-progress--glow .c-progress__bar:after{background:linear-gradient(90deg,transparent,rgba(255,187,0,.6) 50%,transparent)}.c-progress--floating{animation:float 6s ease-in-out infinite;animation-duration:3s}.c-progress--floating .c-progress__bar{animation:progress-float 2s ease-in-out infinite}
|
|
301
|
+
|
|
302
|
+
/*!
|
|
303
|
+
* Mashroom Theme Tools Index
|
|
304
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
305
|
+
*/
|
|
306
|
+
/*!
|
|
307
|
+
* Mashroom Theme Rating Component
|
|
308
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
309
|
+
*/@keyframes rating-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes rating-glow-pulse{0%,to{box-shadow:0 0 5px hsla(0,0%,100%,.1)}50%{box-shadow:0 0 10px hsla(0,0%,100%,.3),0 0 20px rgba(157,0,255,.5)}}@keyframes rating-star-pulse{0%,to{box-shadow:0 0 5px #ffff6a}50%{box-shadow:0 0 10px #ffff6a,0 0 20px rgba(255,187,0,.8)}}@keyframes rating-hover-pulse{0%,to{box-shadow:0 0 10px #ff90ba}50%{box-shadow:0 0 15px #ff90ba,0 0 25px rgba(255,32,133,.8)}}.c-rating__stars{animation:float 6s ease-in-out infinite;animation-duration:4s;position:relative}.c-rating__star{animation:rating-glow-pulse 2s infinite;box-shadow:0 0 2px hsla(0,0%,100%,.1);transition:all .3s ease}.c-rating__star--filled{animation:color-shift 10s linear infinite;animation:rating-star-pulse 2s infinite;box-shadow:0 0 5px #ffff6a;color:var(--atomix-rating-star-bg);transition:all .3s ease}.c-rating__star--half{animation:rating-glow-pulse 3s infinite;box-shadow:0 0 3px #fb0;color:var(--atomix-rating-star-half-bg);transition:all .3s ease}.c-rating__star:hover{animation:pulse-glow 2s infinite;animation:rating-hover-pulse 1s infinite;box-shadow:0 0 10px #ff90ba;color:#ff90ba;transform:scale(var(--atomix-rating-star-hover-scale)) rotate(10deg);transition:all .3s ease}.c-rating__star--hover~.c-rating__star{animation:float 6s ease-in-out infinite;animation-duration:3s;box-shadow:0 0 1px hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.1);transform:scale(.9) rotate(-5deg);transition:all .3s ease}.c-rating__label{animation:float 6s ease-in-out infinite;animation:color-shift 10s linear infinite;font-weight:500}.c-rating__value{animation:float 6s ease-in-out infinite;animation-duration:3s;animation:pulse-glow 2s infinite;background:rgba(157,0,255,.2);background:radial-gradient(ellipse at center,#b94dff 0,#9d00ff 30%,#7d00cc 60%,#400066 100%);border-radius:1rem;box-shadow:0 0 5px #9d00ff;color:#ffff6a;font-weight:600;padding:.25rem .5rem;transition:all .3s ease}.c-rating--readonly .c-rating__star{cursor:default}.c-rating--readonly .c-rating__star:hover{animation:none;color:var(--atomix-rating-star-bg);transform:none}.c-rating--disabled{opacity:.6}.c-rating--disabled .c-rating__star{animation:none;cursor:not-allowed}.c-rating--disabled .c-rating__star:hover{color:var(--atomix-rating-star-empty-color);transform:none}.c-rating--lg .c-rating__star{font-size:2rem}.c-rating--lg .c-rating__label,.c-rating--sm .c-rating__star{font-size:1rem}.c-rating--sm .c-rating__label{font-size:.75rem}.c-rating--psychedelic .c-rating__star{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s linear infinite}.c-rating--psychedelic .c-rating__star,.c-rating--psychedelic .c-rating__star--filled{background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-clip:text;-webkit-background-clip:text;background-size:600% 600%;background-size:200% 100%;color:transparent}.c-rating--psychedelic .c-rating__star--filled{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 2s linear infinite}.c-rating--psychedelic .c-rating__star--half{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 4s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-clip:text;-webkit-background-clip:text;background-size:600% 600%;background-size:200% 100%;color:transparent}.c-rating--psychedelic .c-rating__star:hover{animation:rainbow-shift 1s linear infinite;box-shadow:0 0 15px #fff;transition:all .3s ease}.c-rating--psychedelic .c-rating__value{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 4s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%;color:#fff}.c-rating--glow .c-rating__star{animation:rating-glow-pulse 1s infinite;box-shadow:0 0 10px #d080ff;transition:all .3s ease}.c-rating--glow .c-rating__star--filled{animation:rating-star-pulse 1s infinite;box-shadow:0 0 15px #ffff6a;transition:all .3s ease}.c-rating--glow .c-rating__star:hover{animation:rating-hover-pulse .5s infinite;box-shadow:0 0 20px #ff90ba;transition:all .3s ease}.c-rating--glow .c-rating__value{box-shadow:0 0 10px #9d00ff;transition:all .3s ease}.c-rating--floating .c-rating__stars{animation:float 6s ease-in-out infinite;animation-duration:3s}.c-rating--floating .c-rating__star{animation:float 6s ease-in-out infinite;animation-duration:2s}.c-rating--floating .c-rating__value{animation:float 6s ease-in-out infinite;animation-duration:4s}
|
|
310
|
+
|
|
311
|
+
/*!
|
|
312
|
+
* Mashroom Theme Tools Index
|
|
313
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
314
|
+
*/
|
|
315
|
+
/*!
|
|
316
|
+
* Mashroom Theme River Component
|
|
317
|
+
* Flowing content stream animations with psychedelic mushroom effects
|
|
318
|
+
*/.c-river{background:rgba(0,0,0,.8);border:1px solid rgba(157,0,255,.3);border-radius:20px;border-radius:20px 20px 10px 10px;height:400px;overflow:hidden}.c-river:before{animation:flowBackground 15s ease infinite;background:linear-gradient(45deg,rgba(157,0,255,.1),rgba(255,187,0,.1),rgba(255,0,128,.1),rgba(0,255,157,.1));background-size:400% 400%;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes flowBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-river__stream{height:100%;overflow:hidden;position:absolute;width:100%}.c-river__item{animation:floatDown 20s linear infinite;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid rgba(157,0,255,.2);border-radius:12px;cursor:pointer;padding:1.5rem;position:absolute;transition:all .3s ease}.c-river__item:hover{background:rgba(157,0,255,.2);box-shadow:0 0 8px rgba(255,187,0,.3);transform:scale(1.05);transition:all .3s ease}@keyframes floatDown{0%{opacity:0;transform:translateY(-100%) translateX(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(500px) translateX(50px) rotate(1turn)}}.c-river__item:first-child{animation-delay:0s;left:10%}.c-river__item:nth-child(2){animation-delay:3s;left:30%}.c-river__item:nth-child(3){animation-delay:6s;left:50%}.c-river__item:nth-child(4){animation-delay:9s;left:70%}.c-river__item:nth-child(5){animation-delay:12s;left:20%}.c-river__item:nth-child(6){animation-delay:15s;left:60%}.c-river__content{display:flex;flex-direction:column;gap:.5rem}.c-river__header{align-items:center;display:flex;gap:.75rem}.c-river__avatar{align-items:center;animation:avatarGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#d080ff,#ffff6a);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}@keyframes avatarGlow{0%,to{box-shadow:0 0 10px rgba(157,0,255,.5)}50%{box-shadow:0 0 20px rgba(255,187,0,.5)}}.c-river__author{color:#fff;font-size:.875rem;font-weight:600}.c-river__time{color:hsla(0,0%,100%,.7);font-size:.75rem}.c-river__text{color:hsla(0,0%,100%,.9);font-size:.875rem;line-height:1.4}.c-river__media{align-items:center;animation:mediaShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,rgba(157,0,255,.2),rgba(255,187,0,.2));border-radius:8px;color:hsla(0,0%,100%,.7);display:flex;font-size:.75rem;height:120px;justify-content:center;width:100%}@keyframes mediaShimmer{0%,to{opacity:.7}50%{opacity:1}}.c-river__actions{gap:1rem;margin-top:.5rem}.c-river__action{align-items:center;background:rgba(157,0,255,.2);border:none;border-radius:16px;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:.25rem .5rem;transition:all .3s ease}.c-river__action:hover{background:rgba(255,187,0,.3);color:#fff;transform:scale(1.1)}.c-river__action .c-icon{height:12px;width:12px}.c-river__scroll{align-items:center;animation:scrollHint 3s ease-in-out infinite;bottom:1rem;color:hsla(0,0%,100%,.7);display:flex;font-size:.75rem;gap:.5rem;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}@keyframes scrollHint{0%,to{opacity:.7;transform:translateX(-50%) translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(-5px)}}.c-river__scroll .c-icon{animation:arrowBounce 2s ease-in-out infinite;height:16px;width:16px}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.c-river--loading .c-river__item{animation:none;animation:loadingShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,rgba(157,0,255,.1) 25%,rgba(255,187,0,.1) 50%,rgba(157,0,255,.1) 75%);background-size:200% 100%}@keyframes loadingShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.c-river--empty{align-items:center;color:hsla(0,0%,100%,.7);display:flex;flex-direction:column;font-size:1.125rem;gap:1rem;justify-content:center}.c-river--empty .c-river__icon{animation:emptyFloat 4s ease-in-out infinite;color:rgba(157,0,255,.5);height:64px;width:64px}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.c-river--horizontal{height:200px}.c-river--horizontal .c-river__item{animation:floatRight 15s linear infinite;height:150px;width:300px}@keyframes floatRight{0%{opacity:0;transform:translateX(-100%) translateY(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateX(100vw) translateY(20px) rotate(180deg)}}.c-river--horizontal .c-river__item:first-child{animation-delay:0s;top:20%}.c-river--horizontal .c-river__item:nth-child(2){animation-delay:2s;top:40%}.c-river--horizontal .c-river__item:nth-child(3){animation-delay:4s;top:60%}.c-river--horizontal .c-river__item:nth-child(4){animation-delay:6s;top:30%}.c-river--horizontal .c-river__item:nth-child(5){animation-delay:8s;top:50%}.c-river--circular .c-river__item{animation:circularFlow 20s linear infinite;transform-origin:center}@keyframes circularFlow{0%{opacity:0;transform:rotate(0deg) translateX(150px) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:rotate(1turn) translateX(150px) rotate(-1turn)}}.c-river--sm{height:300px}.c-river--sm .c-river__item{padding:1rem;width:200px}.c-river--sm .c-river__avatar{font-size:.75rem;height:24px;width:24px}.c-river--sm .c-river__text{font-size:.75rem}.c-river--lg{height:500px}.c-river--lg .c-river__item{padding:2rem;width:350px}.c-river--lg .c-river__avatar{font-size:1rem;height:40px;width:40px}.c-river--lg .c-river__text{font-size:1rem}.c-river--psychedelic{animation:psychedelicShift 10s ease infinite;background:linear-gradient(135deg,#d080ff,#ffff6a,#ff90ba,#50ffbb);background-size:400% 400%}.c-river--psychedelic .c-river__item{background:rgba(0,0,0,.3);border-color:hsla(0,0%,100%,.3)}.c-river--glow{box-shadow:0 0 20px rgba(157,0,255,.4);transition:all .3s ease}.c-river--glow:hover{box-shadow:0 0 30px rgba(255,187,0,.6);transition:all .3s ease}.c-river--dark{background:rgba(0,0,0,.9);border-color:rgba(157,0,255,.5)}.c-river--light{background:hsla(0,0%,100%,.1);border-color:rgba(157,0,255,.2)}.c-river--light .c-river__author,.c-river--light .c-river__text,.c-river--light .c-river__time{color:#000}.c-river__spore{animation:sporeFloat 12s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;height:4px;pointer-events:none;position:absolute;width:4px}.c-river__spore:nth-child(odd){animation-delay:-3s}.c-river__spore:nth-child(2n){animation-delay:-6s}@media (max-width:768px){.c-river .c-river__item{padding:1rem;width:250px}.c-river--horizontal .c-river__item{width:200px}}@media (max-width:480px){.c-river{height:300px}.c-river .c-river__item{padding:.75rem;width:200px}.c-river--horizontal{height:150px}.c-river--horizontal .c-river__item{height:100px;width:150px}}
|
|
319
|
+
|
|
320
|
+
/*!
|
|
321
|
+
* Mashroom Theme Tools Index
|
|
322
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
323
|
+
*/
|
|
324
|
+
/*!
|
|
325
|
+
* Mashroom Theme Section Intro Component
|
|
326
|
+
* Animated section intros with trippy headings and psychedelic visuals
|
|
327
|
+
*/.c-sectionintro{padding:3rem 0;text-align:center}.c-sectionintro:before{animation:backgroundShift 8s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,rgba(157,0,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,187,0,.1) 0,transparent 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes backgroundShift{0%,to{opacity:.3}50%{opacity:.6}}.c-sectionintro__container{margin:0 auto;max-width:800px;padding:0 1rem}.c-sectionintro__title{background:linear-gradient(45deg,#d080ff,#ffff6a,#ff90ba,#50ffbb);-webkit-background-clip:text;background-size:400% 400%;font-size:2.5rem;font-weight:700;margin-bottom:1rem;-webkit-text-fill-color:transparent;animation:titleRainbow 4s ease-in-out infinite;animation:titleFloat 3s ease-in-out infinite,titleRainbow 4s ease-in-out infinite;background-clip:text}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.c-sectionintro__subtitle{animation:subtitleFade 1s ease-in-out .5s both;color:hsla(0,0%,100%,.8);font-size:1.25rem;font-weight:400;line-height:1.6;margin-bottom:1.5rem}@keyframes subtitleFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.c-sectionintro__description{animation:descriptionFade 1s ease-in-out 1s both;color:hsla(0,0%,100%,.7);font-size:1rem;line-height:1.7;margin-bottom:2rem}@keyframes descriptionFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.c-sectionintro__actions{animation:actionsFade 1s ease-in-out 1.5s both;flex-wrap:wrap;gap:1rem;justify-content:center}@keyframes actionsFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.c-sectionintro__btn{background:linear-gradient(45deg,#d080ff,#ffff6a);border:none;border-radius:2rem;border-radius:2rem 2rem 1rem 1rem;box-shadow:0 0 10px rgba(157,0,255,.4);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.c-sectionintro__btn:hover{box-shadow:0 0 15px #ffff6a;transform:translateY(-3px) scale(1.05);transition:all .3s ease}.c-sectionintro__btn--secondary{background:transparent;border:2px solid rgba(157,0,255,.5);color:hsla(0,0%,100%,.9)}.c-sectionintro__btn--secondary:hover{background:rgba(157,0,255,.1);border-color:#ffff6a}.c-sectionintro__btn--outline{background:transparent;border:2px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.8)}.c-sectionintro__btn--outline:hover{background:hsla(0,0%,100%,.1);border-color:#ffff6a;color:#fff}.c-sectionintro__spores{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.c-sectionintro__spores:after,.c-sectionintro__spores:before{animation:sporeFloat 6s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;content:"";height:6px;position:absolute;width:6px}.c-sectionintro__spores:before{animation-delay:0s;left:15%;top:20%}.c-sectionintro__spores:after{animation-delay:2s;right:20%;top:60%}.c-sectionintro__spores:before{animation-delay:4s;left:70%;top:40%}.c-sectionintro__spores:after{animation-delay:1s;left:40%;top:80%}.c-sectionintro__divider{animation:dividerGlow 3s ease-in-out infinite;background:linear-gradient(90deg,#d080ff,#ffff6a,#ff90ba);border-radius:2px;height:3px;margin:1.5rem auto;width:80px}@keyframes dividerGlow{0%,to{box-shadow:0 0 5px rgba(157,0,255,.5);transform:scaleX(1)}50%{box-shadow:0 0 15px rgba(157,0,255,.8),0 0 25px rgba(255,187,0,.5);transform:scaleX(1.1)}}.c-sectionintro__stats{animation:statsFade 1s ease-in-out 2s both;display:flex;gap:2rem;justify-content:center;margin:2rem 0}@keyframes statsFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.c-sectionintro__stat{text-align:center}.c-sectionintro__stat-number{background:linear-gradient(45deg,#ffff6a,#ff90ba);-webkit-background-clip:text;background-size:200% 200%;color:#ffff6a;font-size:2rem;font-weight:700;-webkit-text-fill-color:transparent;animation:statNumberShift 3s ease-in-out infinite;background-clip:text}.c-sectionintro__stat-label{color:hsla(0,0%,100%,.7);font-size:.875rem;letter-spacing:.5px;text-transform:uppercase}.c-sectionintro--sm{padding:2rem 0}.c-sectionintro--sm .c-sectionintro__title{font-size:2rem}.c-sectionintro--sm .c-sectionintro__subtitle{font-size:1.125rem}.c-sectionintro--sm .c-sectionintro__description{font-size:.875rem}.c-sectionintro--lg{padding:4rem 0}.c-sectionintro--lg .c-sectionintro__title{font-size:3rem}.c-sectionintro--lg .c-sectionintro__subtitle{font-size:1.5rem}.c-sectionintro--lg .c-sectionintro__description{font-size:1.125rem}.c-sectionintro--xl{padding:5rem 0}.c-sectionintro--xl .c-sectionintro__title{font-size:3.5rem}.c-sectionintro--xl .c-sectionintro__subtitle{font-size:1.75rem}.c-sectionintro--xl .c-sectionintro__description{font-size:1.25rem}.c-sectionintro--left{text-align:left}.c-sectionintro--left .c-sectionintro__container,.c-sectionintro--left .c-sectionintro__divider{margin-left:0;margin-right:auto}.c-sectionintro--left .c-sectionintro__actions,.c-sectionintro--left .c-sectionintro__stats{justify-content:flex-start}.c-sectionintro--right .c-sectionintro__container,.c-sectionintro--right .c-sectionintro__divider{margin-left:auto;margin-right:0}.c-sectionintro--right .c-sectionintro__stats{justify-content:flex-end}.c-sectionintro--psychedelic:before{animation:psychedelicBackground 5s ease-in-out infinite;background:linear-gradient(135deg,rgba(157,0,255,.1),rgba(255,32,133,.1) 25%,rgba(0,255,136,.1) 50%,rgba(255,187,0,.1) 75%,rgba(157,0,255,.1))}.c-sectionintro--psychedelic .c-sectionintro__title{animation:psychedelicTitle 3s ease-in-out infinite}.c-sectionintro--psychedelic .c-sectionintro__btn{animation:psychedelicButton 4s ease-in-out infinite;background:linear-gradient(135deg,#d080ff,#ff90ba,#ffff6a,#50ffbb);background-size:400% 400%}@keyframes psychedelicButton{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-sectionintro--dark{background:rgba(0,0,0,.8)}.c-sectionintro--dark:before{background:radial-gradient(circle at 30% 40%,rgba(157,0,255,.2) 0,transparent 60%)}.c-sectionintro--light{background:hsla(0,0%,100%,.1)}.c-sectionintro--light .c-sectionintro__title{background:linear-gradient(45deg,#d080ff,#ffff6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.c-sectionintro--light .c-sectionintro__description,.c-sectionintro--light .c-sectionintro__subtitle{color:rgba(0,0,0,.8)}.c-sectionintro--light .c-sectionintro__btn--secondary{border-color:rgba(0,0,0,.3);color:rgba(0,0,0,.8)}.c-sectionintro--light .c-sectionintro__btn--secondary:hover{background:rgba(0,0,0,.1);border-color:#d080ff}@media (max-width:768px){.c-sectionintro{padding:2rem 0}.c-sectionintro .c-sectionintro__title{font-size:2rem}.c-sectionintro .c-sectionintro__subtitle{font-size:1.125rem}.c-sectionintro .c-sectionintro__stats{flex-direction:column;gap:1rem}.c-sectionintro .c-sectionintro__actions{align-items:center;flex-direction:column}}
|
|
328
|
+
|
|
329
|
+
/*!
|
|
330
|
+
* Mashroom Theme Tools Index
|
|
331
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
332
|
+
*/
|
|
333
|
+
/*!
|
|
334
|
+
* Mashroom Theme Select Component
|
|
335
|
+
* Mushroom dropdown styling with psychedelic effects
|
|
336
|
+
*/.c-select{display:inline-block;max-width:300px;width:100%}.c-select__trigger{align-items:center;background:rgba(0,0,0,.8);border:1px solid rgba(157,0,255,.3);border-radius:20px 20px 10px 10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.c-select__trigger:hover{background:rgba(157,0,255,.2);box-shadow:0 0 8px rgba(255,187,0,.3);transition:all .3s ease}.c-select__trigger:focus{box-shadow:0 0 12px rgba(157,0,255,.5);outline:none;transition:all .3s ease}.c-select__trigger:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid hsla(0,0%,100%,.7);content:"";height:0;transition:transform .3s ease;width:0}.c-select__dropdown{backdrop-filter:blur(10px);background:rgba(0,0,0,.9);border:1px solid rgba(157,0,255,.3);border-radius:10px 10px 20px 20px;left:0;margin-top:.5rem;max-height:200px;opacity:0;overflow-y:auto;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1000}.c-select__dropdown::-webkit-scrollbar{width:6px}.c-select__dropdown::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:3px}.c-select__dropdown::-webkit-scrollbar-thumb{background:rgba(157,0,255,.5);border-radius:3px}.c-select__dropdown::-webkit-scrollbar-thumb:hover{background:rgba(255,187,0,.5)}.c-select__option{border-bottom:1px solid rgba(157,0,255,.1);color:hsla(0,0%,100%,.9);cursor:pointer;padding:.75rem 1.5rem;transition:all .2s ease}.c-select__option:last-child{border-bottom:none}.c-select__option:hover{background:rgba(157,0,255,.2);color:#fff;padding-left:2rem}.c-select__option:focus{background:rgba(255,187,0,.2);outline:none}.c-select__option--selected{background:rgba(157,0,255,.3);color:#fff;font-weight:600}.c-select__option--selected:before{color:#ffff6a;content:"✓";margin-right:.5rem}.c-select__option--disabled{color:hsla(0,0%,100%,.3);cursor:not-allowed}.c-select__option--disabled:hover{background:transparent;padding-left:1.5rem}.c-select__group{margin-bottom:.5rem}.c-select__group:last-child{margin-bottom:0}.c-select__group-label{color:hsla(0,0%,100%,.7);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1.5rem;text-transform:uppercase}.c-select__search{background:rgba(157,0,255,.1);border:none;border-bottom:1px solid rgba(157,0,255,.2);color:#fff;font-size:.875rem;padding:.75rem 1.5rem}.c-select__search::-moz-placeholder{color:hsla(0,0%,100%,.5)}.c-select__search::placeholder{color:hsla(0,0%,100%,.5)}.c-select__search:focus{background:rgba(157,0,255,.2);outline:none}.c-select__tags{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem .5rem .25rem}.c-select__tag{align-items:center;animation:tagPulse 2s ease-in-out infinite;background:rgba(157,0,255,.3);border-radius:16px;color:#fff;display:flex;font-size:.875rem;gap:.25rem;padding:.25rem .75rem}@keyframes tagPulse{0%,to{opacity:.8}50%{opacity:1}}.c-select__tag-remove{background:none;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:1rem;line-height:1}.c-select__tag-remove:hover{color:#fff}.c-select--open .c-select__trigger{background:rgba(157,0,255,.3);border-radius:20px 20px 0 0}.c-select--open .c-select__trigger:after{transform:rotate(180deg)}.c-select--open .c-select__dropdown{opacity:1;transform:translateY(0);visibility:visible}.c-select--disabled .c-select__trigger{background:rgba(0,0,0,.3);color:hsla(0,0%,100%,.3);cursor:not-allowed}.c-select--disabled .c-select__trigger:hover{background:rgba(0,0,0,.3);box-shadow:none}.c-select--sm .c-select__trigger{border-radius:15px 15px 8px 8px}.c-select--sm .c-select__option,.c-select--sm .c-select__trigger{font-size:.875rem;padding:.5rem 1rem}.c-select--sm .c-select__search{padding:.5rem 1rem}.c-select--lg .c-select__trigger{border-radius:25px 25px 12px 12px;font-size:1.125rem;padding:1.25rem 2rem}.c-select--lg .c-select__option{font-size:1rem;padding:1rem 2rem}.c-select--lg .c-select__search{padding:1rem 2rem}.c-select--psychedelic .c-select__trigger{animation:psychedelicShift 10s ease infinite;background:linear-gradient(135deg,#d080ff,#ffff6a,#ff90ba,#50ffbb);background-size:400% 400%}.c-select--psychedelic .c-select__dropdown{background:linear-gradient(135deg,rgba(157,0,255,.9),rgba(255,187,0,.9))}.c-select--glow .c-select__trigger{box-shadow:0 0 20px rgba(157,0,255,.4);transition:all .3s ease}.c-select--glow .c-select__trigger:hover{box-shadow:0 0 30px rgba(255,187,0,.6);transition:all .3s ease}.c-select--glow .c-select__dropdown{box-shadow:0 0 15px rgba(157,0,255,.2);transition:all .3s ease}.c-select--dark .c-select__trigger{background:rgba(0,0,0,.9);border-color:rgba(157,0,255,.5)}.c-select--dark .c-select__dropdown{background:rgba(0,0,0,.95);border-color:rgba(157,0,255,.5)}.c-select--light .c-select__trigger{background:hsla(0,0%,100%,.9);border-color:rgba(157,0,255,.2);color:#000}.c-select--light .c-select__trigger:after{border-top-color:#000}.c-select--light .c-select__dropdown{background:hsla(0,0%,100%,.95);border-color:rgba(157,0,255,.2)}.c-select--light .c-select__option{color:#000}.c-select--light .c-select__option:hover{background:rgba(157,0,255,.1)}.c-select--light .c-select__option--selected{background:rgba(157,0,255,.2)}.c-select--light .c-select__search{background:rgba(157,0,255,.05);color:#000}.c-select--light .c-select__search::-moz-placeholder{color:rgba(0,0,0,.5)}.c-select--light .c-select__search::placeholder{color:rgba(0,0,0,.5)}.c-select--light .c-select__search:focus{background:rgba(157,0,255,.1)}.c-select--light .c-select__tag{background:rgba(157,0,255,.2);color:#000}.c-select__spore{animation:sporeFloat 8s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;height:3px;pointer-events:none;position:absolute;width:3px}.c-select__spore:nth-child(odd){animation-delay:-2s}.c-select__spore:nth-child(2n){animation-delay:-4s}@media (max-width:768px){.c-select{max-width:100%}.c-select .c-select__dropdown{left:50%;margin-top:0;max-width:320px;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%) scale(.9);width:90%}.c-select--open .c-select__dropdown{transform:translate(-50%,-50%) scale(1)}}@media (max-width:480px){.c-select .c-select__option,.c-select .c-select__trigger{padding:.75rem 1rem}}
|
|
337
|
+
|
|
338
|
+
/*!
|
|
339
|
+
* Mashroom Theme Tools Index
|
|
340
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
341
|
+
*/
|
|
342
|
+
/*!
|
|
343
|
+
* Mashroom Theme Side Menu Component
|
|
344
|
+
* Psychedelic sidebar navigation with mushroom effects
|
|
345
|
+
*/.c-side-menu{backdrop-filter:blur(10px);background:rgba(0,0,0,.9);border-right:1px solid rgba(157,0,255,.3);height:100vh;left:-300px;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:all .3s ease;width:300px;z-index:1000}.c-side-menu:before{animation:capGlow 4s ease-in-out infinite;background:linear-gradient(135deg,#d080ff,#ffff6a);border-radius:0 0 20px 20px;content:"";height:40px;left:0;position:absolute;right:0;top:0}@keyframes capGlow{0%,to{opacity:.8}50%{opacity:1}}.c-side-menu--open{box-shadow:0 0 20px rgba(157,0,255,.2);left:0;transition:all .3s ease}.c-side-menu__overlay{background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.c-side-menu--open~.c-side-menu__overlay{opacity:1;visibility:visible}.c-side-menu__header{border-bottom:1px solid rgba(157,0,255,.2);margin-bottom:1rem;padding:2rem 1.5rem 1rem}.c-side-menu__brand{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.c-side-menu__logo{align-items:center;animation:logoSpin 8s linear infinite;background:linear-gradient(135deg,#d080ff,#ffff6a);border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;width:40px}@keyframes logoSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.c-side-menu__title{color:#fff;font-size:1.25rem;font-weight:600}.c-side-menu__profile{align-items:center;background:rgba(157,0,255,.1);border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .3s ease}.c-side-menu__profile:hover{background:rgba(157,0,255,.2);transform:translateX(5px)}.c-side-menu__avatar{align-items:center;background:linear-gradient(135deg,#50ffbb,#ffff6a);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:32px;justify-content:center;width:32px}.c-side-menu__user-info{flex:1}.c-side-menu__username{color:#fff;font-size:.875rem;font-weight:600}.c-side-menu__status{color:hsla(0,0%,100%,.7);font-size:.75rem}.c-side-menu__nav{padding:0 .5rem}.c-side-menu__section{margin-bottom:1.5rem}.c-side-menu__section:last-child{margin-bottom:0}.c-side-menu__section-title{color:hsla(0,0%,100%,.7);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:0 1rem .5rem;text-transform:uppercase}.c-side-menu__list{margin:0}.c-side-menu__item{margin-bottom:.25rem}.c-side-menu__item:last-child{margin-bottom:0}.c-side-menu__link{border-radius:8px;color:hsla(0,0%,100%,.9);gap:.75rem;overflow:hidden;padding:.75rem 1rem;transition:all .3s ease}.c-side-menu__link:before{background:linear-gradient(90deg,transparent,rgba(157,0,255,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.c-side-menu__link:hover{background:rgba(157,0,255,.2);color:#fff;transform:translateX(5px)}.c-side-menu__link:hover:before{left:100%}.c-side-menu__link:hover .c-side-menu__icon{color:#ffff6a;transform:scale(1.2)}.c-side-menu__link--active{background:rgba(157,0,255,.3);color:#fff;font-weight:600}.c-side-menu__link--active .c-side-menu__icon{animation:iconPulse 2s ease-in-out infinite;color:#ffff6a}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.c-side-menu__icon{color:hsla(0,0%,100%,.7);height:20px;transition:all .3s ease;width:20px}.c-side-menu__text{flex:1;font-size:.875rem}.c-side-menu__badge{animation:badgeBounce 3s ease-in-out infinite;background:rgba(255,187,0,.8);border-radius:12px;color:#000;font-size:.75rem;font-weight:600;padding:.25rem .5rem}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.c-side-menu__submenu{max-height:0;overflow:hidden;padding-left:2.5rem;transition:max-height .3s ease}.c-side-menu__submenu--open{max-height:200px}.c-side-menu__subitem{margin-bottom:.25rem}.c-side-menu__subitem:last-child{margin-bottom:0}.c-side-menu__sublink{align-items:center;border-radius:6px;color:hsla(0,0%,100%,.7);display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.c-side-menu__sublink:hover{background:rgba(157,0,255,.1);color:hsla(0,0%,100%,.9);transform:translateX(3px)}.c-side-menu__sublink--active{background:rgba(157,0,255,.2);color:#fff}.c-side-menu__toggle{background:none;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;margin-left:auto;transition:transform .3s ease}.c-side-menu__toggle--open{transform:rotate(90deg)}.c-side-menu__footer{border-top:1px solid rgba(157,0,255,.2);margin-top:auto;padding:1rem}.c-side-menu__actions{display:flex;flex-direction:column;gap:.5rem}.c-side-menu__action{align-items:center;border-radius:8px;color:hsla(0,0%,100%,.7);display:flex;font-size:.875rem;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .3s ease}.c-side-menu__action:hover{background:rgba(157,0,255,.2);color:#fff;transform:translateX(3px)}.c-side-menu__close{background:none;border:none;border-radius:50%;color:hsla(0,0%,100%,.7);cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s ease}.c-side-menu__close:hover{background:rgba(157,0,255,.2);color:#fff;transform:rotate(90deg)}.c-side-menu__trigger{background:rgba(0,0,0,.8);border:1px solid rgba(157,0,255,.3);border-radius:8px;cursor:pointer;left:1rem;padding:.75rem;position:fixed;top:1rem;transition:all .3s ease;z-index:1001}.c-side-menu__trigger:hover{background:rgba(157,0,255,.2);box-shadow:0 0 8px rgba(255,187,0,.3);transition:all .3s ease}.c-side-menu__trigger .c-icon{color:#fff;height:24px;width:24px}.c-side-menu--sm{left:-250px;width:250px}.c-side-menu--sm .c-side-menu__link{font-size:.875rem;padding:.5rem .75rem}.c-side-menu--sm .c-side-menu__icon{height:16px;width:16px}.c-side-menu--lg{left:-350px;width:350px}.c-side-menu--lg .c-side-menu__link{font-size:1rem;padding:1rem 1.25rem}.c-side-menu--lg .c-side-menu__icon{height:24px;width:24px}.c-side-menu--right{border-left:1px solid rgba(157,0,255,.3);border-right:none;left:auto;right:-300px}.c-side-menu--right:before{border-radius:0 0 0 20px}.c-side-menu--right--open{right:0}.c-side-menu--right--sm{right:-250px}.c-side-menu--right--sm--open{right:0}.c-side-menu--right--lg{right:-350px}.c-side-menu--right--lg--open{right:0}.c-side-menu--psychedelic{animation:psychedelicShift 15s ease infinite;background:linear-gradient(135deg,#d080ff,#ffff6a,#ff90ba,#50ffbb);background-size:400% 400%}.c-side-menu--psychedelic .c-side-menu__link{background:rgba(0,0,0,.3)}@keyframes psychedelicShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-side-menu--glow--open{box-shadow:0 0 30px rgba(157,0,255,.4);transition:all .3s ease}.c-side-menu--dark{background:rgba(0,0,0,.95);border-color:rgba(157,0,255,.5)}.c-side-menu--light{background:hsla(0,0%,100%,.95);border-color:rgba(157,0,255,.2)}.c-side-menu--light .c-side-menu__action,.c-side-menu--light .c-side-menu__link,.c-side-menu--light .c-side-menu__section-title,.c-side-menu--light .c-side-menu__status,.c-side-menu--light .c-side-menu__sublink,.c-side-menu--light .c-side-menu__text,.c-side-menu--light .c-side-menu__username{color:#000}.c-side-menu--light .c-side-menu__icon{color:rgba(0,0,0,.7)}.c-side-menu--light .c-side-menu__badge{background:rgba(157,0,255,.8);color:#fff}.c-side-menu__spore{animation:sporeFloat 10s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;height:4px;pointer-events:none;position:absolute;width:4px}.c-side-menu__spore:nth-child(odd){animation-delay:-3s}.c-side-menu__spore:nth-child(2n){animation-delay:-6s}@media (max-width:768px){.c-side-menu{left:-280px;width:280px}.c-side-menu--sm{left:-220px;width:220px}.c-side-menu--lg{left:-320px;width:320px}.c-side-menu--right{right:-280px}.c-side-menu--right--sm{right:-220px}.c-side-menu--right--lg{right:-320px}}@media (max-width:480px){.c-side-menu,.c-side-menu--lg,.c-side-menu--sm{left:-100%;width:100%}.c-side-menu--right,.c-side-menu--right--lg,.c-side-menu--right--sm{right:-100%}}
|
|
346
|
+
|
|
347
|
+
/*!
|
|
348
|
+
* Mashroom Theme Tools Index
|
|
349
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
350
|
+
*/
|
|
351
|
+
/*!
|
|
352
|
+
* Mashroom Theme Skeleton Component
|
|
353
|
+
* Glowing loading placeholders with psychedelic shimmer effects
|
|
354
|
+
*/.c-skeleton{animation:skeletonShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,rgba(157,0,255,.1),rgba(255,187,0,.1) 20%,rgba(255,32,133,.1) 40%,rgba(0,255,136,.1) 60%,rgba(157,0,255,.1) 80%,rgba(255,187,0,.1));border-radius:4px;overflow:hidden;position:relative}.c-skeleton:before{animation:shimmerSweep 1.5s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes skeletonShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmerSweep{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.c-skeleton:after{animation:glowPulse 3s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,rgba(157,0,255,.1) 0,transparent 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes glowPulse{0%,to{opacity:.3}50%{opacity:.7}}.c-skeleton--text{height:1rem;max-width:200px;width:100%}.c-skeleton--text-lg{height:1.25rem;max-width:300px;width:100%}.c-skeleton--text-sm{height:.875rem;max-width:150px;width:100%}.c-skeleton--heading{height:1.5rem;max-width:250px;width:100%}.c-skeleton--heading-lg{height:2rem;max-width:400px;width:100%}.c-skeleton--paragraph{height:1rem;width:100%}.c-skeleton--paragraph:nth-child(2){width:85%}.c-skeleton--paragraph:nth-child(3){width:90%}.c-skeleton--avatar{border-radius:50%;height:40px;width:40px}.c-skeleton--avatar-sm{border-radius:50%;height:32px;width:32px}.c-skeleton--avatar-lg{border-radius:50%;height:64px;width:64px}.c-skeleton--image{border-radius:8px;height:200px;width:100%}.c-skeleton--image-sm{border-radius:8px;height:120px;width:100%}.c-skeleton--image-lg{border-radius:8px;height:300px;width:100%}.c-skeleton--button{border-radius:20px;height:40px;width:120px}.c-skeleton--button-sm{border-radius:16px;height:32px;width:80px}.c-skeleton--button-lg{border-radius:24px;height:48px;width:160px}.c-skeleton--card{border-radius:8px;height:120px;width:100%}.c-skeleton--input{border-radius:4px;height:40px;width:100%}.c-skeleton--input-sm{border-radius:4px;height:32px;width:100%}.c-skeleton--input-lg{border-radius:4px;height:48px;width:100%}.c-skeleton--icon{border-radius:4px;height:24px;width:24px}.c-skeleton--icon-sm{border-radius:2px;height:16px;width:16px}.c-skeleton--icon-lg{border-radius:4px;height:32px;width:32px}.c-skeleton__container{display:flex;flex-direction:column;gap:1rem}.c-skeleton__row{align-items:center;display:flex;gap:1rem}.c-skeleton__col{display:flex;flex-direction:column;gap:.5rem}.c-skeleton__loading{background:rgba(0,0,0,.2);border-radius:8px;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1.5rem;position:relative}.c-skeleton__loading:before{animation:borderGlow 4s ease-in-out infinite;background:linear-gradient(45deg,#d080ff,#ffff6a,#ff90ba,#50ffbb,#d080ff) border-box;background-size:400% 400%;border:1px solid transparent;border-radius:8px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;right:0;top:0}.c-skeleton__card{background:rgba(0,0,0,.1);border-radius:8px;display:flex;gap:1rem;padding:1rem}.c-skeleton__card .c-skeleton__avatar{flex-shrink:0}.c-skeleton__card .c-skeleton__content{display:flex;flex:1;flex-direction:column;gap:.5rem}.c-skeleton__list .c-skeleton__item{border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;gap:1rem;padding:1rem 0}.c-skeleton__list .c-skeleton__item:last-child{border-bottom:none}.c-skeleton__table .c-skeleton__row{border-bottom:1px solid hsla(0,0%,100%,.1);display:grid;gap:1rem;grid-template-columns:1fr 2fr 1fr 1fr;padding:1rem 0}.c-skeleton__table .c-skeleton__row:last-child{border-bottom:none}.c-skeleton__grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.c-skeleton--pulse{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px rgba(157,0,255,.2);opacity:.6;transition:all .3s ease}50%{box-shadow:0 0 10px rgba(255,187,0,.4);opacity:1;transition:all .3s ease}}.c-skeleton--wave{overflow:hidden;position:relative}.c-skeleton--wave:after{animation:wave 2s ease-in-out infinite}@keyframes wave{0%{transform:translateX(-100%) skewX(-15deg)}to{transform:translateX(200%) skewX(-15deg)}}.c-skeleton--psychedelic{animation:psychedelicShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,rgba(157,0,255,.1),rgba(255,32,133,.1),rgba(0,255,136,.1),rgba(255,187,0,.1),rgba(157,0,255,.1));background-size:400% 400%}@keyframes psychedelicShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-skeleton--dark{background:rgba(0,0,0,.4)}.c-skeleton--dark:before{background:linear-gradient(90deg,rgba(157,0,255,.2),rgba(255,187,0,.2),rgba(255,32,133,.2))}.c-skeleton--light{background:hsla(0,0%,100%,.1)}.c-skeleton--light:before{background:linear-gradient(90deg,rgba(157,0,255,.1),rgba(255,187,0,.1),rgba(255,32,133,.1))}@media (max-width:768px){.c-skeleton .c-skeleton__table .c-skeleton__row{gap:.5rem;grid-template-columns:1fr}.c-skeleton .c-skeleton__grid{grid-template-columns:1fr}}
|
|
355
|
+
|
|
356
|
+
/*!
|
|
357
|
+
* Mashroom Theme Tools Index
|
|
358
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
359
|
+
*/
|
|
360
|
+
/*!
|
|
361
|
+
* Mashroom Theme Slider Component
|
|
362
|
+
* Mushroom-shaped handles and trippy track effects
|
|
363
|
+
*/.c-slider{margin:2rem 0}.c-slider__track{background:linear-gradient(90deg,rgba(157,0,255,.3),rgba(255,187,0,.3),rgba(255,32,133,.3),rgba(0,255,136,.3));border-radius:4px;box-shadow:0 0 5px rgba(157,0,255,.2);height:8px;overflow:hidden;position:relative;transition:all .3s ease}.c-slider__track:before{animation:trackShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes trackShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.c-slider__fill{animation:fillGradient 4s ease-in-out infinite;background:linear-gradient(90deg,#d080ff,#ffff6a,#ff90ba,#50ffbb);background-size:200% 100%;border-radius:4px;box-shadow:0 0 8px #d080ff;height:100%;left:0;position:absolute;top:0;transition:all .3s ease}@keyframes fillGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-slider__handle{background:linear-gradient(135deg,#d080ff,#ffff6a);border-radius:50% 50% 20% 20%;border-radius:50% 50% 30% 30%;box-shadow:0 0 10px #d080ff;cursor:grab;height:24px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:24px}.c-slider__handle:before{background:linear-gradient(180deg,hsla(0,0%,100%,.3),transparent);border-radius:0 0 50% 50%;content:"";height:12px;left:50%;position:absolute;top:60%;transform:translateX(-50%);width:8px}.c-slider__handle:after{background:hsla(0,0%,100%,.6);border-radius:50%;box-shadow:6px 2px 0 hsla(0,0%,100%,.4),3px 6px 0 hsla(0,0%,100%,.4);content:"";height:3px;left:30%;position:absolute;top:20%;width:3px}.c-slider__handle:hover{box-shadow:0 0 15px #ffff6a;transform:translate(-50%,-50%) scale(1.2);transition:all .3s ease}.c-slider__handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1)}.c-slider__handle:focus{box-shadow:0 0 20px #ffff6a;outline:none;transition:all .3s ease}.c-slider__ticks{display:flex;justify-content:space-between;left:0;margin-top:.5rem;position:absolute;right:0;top:100%}.c-slider__tick{color:hsla(0,0%,100%,.6);font-size:.75rem;position:relative}.c-slider__tick:before{background:hsla(0,0%,100%,.3);content:"";height:4px;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:1px}.c-slider__label{color:hsla(0,0%,100%,.7);font-size:.875rem;margin-bottom:.5rem}.c-slider__label--max,.c-slider__label--min{color:hsla(0,0%,100%,.5);font-size:.75rem;position:absolute;top:100%}.c-slider__label--min{left:0}.c-slider__label--max{right:0}.c-slider__value{background:rgba(0,0,0,.8);border-radius:1rem;box-shadow:0 0 5px rgba(157,0,255,.3);color:#fff;font-size:.875rem;font-weight:600;left:50%;opacity:0;padding:.25rem .75rem;position:absolute;top:-40px;transform:translateX(-50%);transition:all .3s ease;transition:opacity .3s ease}.c-slider__handle:focus+.c-slider__value,.c-slider__handle:hover+.c-slider__value{opacity:1}.c-slider--range .c-slider__handle--min{background:linear-gradient(135deg,#50ffbb,#ffff6a);box-shadow:0 0 8px #50ffbb;transition:all .3s ease}.c-slider--range .c-slider__handle--max{background:linear-gradient(135deg,#ff90ba,#ffff6a);box-shadow:0 0 8px #ff90ba;transition:all .3s ease}.c-slider--vertical{height:200px;width:8px}.c-slider--vertical .c-slider__track{background:linear-gradient(180deg,rgba(157,0,255,.3),rgba(255,187,0,.3),rgba(255,32,133,.3),rgba(0,255,136,.3));height:100%;width:8px}.c-slider--vertical .c-slider__fill{background:linear-gradient(180deg,#d080ff,#ffff6a,#ff90ba,#50ffbb);background-size:100% 200%;bottom:0;height:auto;top:auto;width:100%}.c-slider--vertical .c-slider__handle{left:50%;transform:translate(-50%,50%)}.c-slider--vertical .c-slider__ticks{bottom:0;flex-direction:column;left:auto;right:-40px;top:0;width:30px}.c-slider--vertical .c-slider__label--max,.c-slider--vertical .c-slider__label--min{bottom:auto;left:100%;margin-left:10px;top:auto}.c-slider--vertical .c-slider__label--min{bottom:0}.c-slider--vertical .c-slider__label--max{top:0}.c-slider--sm .c-slider__track{height:4px}.c-slider--sm .c-slider__handle{height:16px;width:16px}.c-slider--sm .c-slider__handle:before{height:8px;width:6px}.c-slider--lg .c-slider__track{height:12px}.c-slider--lg .c-slider__handle{height:32px;width:32px}.c-slider--lg .c-slider__handle:before{height:16px;width:10px}.c-slider--psychedelic .c-slider__track{animation:psychedelicTrack 6s ease-in-out infinite;background:linear-gradient(90deg,rgba(157,0,255,.2),rgba(255,32,133,.2),rgba(0,255,136,.2),rgba(255,187,0,.2),rgba(157,0,255,.2));background-size:400% 100%}.c-slider--psychedelic .c-slider__fill{animation:psychedelicFill 3s ease-in-out infinite}.c-slider--psychedelic .c-slider__handle{animation:psychedelicHandle 2s ease-in-out infinite}@keyframes psychedelicTrack{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes psychedelicFill{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes psychedelicHandle{0%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(180deg) brightness(1.2)}to{filter:hue-rotate(1turn) brightness(1)}}.c-slider--glow .c-slider__track{box-shadow:0 0 10px rgba(157,0,255,.4);transition:all .3s ease}.c-slider--glow .c-slider__fill{box-shadow:0 0 15px #ffff6a;transition:all .3s ease}.c-slider--glow .c-slider__handle{box-shadow:0 0 20px #d080ff;transition:all .3s ease}.c-slider--disabled{opacity:.5;pointer-events:none}.c-slider--disabled .c-slider__handle{cursor:not-allowed}@media (max-width:768px){.c-slider .c-slider__label--max,.c-slider .c-slider__label--min,.c-slider .c-slider__ticks{font-size:.625rem}}
|
|
364
|
+
|
|
365
|
+
/*!
|
|
366
|
+
* Mashroom Theme Tools Index
|
|
367
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
368
|
+
*/@keyframes psychedelic-spinner{0%{filter:hue-rotate(0deg);transform:rotate(0deg) scale(1)}25%{filter:hue-rotate(90deg);transform:rotate(90deg) scale(1.1)}50%{filter:hue-rotate(180deg);transform:rotate(180deg) scale(1)}75%{filter:hue-rotate(270deg);transform:rotate(270deg) scale(.9)}to{filter:hue-rotate(1turn);transform:rotate(1turn) scale(1)}}@keyframes spinner-glow{0%,to{box-shadow:0 0 10px #9d00ff}25%{box-shadow:0 0 20px #008cff,0 0 30px #008cff}50%{box-shadow:0 0 10px #00d984}75%{box-shadow:0 0 20px #ff2085,0 0 30px #ff2085}}@keyframes spinner-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes rainbow-spinner{0%{background-position:0 50%}to{background-position:100% 50%}}.c-spinner{animation:psychedelic-spinner var(--atomix-spinner-animation-speed) ease-in-out infinite,spinner-glow var(--atomix-spinner-animation-speed) ease infinite;animation:float 6s ease-in-out infinite;animation-duration:4s;background:conic-gradient(#9d00ff,#008cff,#00d984,#fb0,#ff2085,#9d00ff);box-shadow:0 0 10px #9d00ff;transition:all .3s ease}.c-spinner:before{background-color:#000;border-radius:50%;bottom:10%;content:"";left:10%;position:absolute;right:10%;top:10%}.c-spinner--primary{animation:psychedelic-spinner var(--atomix-spinner-animation-speed) ease-in-out infinite,spinner-glow var(--atomix-spinner-animation-speed) ease infinite}.c-spinner--dark,.c-spinner--error,.c-spinner--info,.c-spinner--light,.c-spinner--secondary,.c-spinner--success,.c-spinner--warning{animation:spinner var(--atomix-spinner-animation-speed) linear infinite}.c-spinner--growing{animation:spinner var(--atomix-spinner-animation-speed) linear infinite,spinner-grow 1s linear infinite}@keyframes spinner-grow{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.c-spinner--psychedelic{animation:rainbow-shift 8s ease infinite;animation:rainbow-spinner 2s linear infinite,spinner-glow 1s ease infinite,spinner-float 3s ease-in-out infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%;border-radius:50%}.c-spinner--psychedelic:before{background-color:rgba(0,0,0,.7)}.c-spinner--glow{animation:spinner-glow .5s ease infinite,spinner-float 2s ease-in-out infinite;box-shadow:0 0 20px #d080ff;transition:all .3s ease}.c-spinner--glow:before{background-color:rgba(0,0,0,.5)}.c-spinner--floating{animation:float 6s ease-in-out infinite;animation-duration:2s}
|
|
369
|
+
|
|
370
|
+
/*!
|
|
371
|
+
* Mashroom Theme Tools Index
|
|
372
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
373
|
+
*/
|
|
374
|
+
/*!
|
|
375
|
+
* Mashroom Theme Steps Component
|
|
376
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
377
|
+
*/@keyframes steps-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes steps-glow-pulse{0%,to{box-shadow:0 0 5px rgba(157,0,255,.3)}50%{box-shadow:0 0 10px rgba(157,0,255,.6),0 0 20px rgba(255,32,133,.4)}}@keyframes steps-connector-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes steps-title-pulse{0%,to{box-shadow:0 0 3px hsla(0,0%,100%,.3)}50%{box-shadow:0 0 6px hsla(0,0%,100%,.6),0 0 12px rgba(157,0,255,.4)}}.c-steps{animation:rainbow-shift 8s ease infinite;animation:float 6s ease-in-out infinite;animation:color-shift 10s linear infinite;animation:rainbow-shift 4s ease infinite,steps-glow-pulse 2s infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%;border-radius:1rem;overflow:hidden;padding:2rem;position:relative}.c-steps__item{align-items:flex-start;padding-bottom:2rem;position:relative}.c-steps__item:after{animation:steps-connector-pulse 2s infinite;background:hsla(0,0%,100%,.2);bottom:-1rem;content:"";left:1.25rem;position:absolute;top:2.5rem;width:2px;z-index:1}.c-steps__item:last-child:after{display:none}.c-steps__icon{animation:float 6s ease-in-out infinite;animation-duration:3s;animation:steps-glow-pulse 2s infinite;box-shadow:0 0 5px rgba(157,0,255,.3);position:relative;transition:all .3s ease;z-index:2}.c-steps__number{animation:float 6s ease-in-out infinite;animation-duration:4s;color:#fff;font-size:1.1rem;font-weight:700}.c-steps__content{flex:1}.c-steps__title{animation:steps-title-pulse 2s infinite;box-shadow:0 0 3px hsla(0,0%,100%,.3);color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:.5rem;transition:all .3s ease}.c-steps__description{animation:float 6s ease-in-out infinite;animation-duration:5s;color:hsla(0,0%,100%,.8);line-height:1.5}.c-steps__item--completed .c-steps__icon{animation:rainbow-shift 3s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:300% 300%;box-shadow:0 0 10px #ffff6a;transition:all .3s ease}.c-steps__item--completed .c-steps__number{color:#ffff6a}.c-steps__item--completed .c-steps__title{animation:steps-title-pulse 1s infinite;box-shadow:0 0 5px #ffff6a;color:#ffff6a;transition:all .3s ease}.c-steps__item--completed:after{animation:steps-connector-pulse 1s infinite;background:linear-gradient(180deg,#ffff6a,rgba(255,255,106,.3))}.c-steps__item--active .c-steps__icon{animation:pulse-glow 2s infinite;animation:float 6s ease-in-out infinite;animation-duration:2s;background:hsla(0,0%,100%,.2)}.c-steps__item--active .c-steps__number{color:#ff90ba}.c-steps__item--active .c-steps__title{animation:steps-title-pulse 1s infinite;box-shadow:0 0 5px #ff90ba;color:#ff90ba;transition:all .3s ease}.c-steps__item--disabled{opacity:.5}.c-steps__item--disabled .c-steps__icon{animation:none}.c-steps--horizontal{align-items:flex-start;display:flex}.c-steps--horizontal .c-steps__item{flex:1;padding-bottom:0;padding-right:1rem;text-align:center}.c-steps--horizontal .c-steps__item:after{bottom:auto;height:2px;left:calc(50% + 2rem);right:calc(-50% + 2rem);top:1.25rem;width:auto}.c-steps--horizontal .c-steps__item:last-child:after{display:none}.c-steps--horizontal .c-steps__icon{margin-bottom:1rem;margin-right:0}.c-steps--horizontal .c-steps__content{margin-right:1rem}.c-steps--psychedelic{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 2s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:400% 400%;border:1px solid transparent}.c-steps--psychedelic .c-steps__item:after{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:100% 100%}.c-steps--psychedelic .c-steps__icon{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:200% 200%;border-radius:50%}.c-steps--psychedelic .c-steps__number,.c-steps--psychedelic .c-steps__title{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-clip:text;-webkit-background-clip:text;background-size:600% 600%;background-size:200% 100%;color:transparent}.c-steps--glow{animation:steps-glow-pulse 1s infinite;box-shadow:0 0 20px #d080ff;transition:all .3s ease}.c-steps--glow .c-steps__icon{box-shadow:0 0 10px rgba(157,0,255,.5);transition:all .3s ease}.c-steps--glow .c-steps__icon--completed{box-shadow:0 0 15px #ffff6a;transition:all .3s ease}.c-steps--glow .c-steps__icon--active{box-shadow:0 0 15px #ff90ba;transition:all .3s ease}.c-steps--glow .c-steps__title{box-shadow:0 0 5px hsla(0,0%,100%,.2);transition:all .3s ease}.c-steps--floating{animation:float 6s ease-in-out infinite;animation-duration:5s}.c-steps--floating .c-steps__item{animation:float 6s ease-in-out infinite;animation-duration:3s}.c-steps--floating .c-steps__icon{animation:float 6s ease-in-out infinite;animation-duration:2s}.c-steps--floating .c-steps__content{animation:float 6s ease-in-out infinite;animation-duration:4s}
|
|
378
|
+
|
|
379
|
+
/*!
|
|
380
|
+
* Mashroom Theme Tools Index
|
|
381
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
382
|
+
*/
|
|
383
|
+
/*!
|
|
384
|
+
* Mashroom Theme Tabs Component
|
|
385
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
386
|
+
*/@keyframes tabs-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes tabs-glow-pulse{0%,to{box-shadow:0 4px 20px rgba(157,0,255,.3)}50%{box-shadow:0 4px 20px rgba(157,0,255,.5),0 0 30px rgba(255,32,133,.4),0 0 50px rgba(255,187,0,.3)}}@keyframes tabs-button-pulse{0%,to{box-shadow:0 0 5px hsla(0,0%,100%,.1)}50%{box-shadow:0 0 10px hsla(0,0%,100%,.2),0 0 20px rgba(157,0,255,.3)}}@keyframes tabs-active-pulse{0%,to{box-shadow:0 0 15px #ffff6a}50%{box-shadow:0 0 20px #ffff6a,0 0 30px rgba(255,187,0,.8)}}@keyframes tabs-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.c-tabs{animation:rainbow-shift 8s ease infinite;animation:float 6s ease-in-out infinite;animation:color-shift 10s linear infinite;animation:rainbow-shift 4s ease infinite,tabs-glow-pulse 2s infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%;border-radius:.5rem;box-shadow:0 4px 20px rgba(157,0,255,.3);overflow:hidden}.c-tabs__nav{animation:float 6s ease-in-out infinite;animation-duration:3s;backdrop-filter:blur(5px);background:rgba(157,0,255,.2);border-bottom:2px solid hsla(0,0%,100%,.2)}.c-tabs__btn{animation:tabs-button-pulse 2s infinite;background:transparent;border:none;box-shadow:0 0 5px hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8);cursor:pointer;font-weight:600;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.c-tabs__btn:hover{animation:tabs-button-pulse .5s infinite;box-shadow:0 0 10px #ff90ba;color:#fff;transform:translateY(-2px) rotate(1deg);transition:all .3s ease}.c-tabs__btn--active{animation:tabs-active-pulse 2s infinite;background:rgba(255,187,0,.15);box-shadow:0 0 15px #ffff6a;color:#ffff6a;transition:all .3s ease}.c-tabs__btn--active:after{animation:tabs-active-pulse 2s infinite;background:#ffff6a;background:linear-gradient(90deg,#9d00ff,#ff2085);border-radius:3px;bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.c-tabs__btn:disabled{animation:none;box-shadow:0 0 2px hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.4);cursor:not-allowed;transition:all .3s ease}.c-tabs__content{animation:pulse-glow 2s infinite;animation:float 6s ease-in-out infinite;animation-duration:5s;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);min-height:200px;padding:1.5rem}.c-tabs__panel--active{animation:tabs-fade-in .5s ease;display:block}.c-tabs--psychedelic{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 2s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:400% 400%;border:1px solid transparent}.c-tabs--psychedelic .c-tabs__btn{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-clip:text;-webkit-background-clip:text;background-size:600% 600%;background-size:200% 100%;color:transparent}.c-tabs--psychedelic .c-tabs__btn:hover{animation:rainbow-shift 1s linear infinite;box-shadow:0 0 15px #fff;transition:all .3s ease}.c-tabs--psychedelic .c-tabs__btn--active{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 2s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-clip:text;-webkit-background-clip:text;background-size:600% 600%;background-size:200% 100%;color:transparent}.c-tabs--psychedelic .c-tabs__btn--active:after{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 2s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:200% 100%}.c-tabs--psychedelic .c-tabs__content{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 4s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-clip:padding-box;background-size:600% 600%;background-size:300% 300%;opacity:.9}.c-tabs--glow{animation:tabs-glow-pulse 1s infinite;box-shadow:0 0 25px #d080ff;transition:all .3s ease}.c-tabs--glow .c-tabs__btn{box-shadow:0 0 10px hsla(0,0%,100%,.1);transition:all .3s ease}.c-tabs--glow .c-tabs__btn:hover{box-shadow:0 0 15px #ff90ba;transition:all .3s ease}.c-tabs--glow .c-tabs__btn--active{animation:tabs-active-pulse 1s infinite;box-shadow:0 0 20px #ffff6a;transition:all .3s ease}.c-tabs--floating{animation:float 6s ease-in-out infinite;animation-duration:4s}.c-tabs--floating .c-tabs__nav{animation:float 6s ease-in-out infinite;animation-duration:2s}.c-tabs--floating .c-tabs__content{animation:float 6s ease-in-out infinite;animation-duration:6s}
|
|
387
|
+
|
|
388
|
+
/*!
|
|
389
|
+
* Mashroom Theme Tools Index
|
|
390
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
391
|
+
*/
|
|
392
|
+
/*!
|
|
393
|
+
* Mashroom Theme Testimonials Component
|
|
394
|
+
* Floating review cards with psychedelic backgrounds and mushroom-inspired effects
|
|
395
|
+
*/.c-testimonials{padding:3rem 0;position:relative}.c-testimonials:before{animation:backgroundFloat 8s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,rgba(157,0,255,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,187,0,.1) 0,transparent 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes backgroundFloat{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.c-testimonials__container{margin:0 auto;max-width:1200px;padding:0 1rem;position:relative;z-index:1}.c-testimonials__header{margin-bottom:3rem;text-align:center}.c-testimonials__title{background:linear-gradient(45deg,#d080ff,#ffff6a,#ff90ba,#50ffbb);-webkit-background-clip:text;background-size:400% 400%;font-size:2.5rem;font-weight:700;margin-bottom:1rem;-webkit-text-fill-color:transparent;animation:titleRainbow 4s ease-in-out infinite;background-clip:text}@keyframes titleRainbow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-testimonials__subtitle{color:hsla(0,0%,100%,.8);font-size:1.25rem;line-height:1.6}.c-testimonials__grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:2rem}.c-testimonials__card{animation:cardFloat 6s ease-in-out infinite;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;border-radius:16px 16px 8px 8px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.c-testimonials__card:before{animation:borderGlow 4s ease-in-out infinite;background:linear-gradient(45deg,#d080ff,#ffff6a,#ff90ba,#50ffbb,#d080ff) border-box;background-size:400% 400%;border:1px solid transparent;border-radius:16px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;right:0;top:0}@keyframes borderGlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-testimonials__card:hover{box-shadow:0 0 15px rgba(157,0,255,.3);transform:translateY(-8px) scale(1.02);transition:all .3s ease}.c-testimonials__card:after{color:rgba(157,0,255,.3);content:'"';font-family:serif;font-size:3rem;line-height:1;position:absolute;right:1.5rem;top:1rem}.c-testimonials__content{position:relative;z-index:1}.c-testimonials__quote{color:hsla(0,0%,100%,.9);font-size:1.125rem;font-style:italic;line-height:1.7;margin-bottom:1.5rem}.c-testimonials__author{align-items:center;display:flex;gap:1rem}.c-testimonials__avatar{align-items:center;background:linear-gradient(135deg,#d080ff,#ffff6a);border-radius:50%;box-shadow:0 0 8px rgba(157,0,255,.3);color:#fff;display:flex;font-size:1.25rem;font-weight:600;height:50px;justify-content:center;transition:all .3s ease;width:50px}.c-testimonials__info{flex:1}.c-testimonials__name{color:#fff;font-weight:600;margin-bottom:.25rem}.c-testimonials__role{color:hsla(0,0%,100%,.7);font-size:.875rem}.c-testimonials__rating{display:flex;gap:.25rem;margin-bottom:1rem}.c-testimonials__star{animation:starPulse 2s ease-in-out infinite;color:#ffff6a;height:16px;width:16px}.c-testimonials__star:first-child{animation-delay:0s}.c-testimonials__star:nth-child(2){animation-delay:.1s}.c-testimonials__star:nth-child(3){animation-delay:.2s}.c-testimonials__star:nth-child(4){animation-delay:.3s}.c-testimonials__star:nth-child(5){animation-delay:.4s}@keyframes starPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.c-testimonials__spores{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.c-testimonials__spores:after,.c-testimonials__spores:before{animation:sporeFloat 8s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;content:"";height:4px;position:absolute;width:4px}.c-testimonials__spores:before{animation-delay:0s;left:10%;top:20%}.c-testimonials__spores:after{animation-delay:2s;right:15%;top:60%}.c-testimonials__carousel{margin-bottom:2rem;overflow:hidden;position:relative}.c-testimonials__carousel-track{display:flex;transition:transform .5s ease}.c-testimonials__carousel-item{flex-shrink:0;min-width:100%;padding:0 1rem}.c-testimonials__carousel-nav{display:flex;gap:.5rem;justify-content:center;margin-top:2rem}.c-testimonials__carousel-dot{background:hsla(0,0%,100%,.3);border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.c-testimonials__carousel-dot:hover{background:rgba(157,0,255,.5);transform:scale(1.2)}.c-testimonials__carousel-dot--active{background:#d080ff;box-shadow:0 0 8px #d080ff;transition:all .3s ease}.c-testimonials__masonry{display:grid;gap:1.5rem;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.c-testimonials__masonry .c-testimonials__card:nth-child(3n+1){grid-row:span 1}.c-testimonials__masonry .c-testimonials__card:nth-child(3n+2){grid-row:span 1.2}.c-testimonials__masonry .c-testimonials__card:nth-child(3n){grid-row:span .8}.c-testimonials__stats{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:3rem 0}.c-testimonials__stat{backdrop-filter:blur(5px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1.5rem;text-align:center;transition:all .3s ease}.c-testimonials__stat:hover{box-shadow:0 0 10px rgba(157,0,255,.2);transform:translateY(-5px);transition:all .3s ease}.c-testimonials__stat-number{background:linear-gradient(45deg,#ffff6a,#ff90ba);-webkit-background-clip:text;background-size:200% 200%;color:#ffff6a;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;-webkit-text-fill-color:transparent;animation:statNumberShift 3s ease-in-out infinite;background-clip:text}@keyframes statNumberShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-testimonials__stat-label{color:hsla(0,0%,100%,.8);font-size:1rem;letter-spacing:.5px;text-transform:uppercase}.c-testimonials--sm .c-testimonials__grid{gap:1rem;grid-template-columns:1fr}.c-testimonials--sm .c-testimonials__title{font-size:2rem}.c-testimonials--sm .c-testimonials__card{padding:1.5rem}.c-testimonials--lg .c-testimonials__grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.c-testimonials--lg .c-testimonials__title{font-size:3rem}.c-testimonials--lg .c-testimonials__card{padding:2.5rem}.c-testimonials--psychedelic:before{animation:psychedelicBackground 5s ease-in-out infinite;background:linear-gradient(135deg,rgba(157,0,255,.1),rgba(255,32,133,.1) 25%,rgba(0,255,136,.1) 50%,rgba(255,187,0,.1) 75%,rgba(157,0,255,.1))}.c-testimonials--psychedelic .c-testimonials__title{animation:psychedelicTitle 3s ease-in-out infinite}.c-testimonials--psychedelic .c-testimonials__card:before{animation:psychedelicBorder 2s ease-in-out infinite}@keyframes psychedelicTitle{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.c-testimonials--dark{background:rgba(0,0,0,.8)}.c-testimonials--dark .c-testimonials__card{background:hsla(0,0%,100%,.05)}.c-testimonials--light{background:hsla(0,0%,100%,.1)}.c-testimonials--light .c-testimonials__title{background:linear-gradient(45deg,#d080ff,#ffff6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.c-testimonials--light .c-testimonials__name,.c-testimonials--light .c-testimonials__quote{color:rgba(0,0,0,.8)}.c-testimonials--light .c-testimonials__role{color:rgba(0,0,0,.6)}@media (max-width:768px){.c-testimonials .c-testimonials__grid{gap:1.5rem;grid-template-columns:1fr}.c-testimonials .c-testimonials__title{font-size:2rem}.c-testimonials .c-testimonials__stats{grid-template-columns:repeat(2,1fr)}}
|
|
396
|
+
|
|
397
|
+
/*!
|
|
398
|
+
* Mashroom Theme Tools Index
|
|
399
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
400
|
+
*/
|
|
401
|
+
/*!
|
|
402
|
+
* Mashroom Theme Toggle Component
|
|
403
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
404
|
+
*/@keyframes toggle-pulse{0%,to{box-shadow:0 0 5px rgba(157,0,255,.5)}50%{box-shadow:0 0 15px rgba(157,0,255,.8),0 0 25px rgba(255,32,133,.6),0 0 35px rgba(255,187,0,.4)}}@keyframes toggle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes psychedelic-border-shift{0%{border-color:rgba(157,0,255,.5)}25%{border-color:rgba(255,32,133,.6)}50%{border-color:rgba(255,187,0,.7)}75%{border-color:rgba(0,255,157,.6)}to{border-color:rgba(157,0,255,.5)}}.c-toggle{animation:float 6s ease-in-out infinite;animation-duration:4s;display:inline-block;height:34px;position:relative;width:60px}.c-toggle__input{height:0;opacity:0;width:0}.c-toggle__slider{animation:color-shift 10s linear infinite;animation:toggle-pulse 2s infinite;background-color:hsla(0,0%,50%,.2);border-radius:34px;bottom:0;box-shadow:0 0 5px rgba(157,0,255,.3);cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s;transition:all .3s ease}.c-toggle__slider:before{animation:float 6s ease-in-out infinite;animation-duration:3s;background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 0 3px hsla(0,0%,100%,.5);content:"";height:26px;left:4px;position:absolute;transition:.4s;transition:all .3s ease;width:26px}.c-toggle__input:checked+.c-toggle__slider{animation:rainbow-shift 4s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:400% 400%}.c-toggle__input:checked+.c-toggle__slider:before{animation:pulse-glow 2s infinite;background-color:#ffff6a;box-shadow:0 0 8px #ffff6a;transform:translateX(26px);transition:all .3s ease}.c-toggle:hover .c-toggle__input:not(:disabled)+.c-toggle__slider{animation:toggle-pulse .5s infinite;box-shadow:0 0 10px #ff90ba;transform:scale(1.05) rotate(2deg);transition:all .3s ease}.c-toggle:hover .c-toggle__input:not(:disabled)+.c-toggle__slider:before{box-shadow:0 0 12px #ff90ba;transition:all .3s ease}.c-toggle__input:focus+.c-toggle__slider{animation:toggle-pulse .3s infinite;box-shadow:0 0 15px #d080ff;transition:all .3s ease}.c-toggle__input:disabled+.c-toggle__slider{animation:none;cursor:not-allowed;opacity:.5}.c-toggle__input:disabled+.c-toggle__slider:before{animation:none}.c-toggle--lg{height:40px;width:70px}.c-toggle--lg .c-toggle__slider:before{height:32px;width:32px}.c-toggle--lg .c-toggle__input:checked+.c-toggle__slider:before{transform:translateX(30px)}.c-toggle--sm{height:28px;width:50px}.c-toggle--sm .c-toggle__slider:before{height:22px;width:22px}.c-toggle--sm .c-toggle__input:checked+.c-toggle__slider:before{transform:translateX(22px)}.c-toggle--psychedelic .c-toggle__slider{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 3s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:300% 300%;border:1px solid transparent}.c-toggle--psychedelic .c-toggle__slider:before{background:linear-gradient(135deg,#fff,#ffff6a)}.c-toggle--psychedelic .c-toggle__input:checked+.c-toggle__slider{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 2s ease infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:400% 400%}.c-toggle--psychedelic .c-toggle__input:checked+.c-toggle__slider:before{animation:rainbow-shift 8s ease infinite;animation:rainbow-shift 2s linear infinite;background:linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff);background-size:600% 600%;background-size:200% 200%;border-radius:50%}@keyframes rainbow-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-toggle--glow .c-toggle__slider{animation:toggle-pulse 1s infinite;box-shadow:0 0 15px rgba(157,0,255,.5);transition:all .3s ease}.c-toggle--glow .c-toggle__input:checked+.c-toggle__slider{animation:toggle-pulse .5s infinite;box-shadow:0 0 20px #ffff6a;transition:all .3s ease}
|
|
405
|
+
|
|
406
|
+
/*!
|
|
407
|
+
* Mashroom Theme Tools Index
|
|
408
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
409
|
+
*/
|
|
410
|
+
/*!
|
|
411
|
+
* Mashroom Theme Tooltip Component
|
|
412
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
413
|
+
*/.c-tooltip{--atomix-tooltip-max-width:200px;--atomix-tooltip-bg:rgba(25,15,40,.95);--atomix-tooltip-font-size:0.875rem;--atomix-tooltip-font-weight:500;--atomix-tooltip-color:#fff;--atomix-tooltip-border-radius:0.5rem;--atomix-tooltip-border-width:1px;--atomix-tooltip-border-color:transparent;--atomix-tooltip-box-shadow:0 4px 20px rgba(0,0,0,.3);color:var(--atomix-tooltip-color);display:block;font-size:var(--atomix-tooltip-font-size);font-weight:var(--atomix-tooltip-font-weight);padding:var(--atomix-tooltip-padding-y) var(--atomix-tooltip-padding-x);text-align:center;text-decoration:none;z-index:1070;word-wrap:break-word;animation:float 6s ease-in-out infinite;animation:color-shift 10s linear infinite;animation:pulse-glow 2s infinite;background:var(--atomix-tooltip-bg);background:linear-gradient(25deg,rgba(25,15,40,.95),rgba(25,15,40,.95)) padding-box,linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff) border-box;border:var(--atomix-tooltip-border-width) solid var(--atomix-tooltip-border-color);border-radius:var(--atomix-tooltip-border-radius);box-shadow:var(--atomix-tooltip-box-shadow);opacity:0}@keyframes float{0%{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(2deg)}66%{transform:translateY(10px) rotate(-1deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes color-shift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes pulse-glow{0%{box-shadow:0 0 5px rgba(157,0,255,.3)}50%{box-shadow:0 0 20px rgba(157,0,255,.3),0 0 30px rgba(157,0,255,.3),0 0 40px rgba(157,0,255,.7)}to{box-shadow:0 0 5px rgba(157,0,255,.3)}}.c-tooltip--show{animation:fadeInScale .3s ease forwards;opacity:1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.c-tooltip--hide{animation:fadeOutScale .3s ease forwards;opacity:0}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1) rotate(0deg)}to{opacity:0;transform:scale(.8) rotate(5deg)}}.c-tooltip__arrow{background:inherit;background:linear-gradient(25deg,rgba(25,15,40,.95),rgba(25,15,40,.95)) padding-box,linear-gradient(90deg,#9d00ff,#d080ff,#00ff9d,#fb0,#ff2085,#9d00ff) border-box;border:var(--atomix-tooltip-border-width) solid var(--atomix-tooltip-border-color)}.c-tooltip__arrow:before{border:calc(var(--atomix-tooltip-arrow-size)/2) solid transparent;content:"";height:0;position:absolute;width:0}.c-tooltip[data-popper-placement^=top] .c-tooltip__arrow{bottom:calc(var(--atomix-tooltip-arrow-size)*-1/2)}.c-tooltip[data-popper-placement^=top] .c-tooltip__arrow:before{border-bottom:0;border-top-color:var(--atomix-tooltip-bg)}.c-tooltip[data-popper-placement^=right] .c-tooltip__arrow{left:calc(var(--atomix-tooltip-arrow-size)*-1/2)}.c-tooltip[data-popper-placement^=right] .c-tooltip__arrow:before{border-left:0;border-right-color:var(--atomix-tooltip-bg)}.c-tooltip[data-popper-placement^=bottom] .c-tooltip__arrow{top:calc(var(--atomix-tooltip-arrow-size)*-1/2)}.c-tooltip[data-popper-placement^=bottom] .c-tooltip__arrow:before{border-bottom-color:var(--atomix-tooltip-bg);border-top:0}.c-tooltip[data-popper-placement^=left] .c-tooltip__arrow{right:calc(var(--atomix-tooltip-arrow-size)*-1/2)}.c-tooltip[data-popper-placement^=left] .c-tooltip__arrow:before{border-left-color:var(--atomix-tooltip-bg);border-right:0}.c-tooltip__inner{padding:var(--atomix-tooltip-padding-y) var(--atomix-tooltip-padding-x)}.c-tooltip__title{box-shadow:0 0 5px #ffff6a;color:#ffff6a;font-weight:600;margin-bottom:.25rem;transition:all .3s ease}
|
|
414
|
+
|
|
415
|
+
/*!
|
|
416
|
+
* Mashroom Theme Tools Index
|
|
417
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
418
|
+
*/
|
|
419
|
+
/*!
|
|
420
|
+
* Mashroom Theme Upload Component
|
|
421
|
+
* Mushroom-themed file drop zones with psychedelic drag effects
|
|
422
|
+
*/.c-upload{margin:2rem 0;position:relative}.c-upload__dropzone{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:2px dashed rgba(157,0,255,.5);border-radius:16px;border-radius:16px 16px 8px 8px;cursor:pointer;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center;transition:all .3s ease}.c-upload__dropzone:hover{background:hsla(0,0%,100%,.1);border-color:#ffff6a;box-shadow:0 0 15px rgba(157,0,255,.3);transform:translateY(-2px);transition:all .3s ease}.c-upload__dropzone--dragover{background:rgba(0,255,136,.1);border-color:#50ffbb;box-shadow:0 0 20px #50ffbb;transform:scale(1.02);transition:all .3s ease}.c-upload__dropzone--dragover .c-upload__icon{color:#50ffbb;transform:scale(1.2)}.c-upload__dropzone--disabled{cursor:not-allowed;opacity:.5}.c-upload__dropzone--disabled:hover{box-shadow:0 0 0 none;transform:none;transition:all .3s ease}.c-upload__icon{animation:iconFloat 3s ease-in-out infinite;color:rgba(157,0,255,.7);height:64px;margin:0 auto 1rem;transition:all .3s ease;width:64px}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.c-upload__text{margin-bottom:1rem}.c-upload__title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.c-upload__description{color:hsla(0,0%,100%,.7);font-size:.875rem;line-height:1.5}.c-upload__input{cursor:pointer;height:100%;opacity:0;width:100%}.c-upload__input:disabled{cursor:not-allowed}.c-upload__files{margin-top:1.5rem}.c-upload__file{align-items:center;background:hsla(0,0%,100%,.05);border-radius:8px;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .3s ease}.c-upload__file:hover{background:hsla(0,0%,100%,.1)}.c-upload__file--uploading .c-upload__progress{opacity:1}.c-upload__file--success{border-left:3px solid #50ffbb;box-shadow:0 0 5px #50ffbb;transition:all .3s ease}.c-upload__file--error{border-left:3px solid #ff90ba;box-shadow:0 0 5px #ff90ba;transition:all .3s ease}.c-upload__file-info{flex:1;min-width:0}.c-upload__file-name{color:#fff;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-upload__file-size{color:hsla(0,0%,100%,.6);font-size:.75rem}.c-upload__file-preview{align-items:center;background:linear-gradient(135deg,#d080ff,#ffff6a);border-radius:4px;box-shadow:0 0 8px rgba(157,0,255,.3);color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.c-upload__progress{background:hsla(0,0%,100%,.1);border-radius:2px;height:4px;margin-top:.5rem;opacity:0;overflow:hidden;transition:opacity .3s ease;width:100%}.c-upload__progress-bar{animation:progressShimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#d080ff,#ffff6a,#50ffbb);background-size:200% 100%;border-radius:2px;height:100%;transition:width .3s ease}.c-upload__actions{display:flex;flex-shrink:0;gap:.5rem}.c-upload__action{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.c-upload__action:hover{background:hsla(0,0%,100%,.2);color:#fff;transform:scale(1.1)}.c-upload__action--remove:hover{background:rgba(255,32,133,.2);color:#ff90ba}.c-upload__action--retry:hover{background:rgba(0,255,136,.2);color:#50ffbb}.c-upload__button{background:linear-gradient(45deg,#d080ff,#ffff6a);border:none;border-radius:2rem;box-shadow:0 0 10px rgba(157,0,255,.4);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem 2rem;transition:all .3s ease}.c-upload__button:hover{box-shadow:0 0 15px #ffff6a;transform:translateY(-2px);transition:all .3s ease}.c-upload__button:disabled{box-shadow:0 0 0 none;cursor:not-allowed;opacity:.5;transform:none;transition:all .3s ease}.c-upload__hint{color:hsla(0,0%,100%,.6)}.c-upload__error,.c-upload__hint{font-size:.875rem;margin-top:.5rem;text-align:center}.c-upload__error{color:#ff90ba}.c-upload__success{animation:successPulse 2s ease-in-out infinite;color:#50ffbb;font-size:.875rem;margin-top:.5rem;text-align:center}@keyframes successPulse{0%,to{opacity:.7}50%{opacity:1}}.c-upload__spores{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.c-upload__spores:after,.c-upload__spores:before{animation:sporeFloat 6s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;content:"";height:6px;position:absolute;width:6px}.c-upload__spores:before{animation-delay:0s;left:20%;top:30%}.c-upload__spores:after{animation-delay:2s;right:30%;top:60%}.c-upload--multiple .c-upload__dropzone:before{color:hsla(0,0%,100%,.9);content:"Drop files here or click to select";display:block;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.c-upload--single .c-upload__files .c-upload__file:not(:last-child){display:none}.c-upload--image .c-upload__file-preview{background:none;border-radius:8px;height:80px;-o-object-fit:cover;object-fit:cover;width:80px}.c-upload--image .c-upload__file-preview img{border-radius:8px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.c-upload--compact .c-upload__dropzone{padding:1.5rem}.c-upload--compact .c-upload__icon{height:48px;width:48px}.c-upload--compact .c-upload__file{padding:.75rem}.c-upload--compact .c-upload__file-preview{font-size:1rem;height:32px;width:32px}.c-upload--psychedelic .c-upload__dropzone{animation:psychedelicBackground 4s ease-in-out infinite;background:linear-gradient(135deg,rgba(157,0,255,.1),rgba(255,32,133,.1),rgba(0,255,136,.1),rgba(255,187,0,.1));background-size:400% 400%;border-color:transparent}.c-upload--psychedelic .c-upload__dropzone:before{animation:psychedelicBorder 3s ease-in-out infinite;background:linear-gradient(45deg,#d080ff,#ffff6a,#ff90ba,#50ffbb,#d080ff) border-box;background-size:400% 400%;border:1px solid transparent;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@keyframes psychedelicBackground{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes psychedelicBorder{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-upload--glow .c-upload__dropzone{box-shadow:0 0 20px rgba(157,0,255,.3);transition:all .3s ease}.c-upload--glow .c-upload__dropzone:hover{box-shadow:0 0 25px #ffff6a;transition:all .3s ease}.c-upload--dark .c-upload__dropzone{background:rgba(0,0,0,.4)}.c-upload--light .c-upload__dropzone{background:hsla(0,0%,100%,.1)}.c-upload--light .c-upload__dropzone .c-upload__description,.c-upload--light .c-upload__dropzone .c-upload__title{color:rgba(0,0,0,.8)}@media (max-width:768px){.c-upload .c-upload__dropzone{padding:2rem 1rem}.c-upload .c-upload__icon{height:48px;width:48px}.c-upload .c-upload__files .c-upload__file{align-items:flex-start;flex-direction:column;gap:.5rem}}
|
|
423
|
+
|
|
424
|
+
/*!
|
|
425
|
+
* Mashroom Theme Tools Index
|
|
426
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
427
|
+
*/
|
|
428
|
+
/*!
|
|
429
|
+
* Mashroom Theme Video Player Component
|
|
430
|
+
* Trippy controls and mushroom overlay effects with psychedelic animations
|
|
431
|
+
*/.c-video-player{background:rgba(0,0,0,.9);border-radius:16px;border-radius:16px 16px 8px 8px;box-shadow:0 0 10px rgba(157,0,255,.2);margin:2rem auto;max-width:800px;transition:all .3s ease}.c-video-player__video{border-radius:16px;height:auto}.c-video-player__controls{align-items:center;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 50%,transparent);display:flex;gap:1rem;padding:1rem;transition:opacity .3s ease}.c-video-player:hover .c-video-player__controls{opacity:1}.c-video-player__play{background:linear-gradient(135deg,#d080ff,#ffff6a);border:none;border-radius:50%;box-shadow:0 0 8px rgba(157,0,255,.4);color:#fff;cursor:pointer;height:48px;transition:all .3s ease;width:48px}.c-video-player__play:hover{box-shadow:0 0 12px #ffff6a;transform:scale(1.1);transition:all .3s ease}.c-video-player__play:active{transform:scale(.95)}.c-video-player__progress{background:hsla(0,0%,100%,.2);border-radius:3px;cursor:pointer;flex:1;height:6px;overflow:hidden;position:relative}.c-video-player__progress-bar{animation:progressShimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#d080ff,#ffff6a,#ff90ba,#50ffbb);background-size:200% 100%;border-radius:3px;box-shadow:0 0 5px #d080ff;height:100%;transition:width .1s ease;transition:all .3s ease}@keyframes progressShimmer{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.c-video-player__progress-buffer{background:hsla(0,0%,100%,.1);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width .1s ease}.c-video-player__time{color:#fff;font-family:monospace;font-size:.875rem;min-width:80px;text-align:center}.c-video-player__volume{align-items:center;display:flex;gap:.5rem}.c-video-player__volume-button{background:transparent;border:none;color:hsla(0,0%,100%,.8);cursor:pointer;height:32px;transition:all .3s ease;width:32px}.c-video-player__volume-button:hover{color:#ffff6a;transform:scale(1.1)}.c-video-player__volume-slider{background:hsla(0,0%,100%,.2);border-radius:2px;cursor:pointer;height:4px;position:relative;width:80px}.c-video-player__volume-slider:before{background:linear-gradient(90deg,#d080ff,#ffff6a);border-radius:2px;box-shadow:0 0 3px #d080ff;content:"";height:100%;left:0;position:absolute;top:0;transition:width .1s ease;transition:all .3s ease}.c-video-player__settings{background:transparent;border:none;color:hsla(0,0%,100%,.8);cursor:pointer;height:32px;transition:all .3s ease;width:32px}.c-video-player__settings:hover{color:#ffff6a;transform:rotate(90deg)}.c-video-player__fullscreen{background:transparent;border:none;color:hsla(0,0%,100%,.8);cursor:pointer;height:32px;transition:all .3s ease;width:32px}.c-video-player__fullscreen:hover{color:#ffff6a;transform:scale(1.1)}.c-video-player__loading{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;opacity:0;right:0;top:0;transition:opacity .3s ease}.c-video-player__loading--active{opacity:1}.c-video-player__spinner{animation:spinnerRotate 1s linear infinite;border-top-color:#ffff6a;box-shadow:0 0 10px #ffff6a;height:48px;transition:all .3s ease;width:48px}.c-video-player__error{align-items:center;background:rgba(0,0,0,.8);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.c-video-player__error--active{opacity:1}.c-video-player__error-icon{color:#ff90ba;height:64px;margin-bottom:1rem;width:64px}.c-video-player__error-message{font-size:1.125rem;margin-bottom:1rem}.c-video-player__error-retry{background:linear-gradient(135deg,#d080ff,#ffff6a);border:none;border-radius:2rem;color:#fff;cursor:pointer;padding:.5rem 1.5rem;transition:all .3s ease}.c-video-player__error-retry:hover{transform:scale(1.05)}.c-video-player__spores{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.c-video-player__spores:after,.c-video-player__spores:before{animation:sporeFloat 8s ease-in-out infinite;background:radial-gradient(circle,#ffff6a,transparent);border-radius:50%;content:"";height:4px;position:absolute;width:4px}.c-video-player__spores:before{animation-delay:0s;left:15%;top:20%}.c-video-player__spores:after{animation-delay:2s;right:20%;top:70%}@keyframes sporeFloat{0%,to{opacity:.3;transform:translateY(0) translateX(0) scale(1)}50%{opacity:.7;transform:translateY(-15px) translateX(10px) scale(1.5)}}.c-video-player__quality{background:rgba(0,0,0,.8);border-radius:8px;bottom:60px;opacity:0;padding:.5rem;position:absolute;right:1rem;transform:translateY(10px);transition:all .3s ease}.c-video-player__quality--active{opacity:1;transform:translateY(0)}.c-video-player__quality-option{border-radius:4px;color:hsla(0,0%,100%,.8);cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.c-video-player__quality-option:hover{background:rgba(157,0,255,.3);color:#fff}.c-video-player__quality-option--active{background:#d080ff;color:#fff}.c-video-player__speed{background:rgba(0,0,0,.8);border-radius:8px;bottom:60px;opacity:0;padding:.5rem;position:absolute;right:1rem;transform:translateY(10px);transition:all .3s ease}.c-video-player__speed--active{opacity:1;transform:translateY(0)}.c-video-player__speed-option{border-radius:4px;color:hsla(0,0%,100%,.8);cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.c-video-player__speed-option:hover{background:rgba(157,0,255,.3);color:#fff}.c-video-player__speed-option--active{background:#d080ff;color:#fff}.c-video-player--sm{max-width:400px}.c-video-player--sm .c-video-player__controls{gap:.5rem;padding:.5rem}.c-video-player--sm .c-video-player__play{height:36px;width:36px}.c-video-player--sm .c-video-player__progress{height:4px}.c-video-player--lg{max-width:1000px}.c-video-player--lg .c-video-player__controls{gap:1.5rem;padding:1.5rem}.c-video-player--lg .c-video-player__play{height:56px;width:56px}.c-video-player--lg .c-video-player__progress{height:8px}.c-video-player--psychedelic .c-video-player__controls{background:linear-gradient(0deg,rgba(157,0,255,.8) 0,rgba(255,32,133,.6) 50%,transparent)}.c-video-player--psychedelic .c-video-player__play{animation:buttonGradient 3s ease-in-out infinite;background:linear-gradient(135deg,#d080ff,#ffff6a,#ff90ba,#50ffbb);background-size:400% 400%}.c-video-player--psychedelic .c-video-player__progress-bar{animation:psychedelicProgress 2s ease-in-out infinite}.c-video-player--psychedelic .c-video-player__spinner{animation:psychedelicSpinner 1s linear infinite;border-top-color:#ffff6a}@keyframes psychedelicProgress{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.c-video-player--glow{box-shadow:0 0 20px rgba(157,0,255,.3);transition:all .3s ease}.c-video-player--glow .c-video-player__play{box-shadow:0 0 15px #ffff6a;transition:all .3s ease}.c-video-player--glow .c-video-player__progress-bar{box-shadow:0 0 8px #d080ff;transition:all .3s ease}.c-video-player--dark{background:rgba(0,0,0,.95)}.c-video-player--light{background:hsla(0,0%,100%,.1)}.c-video-player--light .c-video-player__controls{background:linear-gradient(0deg,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,.4) 50%,transparent)}.c-video-player--light .c-video-player__time{color:rgba(0,0,0,.8)}@media (max-width:768px){.c-video-player .c-video-player__controls{flex-wrap:wrap;gap:.5rem}.c-video-player .c-video-player__volume{display:none}.c-video-player .c-video-player__fullscreen,.c-video-player .c-video-player__settings{height:28px;width:28px}}
|
|
432
|
+
|
|
433
|
+
/*!
|
|
434
|
+
* Mashroom Theme Tools Index
|
|
435
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
436
|
+
*/
|
|
437
|
+
/*!
|
|
438
|
+
* Mashroom Theme Photo Viewer Component
|
|
439
|
+
* Psychedelic gallery navigation with mushroom-inspired effects
|
|
440
|
+
*/.c-photo-viewer{background:rgba(0,0,0,.9);border-radius:16px;border-radius:16px 16px 8px 8px;box-shadow:0 0 10px rgba(157,0,255,.2);margin:2rem auto;max-width:1200px;transition:all .3s ease}.c-photo-viewer,.c-photo-viewer__main{overflow:hidden;position:relative;width:100%}.c-photo-viewer__main{aspect-ratio:16/9;background:rgba(0,0,0,.8)}.c-photo-viewer__image{cursor:zoom-in;height:100%;transition:all .3s ease;width:100%}.c-photo-viewer__image--zoomed{cursor:zoom-out;transform:scale(1.5)}.c-photo-viewer__nav{background:rgba(0,0,0,.5);border:none;border-radius:50%;box-shadow:0 0 8px rgba(157,0,255,.3);color:#fff;cursor:pointer;height:48px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:48px}.c-photo-viewer__nav:hover{background:rgba(157,0,255,.7);box-shadow:0 0 12px #ffff6a;transform:translateY(-50%) scale(1.1);transition:all .3s ease}.c-photo-viewer__nav:disabled{box-shadow:0 0 0 none;cursor:not-allowed;opacity:.3;transition:all .3s ease}.c-photo-viewer__nav--prev{left:1rem}.c-photo-viewer__nav--next{right:1rem}.c-photo-viewer__thumbnails{background:rgba(0,0,0,.7);display:flex;gap:.5rem;overflow-x:auto;padding:1rem;scroll-behavior:smooth}.c-photo-viewer__thumbnails::-webkit-scrollbar{height:4px}.c-photo-viewer__thumbnails::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:2px}.c-photo-viewer__thumbnails::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#d080ff,#ffff6a);border-radius:2px}.c-photo-viewer__thumbnail{height:60px;transition:all .3s ease;width:80px}.c-photo-viewer__thumbnail:before{border:2px solid transparent;border-radius:8px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all .3s ease;z-index:1}.c-photo-viewer__thumbnail img{height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;width:100%}.c-photo-viewer__thumbnail:hover{box-shadow:0 0 8px rgba(157,0,255,.3);transition:all .3s ease}.c-photo-viewer__thumbnail:hover img{transform:scale(1.1)}.c-photo-viewer__thumbnail--active:before{border-color:#ffff6a;box-shadow:0 0 8px #ffff6a;transition:all .3s ease}.c-photo-viewer__controls{align-items:center;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 50%,transparent);bottom:0;display:flex;gap:1rem;left:0;opacity:0;padding:1rem;position:absolute;right:0;transition:opacity .3s ease}.c-photo-viewer:hover .c-photo-viewer__controls{opacity:1}.c-photo-viewer__zoom{align-items:center;display:flex;gap:.5rem}.c-photo-viewer__zoom-button{background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;height:32px;transition:all .3s ease;width:32px}.c-photo-viewer__zoom-button:hover{background:rgba(157,0,255,.7);box-shadow:0 0 8px #ffff6a;transition:all .3s ease}.c-photo-viewer__zoom-level{color:hsla(0,0%,100%,.8);font-size:.875rem;min-width:50px;text-align:center}.c-photo-viewer__counter{color:hsla(0,0%,100%,.8);font-family:monospace;font-size:.875rem}.c-photo-viewer__fullscreen{background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;height:32px;margin-left:auto;transition:all .3s ease;width:32px}.c-photo-viewer__fullscreen:hover{background:rgba(157,0,255,.7);box-shadow:0 0 8px #ffff6a;transition:all .3s ease}.c-photo-viewer__loading{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.c-photo-viewer__loading--active{opacity:1}.c-photo-viewer__spinner{animation:spinnerRotate 1s linear infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#ffff6a;box-shadow:0 0 10px #ffff6a;height:48px;transition:all .3s ease;width:48px}@keyframes spinnerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.c-photo-viewer--lightbox{border-radius:0;bottom:0;left:0;margin:0;max-width:none;position:fixed;right:0;top:0;z-index:1000}.c-photo-viewer--lightbox .c-photo-viewer__main{height:calc(100vh - 120px)}.c-photo-viewer--lightbox .c-photo-viewer__thumbnails{bottom:0;left:0;position:absolute;right:0}.c-photo-viewer--grid .c-photo-viewer__main{background:rgba(0,0,0,.7);display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:1rem}.c-photo-viewer--grid .c-photo-viewer__image{border-radius:8px;cursor:pointer;height:150px;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;width:100%}.c-photo-viewer--grid .c-photo-viewer__image:hover{box-shadow:0 0 8px rgba(157,0,255,.3);transform:scale(1.05);transition:all .3s ease}.c-photo-viewer--grid .c-photo-viewer__nav,.c-photo-viewer--grid .c-photo-viewer__thumbnails{display:none}.c-photo-viewer--carousel .c-photo-viewer__main{overflow:hidden}.c-photo-viewer--carousel .c-photo-viewer__image{transition:transform .5s ease}.c-photo-viewer--sm{max-width:600px}.c-photo-viewer--sm .c-photo-viewer__thumbnail{height:45px;width:60px}.c-photo-viewer--sm .c-photo-viewer__nav{height:40px;width:40px}.c-photo-viewer--lg{max-width:1400px}.c-photo-viewer--lg .c-photo-viewer__thumbnail{height:75px;width:100px}.c-photo-viewer--lg .c-photo-viewer__nav{height:56px;width:56px}.c-photo-viewer--psychedelic .c-photo-viewer__controls{background:linear-gradient(0deg,rgba(157,0,255,.8) 0,rgba(255,32,133,.6) 50%,transparent)}.c-photo-viewer--psychedelic .c-photo-viewer__nav{animation:buttonGradient 3s ease-in-out infinite;background:linear-gradient(135deg,#d080ff,#ffff6a,#ff90ba,#50ffbb);background-size:400% 400%}.c-photo-viewer--psychedelic .c-photo-viewer__thumbnail:before{animation:thumbnailGlow 2s ease-in-out infinite;border-color:#ffff6a}.c-photo-viewer--psychedelic .c-photo-viewer__spinner{animation:psychedelicSpinner 1s linear infinite;border-top-color:#ffff6a}@keyframes buttonGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes thumbnailGlow{0%,to{box-shadow:0 0 5px rgba(255,187,0,.5)}50%{box-shadow:0 0 15px rgba(255,187,0,.8),0 0 25px rgba(157,0,255,.5)}}@keyframes psychedelicSpinner{0%{filter:hue-rotate(0deg);transform:rotate(0deg)}to{filter:hue-rotate(1turn);transform:rotate(1turn)}}.c-photo-viewer--glow{box-shadow:0 0 20px rgba(157,0,255,.3);transition:all .3s ease}.c-photo-viewer--glow .c-photo-viewer__nav{box-shadow:0 0 12px #ffff6a;transition:all .3s ease}.c-photo-viewer--glow .c-photo-viewer__thumbnail--active:before{box-shadow:0 0 12px #ffff6a;transition:all .3s ease}.c-photo-viewer--dark{background:rgba(0,0,0,.95)}.c-photo-viewer--light{background:hsla(0,0%,100%,.1)}.c-photo-viewer--light .c-photo-viewer__controls{background:linear-gradient(0deg,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,.4) 50%,transparent)}.c-photo-viewer--light .c-photo-viewer__counter{color:rgba(0,0,0,.8)}@media (max-width:768px){.c-photo-viewer .c-photo-viewer__nav{height:40px;width:40px}.c-photo-viewer .c-photo-viewer__thumbnails{padding:.5rem}.c-photo-viewer .c-photo-viewer__thumbnail{height:45px;width:60px}.c-photo-viewer .c-photo-viewer__controls{flex-wrap:wrap;gap:.5rem}.c-photo-viewer .c-photo-viewer__zoom{justify-content:center;order:-1;width:100%}}.c-accordion{--atomix-accordion-width:100%;--atomix-accordion-border-width:1px;--atomix-accordion-border-color:transparent;--atomix-accordion-border-radius:15px;--atomix-accordion-body-padding-x:1.5rem;--atomix-accordion-body-padding-y:0.75rem;--atomix-accordion-body-color:var(--atomix-body-color);--atomix-accordion-body-bg:var(--atomix-secondary-bg-subtle);--atomix-accordion-header-padding-x:1.5rem;--atomix-accordion-header-padding-y:1rem;--atomix-accordion-header-color:var(--atomix-body-color);--atomix-accordion-header-bg:var(--atomix-secondary-bg-subtle);--atomix-accordion-header-bg-hover:var(--atomix-tertiary-bg-subtle);--atomix-accordion-icon-size:1.25rem;--atomix-accordion-icon-color:var(--atomix-body-color);--atomix-accordion-icon-transform:180deg;--atomix-accordion-disable-color:var(--atomix-tertiary-text-emphasis);--panel-height:0px;border:var(--atomix-accordion-border-width) solid var(--atomix-accordion-border-color);border-radius:var(--atomix-accordion-border-radius);max-width:var(--atomix-accordion-width);overflow:hidden;width:100%}.c-accordion__header{align-items:center;background-color:var(--atomix-accordion-header-bg);border:none;color:var(--atomix-accordion-header-color);cursor:pointer;display:flex;justify-content:space-between;outline:none;padding:var(--atomix-accordion-header-padding-y) var(--atomix-accordion-header-padding-x);transition-delay:0s;transition-duration:.2s;transition-property:background;transition-timing-function:ease-in-out;width:100%}.c-accordion__header--icon-left{flex-direction:row-reverse;gap:var(--atomix-accordion-header-padding-x);justify-content:flex-end}.c-accordion__header:hover{--atomix-accordion-header-bg:var(--atomix-accordion-header-bg-hover)}.c-accordion__title{margin-right:1.25rem}.c-accordion__icon{color:var(--atomix-accordion-icon-color);font-size:var(--atomix-accordion-icon-size);will-change:transform}.c-accordion__icon,.c-accordion__panel{transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.c-accordion__panel{height:var(--panel-height);overflow:hidden;will-change:height}.c-accordion__body{background-color:var(--atomix-accordion-body-bg);border-radius:0 0 var(--atomix-accordion-border-radius) var(--atomix-accordion-border-radius);color:var(--atomix-accordion-body-color);padding:var(--atomix-accordion-body-padding-y) var(--atomix-accordion-body-padding-x)}.c-accordion.is-focused,.c-accordion:focus{--atomix-accordion-border-color:var(--atomix-focus-border-color)}.c-accordion.is-open .c-accordion__icon{transform:rotate(var(--atomix-accordion-icon-transform))}.c-accordion.is-open .c-accordion__header{border-radius:var(--atomix-accordion-border-radius) var(--atomix-accordion-border-radius) 0 0}.c-accordion.is-disabled{pointer-events:none;--atomix-accordion-header-color:var(--atomix-accordion-disable-color);--atomix-accordion-body-color:var(--atomix-accordion-disable-color);--atomix-accordion-icon-color:var(--atomix-accordion-disable-color)}.c-accordion--glass{border-color:transparent}.c-accordion--glass .c-accordion__body,.c-accordion--glass .c-accordion__header{background-color:color-mix(in srgb,var(--atomix-accordion-header-bg) 50%,transparent)}.c-avatar{--atomix-avatar-fit:cover;--atomix-avatar-size:2.75rem;--atomix-avatar-border-radius:8px;--atomix-avatar-border-circle-radius:50%;--atomix-avatar-color:var(--atomix-primary-text-emphasis);--atomix-avatar-bg:var(--atomix-secondary-bg-subtle);--atomix-avatar-border-width:1px;--atomix-avatar-border-color:var(--atomix-primary-border-subtle);--atomix-avatar-initials-font-size:16px;--atomix-avatar-hover-opacity:0.9;--atomix-avatar-focus-ring-width:2px;--atomix-avatar-focus-ring-color:var(--atomix-primary-border-subtle);--atomix-avatar-disabled-opacity:0.6;align-items:center;background-color:var(--atomix-avatar-bg);border:var(--atomix-avatar-border-width) solid var(--atomix-avatar-border-color);border-radius:var(--atomix-avatar-border-radius);color:var(--atomix-avatar-color);display:inline-flex;height:var(--atomix-avatar-size);justify-content:center;overflow:hidden;position:relative;transition-delay:0s;transition-duration:.2s;transition-property:opacity;transition-timing-function:ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--atomix-avatar-size)}.c-avatar--xs{--atomix-avatar-size:1.75rem;--atomix-avatar-border-radius:6px;--atomix-avatar-initials-font-size:12px}.c-avatar--sm{--atomix-avatar-size:2.25rem;--atomix-avatar-border-radius:6px;--atomix-avatar-initials-font-size:14px}.c-avatar--md{--atomix-avatar-size:2.75rem;--atomix-avatar-border-radius:8px;--atomix-avatar-initials-font-size:16px}.c-avatar--lg{--atomix-avatar-size:3.25rem;--atomix-avatar-border-radius:8px;--atomix-avatar-initials-font-size:18px}.c-avatar--xl{--atomix-avatar-size:4rem;--atomix-avatar-border-radius:10px;--atomix-avatar-initials-font-size:20px}.c-avatar--circle{--atomix-avatar-border-radius:var(--atomix-avatar-border-circle-radius)}.c-avatar[role=button]{cursor:pointer}.c-avatar[role=button]:hover{opacity:var(--atomix-avatar-hover-opacity)}.c-avatar[role=button]:focus-visible{outline:var(--atomix-avatar-focus-ring-width) solid var(--atomix-avatar-focus-ring-color);outline-offset:1px}.c-avatar.is-disabled,.c-avatar[aria-disabled=true]{opacity:var(--atomix-avatar-disabled-opacity);pointer-events:none}.c-avatar__image{height:100%;-o-object-fit:var(--atomix-avatar-fit);object-fit:var(--atomix-avatar-fit);-o-object-position:center;object-position:center;width:100%}.c-avatar__initials{font-size:var(--atomix-avatar-initials-font-size);font-weight:500;text-transform:uppercase}.c-avatar__icon,.c-avatar__initials{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.c-avatar-group{--atomix-avatar-group-gap:0.75rem;--atomix-avatar-group-stacked-overlap:40%;--atomix-avatar-group-stacked-hover-gap:0.75rem;--atomix-avatar-group-more-color:var(--atomix-tertiary-text-emphasis);--atomix-avatar-group-more-bg:var(--atomix-body-bg);--atomix-avatar-group-more-font-size:14px;--atomix-avatar-group-more-font-weight:500;--atomix-avatar-group-more-border-width:1px;--atomix-avatar-group-more-border-color:var(--atomix-primary-border-subtle);--atomix-avatar-group-transition-duration:0.3s;--atomix-avatar-group-transition-timing:ease-in-out;align-items:center;display:flex;flex-wrap:nowrap;gap:var(--atomix-avatar-group-gap)}.c-avatar-group__more{background-color:var(--atomix-avatar-group-more-bg);border:var(--atomix-avatar-group-more-border-width) solid var(--atomix-avatar-group-more-border-color);border-radius:var(--atomix-avatar-border-radius);color:var(--atomix-avatar-group-more-color);display:grid;font-size:var(--atomix-avatar-group-more-font-size);font-weight:var(--atomix-avatar-group-more-font-weight);height:var(--atomix-avatar-size);place-items:center;width:var(--atomix-avatar-size)}.c-avatar-group--stacked{gap:0}.c-avatar-group--stacked>*{border:2px solid var(--atomix-avatar-group-more-bg);transition:transform var(--atomix-avatar-group-transition-duration) var(--atomix-avatar-group-transition-timing)}.c-avatar-group--stacked>:nth-child(2){transform:translateX(calc(var(--atomix-avatar-size)/-2*1))}.c-avatar-group--stacked>:nth-child(3){transform:translateX(calc(var(--atomix-avatar-size)/-2*2))}.c-avatar-group--stacked>:nth-child(4){transform:translateX(calc(var(--atomix-avatar-size)/-2*3))}.c-avatar-group--stacked>:nth-child(5){transform:translateX(calc(var(--atomix-avatar-size)/-2*4))}.c-avatar-group--stacked>:nth-child(6){transform:translateX(calc(var(--atomix-avatar-size)/-2*5))}.c-avatar-group--stacked>:nth-child(7){transform:translateX(calc(var(--atomix-avatar-size)/-2*6))}.c-avatar-group--stacked>:nth-child(8){transform:translateX(calc(var(--atomix-avatar-size)/-2*7))}.c-avatar-group--stacked>:nth-child(9){transform:translateX(calc(var(--atomix-avatar-size)/-2*8))}.c-avatar-group--stacked>:nth-child(10){transform:translateX(calc(var(--atomix-avatar-size)/-2*9))}.c-avatar-group--stacked>:nth-child(11){transform:translateX(calc(var(--atomix-avatar-size)/-2*10))}.c-avatar-group--stacked:hover>*{transform:translateX(0)}.c-avatar-group--stacked:hover{gap:var(--atomix-avatar-group-stacked-hover-gap)}.c-avatar-group--stacked .c-avatar-group__more{font-size:var(--atomix-avatar-group-more-font-size);margin-left:calc(var(--atomix-avatar-size)*-1*var(--atomix-avatar-group-stacked-overlap)/100);z-index:1}.c-atomix-glass{position:relative;--atomix-glass-radius:var(--atomix-radius-md,16px);--atomix-glass-transform:none;--atomix-glass-transition:all var(--atomix-transition-duration,0.15s) ease-out;--atomix-glass-position:absolute;--atomix-glass-container-width:100%;--atomix-glass-container-height:100%;--atomix-glass-border-width:var(--atomix-spacing-0-5,0.09375rem)}.c-atomix-glass__base,.c-atomix-glass__hover-1,.c-atomix-glass__hover-2,.c-atomix-glass__hover-3,.c-atomix-glass__overlay{border-radius:var(--atomix-glass-radius);inset:0;pointer-events:none;position:absolute;transform:var(--atomix-glass-transform);transition:var(--atomix-glass-transition)}.c-atomix-glass__hover-1,.c-atomix-glass__hover-2,.c-atomix-glass__hover-3{background:var(--atomix-glass-hover-1-gradient,none);mix-blend-mode:overlay;opacity:var(--atomix-glass-hover-1-opacity,0)}.c-atomix-glass__hover-1{background:var(--atomix-glass-hover-1-gradient,none);opacity:var(--atomix-glass-hover-1-opacity,0);transition:opacity .2s ease-out}.c-atomix-glass__hover-2{background:var(--atomix-glass-hover-2-gradient,none);opacity:var(--atomix-glass-hover-2-opacity,0);transition:opacity .4s ease-out}.c-atomix-glass__hover-3{background:var(--atomix-glass-hover-3-gradient,none);opacity:var(--atomix-glass-hover-3-opacity,0);transition:opacity .6s ease-out}.c-atomix-glass__base{background:var(--atomix-glass-base-gradient,none);mix-blend-mode:soft-light;opacity:var(--atomix-glass-base-opacity,0)}.c-atomix-glass__overlay{background:var(--atomix-glass-overlay-gradient,none);mix-blend-mode:overlay;opacity:var(--atomix-glass-overlay-opacity,0)}.c-atomix-glass__overlay-highlight{inset:var(--atomix-spacing-0-5,.125rem);mix-blend-mode:screen;position:absolute}.c-atomix-glass__border-1,.c-atomix-glass__border-2,.c-atomix-glass__overlay-highlight{border-radius:var(--atomix-glass-radius);pointer-events:none;transform:var(--atomix-glass-transform);transition:var(--atomix-glass-transition)}.c-atomix-glass__border-1,.c-atomix-glass__border-2{box-sizing:border-box;height:var(--atomix-glass-height);left:var(--atomix-glass-left);-webkit-mask:linear-gradient(var(--atomix-black,#000) 0 0) content-box,linear-gradient(var(--atomix-black,#000) 0 0);mask:linear-gradient(var(--atomix-black,#000) 0 0) content-box,linear-gradient(var(--atomix-black,#000) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;overflow:hidden;padding:var(--atomix-glass-border-width);position:var(--atomix-glass-position);top:var(--atomix-glass-top);width:var(--atomix-glass-width)}.c-atomix-glass__border-1{background:var(--atomix-glass-border-gradient-1,none);mix-blend-mode:screen;opacity:var(--atomix-opacity-20,.2);z-index:var(--atomix-z-index-5,5)}.c-atomix-glass__border-1,.c-atomix-glass__border-2{box-shadow:var(--atomix-glass-border-shadow,0 0 0 .03125rem hsla(0,0%,100%,.5) inset,0 .25rem .75rem hsla(0,0%,100%,.25) inset,0 .25rem 1rem rgba(0,0,0,.35))}.c-atomix-glass__border-2{background:var(--atomix-glass-border-gradient-2,none);mix-blend-mode:overlay;z-index:var(--atomix-z-index-6,6)}.c-atomix-glass__container{transition:var(--atomix-glass-transition)}.c-atomix-glass__container,.c-atomix-glass__inner{border-radius:var(--atomix-glass-radius);height:var(--atomix-glass-container-height);position:relative;width:var(--atomix-glass-container-width)}.c-atomix-glass__filter{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.c-atomix-glass__filter svg{border-radius:var(--atomix-glass-radius)}.c-atomix-glass__filter-overlay{border-radius:var(--atomix-glass-radius);inset:0;pointer-events:none;position:absolute}.c-atomix-glass__filter-shadow{inset:var(--atomix-glass-border-width);pointer-events:none;position:absolute}.c-atomix-glass__content{border-radius:var(--atomix-glass-radius);height:var(--atomix-glass-container-height);position:relative;width:var(--atomix-glass-container-width)}.c-atomix-glass__background-layer{border-radius:var(--atomix-glass-radius);pointer-events:none;position:absolute;transform:var(--atomix-glass-transform);transition:var(--atomix-glass-transition)}.c-atomix-glass__background-layer--dark{background-color:var(--atomix-gray-9,#1f2937)}.c-atomix-glass__background-layer--black{background-color:var(--atomix-black,#000);mix-blend-mode:overlay}.c-atomix-glass__background-layer--dark.c-atomix-glass__background-layer--over-light{opacity:var(--atomix-opacity-50,.5);z-index:-1}.c-atomix-glass__background-layer--black.c-atomix-glass__background-layer--over-light{opacity:var(--atomix-opacity-25,.25)}.c-atomix-glass__background-layer--hidden{opacity:var(--atomix-opacity-0,0)}.c-atomix-glass--reduced-motion{--atomix-glass-transition:none}.c-atomix-glass--reduced-motion *{transition:none!important}.c-atomix-glass--high-contrast{border:var(--atomix-spacing-0-5,2px) solid;outline:var(--atomix-spacing-0-5,2px) solid transparent;outline-offset:var(--atomix-spacing-0-5,2px)}.c-atomix-glass--disabled-effects{--atomix-glass-transform:none;--atomix-glass-transition:none}@media (prefers-reduced-motion:reduce){.c-atomix-glass{--atomix-glass-transition:none}.c-atomix-glass *{transition:none!important}}@media (prefers-contrast:high){.c-atomix-glass{border-width:var(--atomix-spacing-0-5,.125rem)}}.c-badge{--atomix-tag-font-size:12px;--atomix-tag-font-weight:500;--atomix-tag-color:var(--atomix-body-color);--atomix-tag-padding-x:0.75rem;--atomix-tag-padding-y:0.375rem;--atomix-tag-border-radius:800px;--atomix-tag-bg-color:var(--atomix-body-bg);--atomix-tag-icon-size:0.875rem;--atomix-tag-inner-items-gap:0.375rem;align-items:center;background-color:var(--atomix-tag-bg-color);border-radius:var(--atomix-tag-border-radius);display:inline-flex;font-size:var(--atomix-tag-font-size);font-weight:var(--atomix-tag-font-weight);gap:var(--atomix-tag-inner-items-gap);line-height:1;padding:var(--atomix-tag-padding-y) var(--atomix-tag-padding-x);-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-badge,.c-badge__icon{color:var(--atomix-tag-color)}.c-badge__icon{font-size:var(--atomix-tag-icon-size);fill:var(--atomix-tag-color)}.c-badge--sm{--atomix-tag-padding-y:4px}.c-badge--lg{--atomix-tag-padding-y:8px}.c-badge--glass{background-color:color-mix(in srgb,var(--atomix-tag-bg-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--atomix-tag-color) 50%,transparent)}.c-badge--primary{--atomix-tag-bg-color:var(--atomix-brand-bg-subtle);--atomix-tag-color:var(--atomix-brand-text-emphasis)}.c-badge--secondary{--atomix-tag-bg-color:var(--atomix-secondary-bg-subtle);--atomix-tag-color:var(--atomix-secondary-text-emphasis)}.c-badge--success{--atomix-tag-bg-color:var(--atomix-success-bg-subtle);--atomix-tag-color:var(--atomix-success-text-emphasis)}.c-badge--info{--atomix-tag-bg-color:var(--atomix-info-bg-subtle);--atomix-tag-color:var(--atomix-info-text-emphasis)}.c-badge--warning{--atomix-tag-bg-color:var(--atomix-warning-bg-subtle);--atomix-tag-color:var(--atomix-warning-text-emphasis)}.c-badge--error{--atomix-tag-bg-color:var(--atomix-error-bg-subtle);--atomix-tag-color:var(--atomix-error-text-emphasis)}.c-badge--light{--atomix-tag-bg-color:var(--atomix-light);--atomix-tag-color:var(--atomix-dark);border:1px solid var(--atomix-light)}.c-badge--dark{--atomix-tag-bg-color:var(--atomix-dark);--atomix-tag-color:var(--atomix-light);border:1px solid var(--atomix-dark)}.c-breadcrumb{--atomix-breadcrumb-font-size:0.875rem;--atomix-breadcrumb-link-padding-y:0.25rem;--atomix-breadcrumb-link-padding-x:0rem;--atomix-breadcrumb-link-border-width:0.5rem;--atomix-breadcrumb-items-gap:0.75rem;--atomix-breadcrumb-margin-bottom:1rem;--atomix-breadcrumb-color:var(--atomix-tertiary-text-emphasis);--atomix-breadcrumb-hover-color:var(--atomix-body-color);--atomix-breadcrumb-active-color:var(--atomix-body-color);--atomix-breadcrumb-bg: ;--atomix-breadcrumb-divider-color:var(--atomix-tertiary-text-emphasis);--atomix-breadcrumb-divider-active-color:var(--atomix-tertiary-text-emphasis);--atomix-breadcrumb-divider-size:1rem;--atomix-breadcrumb-divider-gap:0.75rem;background-color:var(--atomix-breadcrumb-bg);list-style:none;margin-bottom:var(--atomix-breadcrumb-margin-bottom);padding-left:0}.c-breadcrumb,.c-breadcrumb__item{display:flex;gap:var(--atomix-breadcrumb-items-gap)}.c-breadcrumb__item{align-items:center}.c-breadcrumb__item+.c-breadcrumb__item:before{color:var(--atomix-breadcrumb-divider-color);content:"›";font-size:var(--atomix-breadcrumb-divider-size);margin-right:var(--atomix-breadcrumb-divider-gap)}.c-breadcrumb__item.is-active:before{color:var(--atomix-breadcrumb-divider-active-color)}.c-breadcrumb__item.is-active .c-breadcrumb__link{color:var(--atomix-breadcrumb-active-color);font-weight:500}.c-breadcrumb__link{align-items:center;border:var(--atomix-breadcrumb-link-border-width) solid transparent;color:var(--atomix-breadcrumb-color);display:flex;gap:calc(var(--atomix-breadcrumb-items-gap)/2);padding:var(--atomix-breadcrumb-link-padding-y) var(--atomix-breadcrumb-link-padding-x);transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.c-breadcrumb__link:focus-visible{border-color:var(--atomix-focus-border-color);outline:none}.c-breadcrumb__link:hover{color:var(--atomix-breadcrumb-hover-color)}.c-btn-group{--atomix-btn-group-gap:0.75rem;display:inline-flex;position:relative;vertical-align:middle}.c-btn-group .c-btn{flex:1 1 auto;position:relative}.c-btn-group .c-btn:not(:first-child):not(:last-child){border-radius:0}.c-btn-group .c-btn:first-child:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.c-btn-group .c-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.c-btn-group .c-btn+.c-btn{margin-left:calc(var(--atomix-btn-border-width)*-1)}.c-btn{--atomix-btn-padding-x:24px;--atomix-btn-padding-y:12px;--atomix-btn-font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--atomix-btn-font-size:16px;--atomix-btn-font-weight:500;--atomix-btn-line-height:1.5;--atomix-btn-icon-size:1rem;--atomix-btn-color:var(--atomix-body-color);--atomix-btn-bg:transparent;--atomix-btn-border-width:1px;--atomix-btn-border-color:transparent;--atomix-btn-border-radius:8px;--atomix-btn-hover-border-color:transparent;--atomix-btn-box-shadow:0 8px 16px rgba(0,0,0,.15);--atomix-btn-disabled-opacity:0.6;--atomix-btn-focus-box-shadow:0 0 0 2px rgba(var(--atomix-btn-focus-shadow-rgb),0.5);--atomix-btn-inner-gap:0.5rem;align-items:center;background-color:var(--atomix-btn-bg);border:var(--atomix-btn-border-width) solid var(--atomix-btn-border-color);border-radius:var(--atomix-btn-border-radius);color:var(--atomix-btn-color);cursor:pointer;display:inline-flex;font-family:var(--atomix-btn-font-family);font-size:var(--atomix-btn-font-size);font-weight:var(--atomix-btn-font-weight);gap:var(--atomix-btn-inner-gap);justify-content:center;line-height:var(--atomix-btn-line-height);padding:var(--atomix-btn-padding-y) var(--atomix-btn-padding-x);text-align:center;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.c-btn__icon{font-size:var(--atomix-btn-icon-size)}.c-btn:hover{background-color:var(--atomix-btn-hover-bg);border-color:var(--atomix-btn-hover-border-color);color:var(--atomix-btn-hover-color)}.c-btn--primary{--atomix-btn-color:#fff;--atomix-btn-bg:#9d00ff;--atomix-btn-border-color:#9d00ff;--atomix-btn-hover-color:#fff;--atomix-btn-hover-bg:#8500d9;--atomix-btn-hover-border-color:#8d00e6;--atomix-btn-active-color:#fff;--atomix-btn-active-bg:#7e00cc;--atomix-btn-active-border-color:#7600bf;--atomix-btn-disabled-color:#fff;--atomix-btn-disabled-bg:#9d00ff;--atomix-btn-disabled-border-color:#9d00ff}.c-btn--secondary{--atomix-btn-color:var(--atomix-dark-text-emphasis);--atomix-btn-bg:#f3f4f6;--atomix-btn-border-color:#f3f4f6;--atomix-btn-hover-color:var(--atomix-dark-text-emphasis);--atomix-btn-hover-bg:#c9ced7;--atomix-btn-hover-border-color:#d7dae1;--atomix-btn-active-color:#fff;--atomix-btn-active-bg:#bbc1cc;--atomix-btn-active-border-color:#adb4c2;--atomix-btn-disabled-color:#fff;--atomix-btn-disabled-bg:#f3f4f6;--atomix-btn-disabled-border-color:#f3f4f6}.c-btn--success{--atomix-btn-color:#fff;--atomix-btn-bg:#00d984;--atomix-btn-border-color:#00d984;--atomix-btn-hover-color:#fff;--atomix-btn-hover-bg:#00b870;--atomix-btn-hover-border-color:#00c377;--atomix-btn-active-color:#fff;--atomix-btn-active-bg:#00ae6a;--atomix-btn-active-border-color:#00a363;--atomix-btn-disabled-color:#fff;--atomix-btn-disabled-bg:#00d984;--atomix-btn-disabled-border-color:#00d984}.c-btn--info{--atomix-btn-color:#fff;--atomix-btn-bg:#008cff;--atomix-btn-border-color:#008cff;--atomix-btn-hover-color:#fff;--atomix-btn-hover-bg:#0077d9;--atomix-btn-hover-border-color:#007ee6;--atomix-btn-active-color:#fff;--atomix-btn-active-bg:#0070cc;--atomix-btn-active-border-color:#0069bf;--atomix-btn-disabled-color:#fff;--atomix-btn-disabled-bg:#008cff;--atomix-btn-disabled-border-color:#008cff}.c-btn--warning{--atomix-btn-color:#fff;--atomix-btn-bg:#fb0;--atomix-btn-border-color:#fb0;--atomix-btn-hover-color:#fff;--atomix-btn-hover-bg:#d99f00;--atomix-btn-hover-border-color:#e6a800;--atomix-btn-active-color:#fff;--atomix-btn-active-bg:#cc9600;--atomix-btn-active-border-color:#bf8c00;--atomix-btn-disabled-color:#fff;--atomix-btn-disabled-bg:#fb0;--atomix-btn-disabled-border-color:#fb0}.c-btn--error{--atomix-btn-color:#fff;--atomix-btn-bg:#ff2085;--atomix-btn-border-color:#ff2085;--atomix-btn-hover-color:#fff;--atomix-btn-hover-bg:#f4006e;--atomix-btn-hover-border-color:#ff0375;--atomix-btn-active-color:#fff;--atomix-btn-active-bg:#e60068;--atomix-btn-active-border-color:#d70061;--atomix-btn-disabled-color:#fff;--atomix-btn-disabled-bg:#ff2085;--atomix-btn-disabled-border-color:#ff2085}.c-btn--light{--atomix-btn-color:var(--atomix-dark-text-emphasis);--atomix-btn-bg:#f9fafb;--atomix-btn-border-color:#f9fafb;--atomix-btn-hover-color:var(--atomix-dark-text-emphasis);--atomix-btn-hover-bg:#ccd5dd;--atomix-btn-hover-border-color:#dbe1e7;--atomix-btn-active-color:#fff;--atomix-btn-active-bg:#bdc8d3;--atomix-btn-active-border-color:#aebcc9;--atomix-btn-disabled-color:#fff;--atomix-btn-disabled-bg:#f9fafb;--atomix-btn-disabled-border-color:#f9fafb}.c-btn--dark{--atomix-btn-color:#fff;--atomix-btn-bg:#1f2937;--atomix-btn-border-color:#1f2937;--atomix-btn-hover-color:#fff;--atomix-btn-hover-bg:#1a232f;--atomix-btn-hover-border-color:#1c2532;--atomix-btn-active-color:#fff;--atomix-btn-active-bg:#19212c;--atomix-btn-active-border-color:#171f29;--atomix-btn-disabled-color:#fff;--atomix-btn-disabled-bg:#1f2937;--atomix-btn-disabled-border-color:#1f2937}.c-btn--outline-primary{--atomix-btn-color:var(--atomix-primary);--atomix-btn-bg:transparent;--atomix-btn-border-color:var(--atomix-primary);--atomix-btn-hover-color:var(--atomix-light);--atomix-btn-hover-bg:var(--atomix-primary);--atomix-btn-hover-border-color:var(--atomix-primary);--atomix-btn-active-color:var(--atomix-light);--atomix-btn-active-bg:var(--atomix-primary);--atomix-btn-active-border-color:var(--atomix-primary);--atomix-btn-disabled-color:var(--atomix-primary);--atomix-btn-disabled-bg:transparent;--atomix-btn-disabled-border-color:var(--atomix-primary)}.c-btn--outline-secondary{--atomix-btn-color:var(--atomix-invert);--atomix-btn-bg:transparent;--atomix-btn-border-color:var(--atomix-secondary);--atomix-btn-hover-color:var(--atomix-invert);--atomix-btn-hover-bg:var(--atomix-secondary);--atomix-btn-hover-border-color:var(--atomix-secondary);--atomix-btn-active-color:var(--atomix-invert);--atomix-btn-active-bg:var(--atomix-secondary);--atomix-btn-active-border-color:var(--atomix-secondary);--atomix-btn-disabled-color:var(--atomix-secondary);--atomix-btn-disabled-bg:transparent;--atomix-btn-disabled-border-color:var(--atomix-secondary)}.c-btn--outline-success{--atomix-btn-color:var(--atomix-success);--atomix-btn-bg:transparent;--atomix-btn-border-color:var(--atomix-success);--atomix-btn-hover-color:var(--atomix-light);--atomix-btn-hover-bg:var(--atomix-success);--atomix-btn-hover-border-color:var(--atomix-success);--atomix-btn-active-color:var(--atomix-light);--atomix-btn-active-bg:var(--atomix-success);--atomix-btn-active-border-color:var(--atomix-success);--atomix-btn-disabled-color:var(--atomix-success);--atomix-btn-disabled-bg:transparent;--atomix-btn-disabled-border-color:var(--atomix-success)}.c-btn--outline-info{--atomix-btn-color:var(--atomix-info);--atomix-btn-bg:transparent;--atomix-btn-border-color:var(--atomix-info);--atomix-btn-hover-color:var(--atomix-light);--atomix-btn-hover-bg:var(--atomix-info);--atomix-btn-hover-border-color:var(--atomix-info);--atomix-btn-active-color:var(--atomix-light);--atomix-btn-active-bg:var(--atomix-info);--atomix-btn-active-border-color:var(--atomix-info);--atomix-btn-disabled-color:var(--atomix-info);--atomix-btn-disabled-bg:transparent;--atomix-btn-disabled-border-color:var(--atomix-info)}.c-btn--outline-warning{--atomix-btn-color:var(--atomix-warning);--atomix-btn-bg:transparent;--atomix-btn-border-color:var(--atomix-warning);--atomix-btn-hover-color:var(--atomix-light);--atomix-btn-hover-bg:var(--atomix-warning);--atomix-btn-hover-border-color:var(--atomix-warning);--atomix-btn-active-color:var(--atomix-light);--atomix-btn-active-bg:var(--atomix-warning);--atomix-btn-active-border-color:var(--atomix-warning);--atomix-btn-disabled-color:var(--atomix-warning);--atomix-btn-disabled-bg:transparent;--atomix-btn-disabled-border-color:var(--atomix-warning)}.c-btn--outline-error{--atomix-btn-color:var(--atomix-error);--atomix-btn-bg:transparent;--atomix-btn-border-color:var(--atomix-error);--atomix-btn-hover-color:var(--atomix-light);--atomix-btn-hover-bg:var(--atomix-error);--atomix-btn-hover-border-color:var(--atomix-error);--atomix-btn-active-color:var(--atomix-light);--atomix-btn-active-bg:var(--atomix-error);--atomix-btn-active-border-color:var(--atomix-error);--atomix-btn-disabled-color:var(--atomix-error);--atomix-btn-disabled-bg:transparent;--atomix-btn-disabled-border-color:var(--atomix-error)}.c-btn--outline-light{--atomix-btn-color:var(--atomix-invert);--atomix-btn-bg:transparent;--atomix-btn-border-color:var(--atomix-light);--atomix-btn-hover-color:var(--atomix-invert);--atomix-btn-hover-bg:var(--atomix-secondary);--atomix-btn-hover-border-color:var(--atomix-light);--atomix-btn-active-color:var(--atomix-invert);--atomix-btn-active-bg:var(--atomix-light);--atomix-btn-active-border-color:var(--atomix-light);--atomix-btn-disabled-color:var(--atomix-light);--atomix-btn-disabled-bg:transparent;--atomix-btn-disabled-border-color:var(--atomix-light)}.c-btn--outline-dark{--atomix-btn-color:var(--atomix-invert);--atomix-btn-bg:transparent;--atomix-btn-border-color:var(--atomix-dark);--atomix-btn-hover-color:var(--atomix-invert);--atomix-btn-hover-bg:var(--atomix-secondary);--atomix-btn-hover-border-color:var(--atomix-dark);--atomix-btn-active-color:var(--atomix-invert);--atomix-btn-active-bg:var(--atomix-dark);--atomix-btn-active-border-color:var(--atomix-dark);--atomix-btn-disabled-color:var(--atomix-dark);--atomix-btn-disabled-bg:transparent;--atomix-btn-disabled-border-color:var(--atomix-dark)}.c-btn--lg{--atomix-btn-padding-y:16px;--atomix-btn-padding-x:32px;--atomix-btn-font-size:18px;--atomix-btn-border-radius:10px}.c-btn--lg .c-btn__icon{--atomix-btn-icon-size:1.25rem}.c-btn--sm{--atomix-btn-padding-y:8px;--atomix-btn-padding-x:16px;--atomix-btn-font-size:14px;--atomix-btn-border-radius:6px}.c-btn--sm .c-btn__icon{--atomix-btn-icon-size:0.75rem}.c-btn--rounded{--atomix-btn-border-radius:50rem}.c-btn--link{--atomix-btn-color:var(--atomix-link-color);--atomix-btn-color-hover:var(--atomix-invert-text-emphasis);--atomix-btn-font-weight:500;border-bottom:var(--atomix-btn-border-width) solid var(--atomix-brand-border-subtle);border-radius:0}.c-btn--link:hover{border-bottom:var(--atomix-btn-border-width) solid var(--atomix-secondary-border-subtle)}.c-btn--icon{--atomix-btn-padding-x:var(--atomix-btn-padding-y)}.c-btn--full-width{width:100%}.c-btn--block{display:block;width:100%}.c-btn--loading{cursor:wait;pointer-events:none;position:relative}.c-btn--loading:before{background-color:hsla(0,0%,100%,.5);border-radius:var(--atomix-btn-border-radius);content:"";inset:0;position:absolute;z-index:0}.c-btn--active{--atomix-btn-bg:var(--atomix-btn-active-bg,var(--atomix-btn-hover-bg));--atomix-btn-color:var(--atomix-btn-active-color,var(--atomix-btn-hover-color));--atomix-btn-border-color:var(--atomix-btn-active-border-color,var(--atomix-btn-hover-border-color));box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.c-btn--selected{--atomix-btn-border-width:2px;--atomix-btn-border-color:var(--atomix-brand-border-subtle,var(--atomix-primary));box-shadow:0 0 0 2px rgba(var(--atomix-primary-rgb,124,58,237),.2)}.c-btn__icon{align-items:center;display:inline-flex;flex-shrink:0}.c-btn__icon--start{order:-1}.c-btn__icon--end{order:1}.c-btn__label{display:inline-block}.c-btn__spinner{align-items:center;display:inline-flex;flex-shrink:0;margin-right:.5rem}.c-btn__spinner:last-child{margin-left:.5rem;margin-right:0}.c-btn:focus-visible{box-shadow:var(--atomix-btn-focus-box-shadow);outline:2px solid var(--atomix-brand-border-subtle,var(--atomix-primary));outline-offset:2px}.c-btn--disabled,.c-btn:disabled,fieldset:disabled .c-btn{background-color:var(--atomix-btn-disabled-bg);border-color:var(--atomix-btn-disabled-border-color);color:var(--atomix-btn-disabled-color);cursor:not-allowed;opacity:var(--atomix-btn-disabled-opacity);pointer-events:none}.c-btn--disabled:focus-visible,.c-btn:disabled:focus-visible,fieldset:disabled .c-btn:focus-visible{outline:none}.c-btn--glass{background-color:color-mix(in srgb,var(--atomix-btn-bg) 50%,transparent)}.c-btn--glass:hover{background-color:color-mix(in srgb,var(--atomix-btn-hover-bg) 50%,transparent)}@media (prefers-reduced-motion:reduce){.c-btn{transition:none}.c-btn__spinner{animation-duration:2s}}@media (prefers-contrast:high){.c-btn{border-width:2px}.c-btn:focus-visible{outline-width:3px}}.c-datepicker{--atomix-datepicker-width:22rem;--atomix-datepicker-padding-x:0.75rem;--atomix-datepicker-padding-y:1rem;--atomix-datepicker-bg:var(--atomix-body-bg);--atomix-datepicker-color:var(--atomix-body-color);--atomix-datepicker-deactivate-color:var(--atomix-tertiary-text-emphasis);--atomix-datepicker-border-radius:8px;--atomix-datepicker-border-width:1px;--atomix-datepicker-border-color:var(--atomix-gray-3);--atomix-datepicker-box-shadow:var(--atomix-box-shadow);--atomix-datepicker-body-padding-x:8px;--atomix-datepicker-body-padding-y:8px;--atomix-datepicker-month-font-size:16px;--atomix-datepicker-month-font-weight:600;--atomix-datepicker-year-font-size:16px;--atomix-datepicker-year-font-weight:600;--atomix-datepicker-week-font-size:14px;--atomix-datepicker-week-font-weight:500;--atomix-datepicker-day-font-size:14px;--atomix-datepicker-day-font-weight:400;--atomix-datepicker-week-height:2.75rem;--atomix-datepicker-week-width:2.75rem;--atomix-datepicker-day-height:2.75rem;--atomix-datepicker-day-width:2.75rem;--atomix-datepicker-day-hover-bg:var(--atomix-secondary-bg-subtle);--atomix-datepicker-day-border-radius:6px;--atomix-datepicker-today-color:var(--atomix-brand-text-emphasis);--atomix-datepicker-day-selected-color:var(--atomix-gray-1);--atomix-datepicker-day-selected-bg:var(--atomix-primary);--atomix-datepicker-day-in-range-bg:var(--atomix-brand-bg-subtle);--atomix-datepicker-active-hover-bg:var(--atomix-brand-bg-subtle);color:var(--atomix-datepicker-color);display:inline-block;font-family:var(--atomix-font-family-base);font-size:var(--atomix-font-size-base);position:relative;width:100%}.c-datepicker__input-wrapper{align-items:center;display:flex;position:relative}.c-datepicker__input{flex:1;padding-right:2.5rem;width:100%}.c-datepicker__calendar-icon{pointer-events:none;right:.75rem}.c-datepicker__calendar-icon,.c-datepicker__clear-button{color:var(--atomix-secondary-text-emphasis);position:absolute}.c-datepicker__clear-button{align-items:center;background:none;border:none;border-radius:var(--atomix-border-radius-sm);cursor:pointer;display:flex;font-size:.75rem;justify-content:center;padding:.25rem;right:2rem}.c-datepicker__clear-button:hover{background-color:var(--atomix-secondary-bg-subtle);color:var(--atomix-body-color)}.c-datepicker__calendar{background-color:var(--atomix-datepicker-bg);border-radius:var(--atomix-datepicker-border-radius);box-shadow:var(--atomix-datepicker-box-shadow);margin-top:.25rem;padding:var(--atomix-datepicker-padding-y) var(--atomix-datepicker-padding-x);position:absolute;width:var(--atomix-datepicker-width);z-index:5}.c-datepicker__calendar--top-end,.c-datepicker__calendar--top-start{bottom:100%;margin-bottom:.25rem;margin-top:0}.c-datepicker__calendar--top-start{left:0}.c-datepicker__calendar--top-end{right:0}.c-datepicker__calendar--bottom-start{left:0;top:100%}.c-datepicker__calendar--bottom-end{right:0;top:100%}.c-datepicker__calendar--left-end,.c-datepicker__calendar--left-start{margin-right:.25rem;right:100%}.c-datepicker__calendar--left-start{top:0}.c-datepicker__calendar--left-end{bottom:0}.c-datepicker__calendar--right-end,.c-datepicker__calendar--right-start{left:100%;margin-left:.25rem}.c-datepicker__calendar--right-start{top:0}.c-datepicker__calendar--right-end{bottom:0}.c-datepicker__calendar--glass{background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;z-index:unset}.c-datepicker__glass-content{background:color-mix(in srgb,var(--atomix-datepicker-bg) 50%,transparent 0);border:none;border-radius:var(--atomix-datepicker-border-radius);box-shadow:none;padding:var(--atomix-datepicker-padding-y) var(--atomix-datepicker-padding-x);z-index:unset}.c-datepicker--inline{--atomix-datepicker-width:calc(var(--atomix-datepicker-width) + var(--atomix-datepicker-week-width))}.c-datepicker--inline .c-datepicker__calendar{margin-top:0;position:static}.c-datepicker--inline .c-datepicker__days,.c-datepicker--inline .c-datepicker__weekdays{grid-template-columns:repeat(8,1fr)}.c-datepicker__range-status{border-radius:var(--atomix-datepicker-border-radius);justify-content:center;margin-bottom:.5rem}.c-datepicker__header{align-items:center;border-bottom:1px solid var(--atomix-primary-border-subtle);display:flex;justify-content:space-between;padding:var(--atomix-datepicker-body-padding-y) var(--atomix-datepicker-body-padding-x)}.c-datepicker__nav-button{align-items:center;background:none;border:none;border-radius:var(--atomix-border-radius-sm);color:var(--atomix-body-color);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;width:2rem}.c-datepicker__nav-button:hover{background-color:var(--atomix-secondary-bg-subtle)}.c-datepicker__nav-button:focus-visible{box-shadow:var(--atomix-focus-ring);outline:none}.c-datepicker__view-switch{background:none;border:none;border-radius:var(--atomix-border-radius-sm);cursor:pointer;flex:1;font-size:var(--atomix-datepicker-month-font-size);font-weight:var(--atomix-datepicker-month-font-weight);margin:0 .5rem;padding:.5rem;text-align:center}.c-datepicker__view-switch:hover{background-color:var(--atomix-secondary-bg-subtle)}.c-datepicker__view-switch:focus-visible{box-shadow:var(--atomix-focus-ring);outline:none}.c-datepicker__body{padding:var(--atomix-datepicker-body-padding-y) var(--atomix-datepicker-body-padding-x)}.c-datepicker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);overflow:hidden;text-align:center}.c-datepicker__weekdays--has-weeknumber{grid-template-columns:auto repeat(7,1fr)}.c-datepicker__weekday{display:grid;font-weight:var(--atomix-datepicker-week-font-weight);padding:.5rem 0;place-items:center;text-align:center;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-datepicker__weekday,.c-datepicker__weeknumber{color:var(--atomix-secondary-text-emphasis);font-size:var(--atomix-datepicker-week-font-size);height:var(--atomix-datepicker-week-height);width:var(--atomix-datepicker-week-width)}.c-datepicker__weeknumber{align-items:center;background-color:var(--atomix-secondary-bg-subtle);border-radius:var(--atomix-datepicker-day-border-radius);display:flex;justify-content:center}.c-datepicker__days{display:grid;grid-template-columns:repeat(7,1fr);overflow:hidden;position:relative;width:100%}.c-datepicker__days--has-weeknumber{grid-template-columns:auto repeat(7,1fr)}.c-datepicker__day{align-items:center;background:none;border:none;border-radius:var(--atomix-datepicker-day-border-radius);color:var(--atomix-datepicker-color);cursor:pointer;display:flex;font-size:var(--atomix-datepicker-day-font-size);font-weight:var(--atomix-datepicker-day-font-weight);height:var(--atomix-datepicker-day-height);justify-content:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--atomix-datepicker-day-width)}.c-datepicker__day:hover:not(.c-datepicker__day--disabled):not(.c-datepicker__day--selected):not(.c-datepicker__day--in-range){background-color:var(--atomix-datepicker-day-hover-bg)}.c-datepicker__day:focus-visible{box-shadow:var(--atomix-focus-ring);outline:none}.c-datepicker__day--outside{color:var(--atomix-datepicker-deactivate-color);opacity:.6}.c-datepicker__day--today{color:var(--atomix-datepicker-today-color);font-weight:600;position:relative}.c-datepicker__day--today:after{background-color:currentColor;border-radius:50%;bottom:.25rem;content:"";height:.25rem;left:50%;position:absolute;transform:translateX(-50%);width:.25rem}.c-datepicker__day--in-range{background-color:var(--atomix-datepicker-day-in-range-bg);border-radius:0}.c-datepicker__day--in-range:hover{background-color:var(--atomix-datepicker-active-hover-bg)}.c-datepicker__day--selected{background-color:var(--atomix-datepicker-day-selected-bg);border-radius:var(--atomix-datepicker-day-border-radius);color:var(--atomix-datepicker-day-selected-color);z-index:1}.c-datepicker__day--selected:hover{background-color:var(--atomix-datepicker-active-hover-bg)}.c-datepicker__day--selected:first-of-type{border-bottom-right-radius:0;border-top-right-radius:0}.c-datepicker__day--selected:last-of-type{border-bottom-left-radius:0;border-top-left-radius:0}.c-datepicker__day--start-range{border-bottom-right-radius:0;border-top-right-radius:0}.c-datepicker__day--end-range{border-bottom-left-radius:0;border-top-left-radius:0}.c-datepicker__day--disabled{color:var(--atomix-disabled-text-emphasis);cursor:not-allowed;opacity:.5}.c-datepicker__day--disabled:hover{background:none}.c-datepicker__months{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.c-datepicker__month{align-items:center;background:none;border:none;border-radius:var(--atomix-border-radius-sm);color:var(--atomix-datepicker-color);cursor:pointer;display:flex;font-size:var(--atomix-datepicker-month-font-size);font-weight:var(--atomix-datepicker-month-font-weight);height:3rem;justify-content:center}.c-datepicker__month:hover:not(.c-datepicker__month--selected){background-color:var(--atomix-datepicker-day-hover-bg)}.c-datepicker__month:focus-visible{box-shadow:var(--atomix-focus-ring);outline:none}.c-datepicker__month--selected{background-color:var(--atomix-datepicker-day-selected-bg);color:var(--atomix-datepicker-day-selected-color)}.c-datepicker__month--selected:hover{background-color:var(--atomix-datepicker-active-hover-bg)}.c-datepicker__years{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.c-datepicker__year{align-items:center;background:none;border:none;border-radius:var(--atomix-border-radius-sm);color:var(--atomix-datepicker-color);cursor:pointer;display:flex;font-size:var(--atomix-datepicker-year-font-size);font-weight:var(--atomix-datepicker-year-font-weight);height:3rem;justify-content:center}.c-datepicker__year:hover:not(.c-datepicker__year--selected){background-color:var(--atomix-datepicker-day-hover-bg)}.c-datepicker__year:focus-visible{box-shadow:var(--atomix-focus-ring);outline:none}.c-datepicker__year--selected{background-color:var(--atomix-datepicker-day-selected-bg);color:var(--atomix-datepicker-day-selected-color)}.c-datepicker__year--selected:hover{background-color:var(--atomix-datepicker-active-hover-bg)}.c-datepicker__footer{border-top:1px solid var(--atomix-primary-border-subtle);display:flex;flex-wrap:wrap;justify-content:space-between;padding:.75rem .5rem 0}.c-datepicker__close-button{margin-left:auto}.c-datepicker__input.c-input--sm{font-size:.875rem;padding:.25rem .5rem}.c-datepicker__input.c-input--md{font-size:1rem;padding:.375rem .75rem}.c-datepicker__input.c-input--lg{font-size:1.125rem;padding:.5rem 1rem}.c-card{--atomix-card-spacer-y:1.25rem;--atomix-card-spacer-x:1.25rem;--atomix-card-row-spacer-y:1rem;--atomix-card-row-spacer-x:1rem;--atomix-card-title-spacer-y:0.375rem;--atomix-card-action-spacer-y:1rem;--atomix-card-header-spacer-y:1rem;--atomix-card-title-color:var(--atomix-body-color);--atomix-card-title-font-size:18px;--atomix-card-text-color:var(--atomix-secondary-text-emphasis);--atomix-card-text-font-size:16px;--atomix-card-border-color:var(--atomix-primary-border-subtle);--atomix-card-border-width:1px;--atomix-card-border-radius:var(--atomix-border-radius-xl);--atomix-card-image-border-radius:var(--atomix-border-radius-xl);--atomix-card-boxshadow:0 2px 8px rgba(0,0,0,.06);--atomix-card-height: ;--atomix-card-bg:var(--atomix-primary-bg-subtle);--atomix-card-bg-hover:var(--atomix-secondary-bg-subtle);--atomix-card-icon-size:1.5rem;--atomix-card-icon-padding:0.75rem;--atomix-card-icon-bg:var(--atomix-brand-bg-subtle);--atomix-card-icon-color:var(--atomix-brand-text-emphasis);--atomix-card-width:100%;background-color:var(--atomix-card-bg);border:var(--atomix-card-border-width) solid var(--atomix-card-border-color);border-radius:var(--atomix-card-border-radius);color:inherit;display:block;max-width:var(--atomix-card-width);padding:var(--atomix-card-spacer-y) var(--atomix-card-spacer-x);text-decoration:none;transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}.c-card[href]{color:inherit!important;cursor:pointer;display:block;text-decoration:none!important}.c-card[href]:active,.c-card[href]:focus,.c-card[href]:hover,.c-card[href]:visited{color:inherit!important;text-decoration:none!important}.c-card__header{margin-bottom:var(--atomix-card-header-spacer-y)}.c-card__image{border-radius:var(--atomix-card-image-border-radius);max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.c-card__body{position:relative}.c-card__title{color:var(--atomix-card-title-color);font-size:var(--atomix-card-title-font-size);margin-bottom:var(--atomix-card-title-spacer-y)}.c-card__text{color:var(--atomix-card-text-color);font-size:var(--atomix-card-text-font-size)}.c-card__actions{display:flex;flex-wrap:wrap;gap:var(--atomix-card-action-spacer-y);margin-top:var(--atomix-card-action-spacer-y)}.c-card__icon{background-color:var(--atomix-card-icon-bg);border-radius:50rem;color:var(--atomix-card-icon-color);display:inline-flex;font-size:var(--atomix-card-icon-size);padding:var(--atomix-card-icon-padding)}.c-card__footer{border-top:1px solid var(--atomix-card-border-color);margin-top:var(--atomix-card-spacer-y);padding-top:var(--atomix-card-spacer-y)}.c-card__footer--align-start{align-items:center;display:flex;justify-content:flex-start}.c-card__footer--align-center{align-items:center;display:flex;justify-content:center}.c-card__footer--align-end{align-items:center;display:flex;justify-content:flex-end}.c-card__footer--align-between{align-items:center;display:flex;justify-content:space-between}.c-card__body--scrollable{overflow-x:hidden;overflow-y:auto}.c-card:hover{background-color:var(--atomix-card-bg-hover)}.c-card.is-active,.c-card:focus{--atomix-card-border-color:var(--atomix-brand-border-subtle)}.c-card--row{display:flex;padding:var(--atomix-card-row-spacer-y) var(--atomix-card-row-spacer-x)}.c-card--row .c-card__header{margin-bottom:0}.c-card--row .c-card__body{flex:1;padding-left:var(--atomix-card-row-spacer-x);padding-top:0}.c-card--row .c-card__image{flex:1;height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.c-card--flat{padding:0}.c-card--flat .c-card__body{padding:var(--atomix-card-row-spacer-y) var(--atomix-card-row-spacer-x)}.c-card--flat .c-card__image{border-radius:0}.c-card--flat .c-card__footer{padding:var(--atomix-card-row-spacer-y) var(--atomix-card-row-spacer-x);padding-top:0}.c-card--sm{--atomix-card-spacer-y:0.5rem;--atomix-card-spacer-x:0.5rem;--atomix-card-title-font-size:var(--atomix-font-size-sm);--atomix-card-text-font-size:var(--atomix-font-size-xs)}.c-card--lg{--atomix-card-spacer-y:1.5rem;--atomix-card-spacer-x:1.5rem;--atomix-card-title-font-size:var(--atomix-font-size-lg);--atomix-card-text-font-size:var(--atomix-font-size-base)}.c-card--filled{background-color:var(--atomix-card-bg)}.c-card--glass{background-color:color-mix(in srgb,var(--atomix-card-bg) 50%,transparent);max-width:none}.c-card--outlined{background-color:transparent;border-width:var(--atomix-card-border-width)}.c-card--ghost{background-color:transparent;border:none}.c-card--elevated{box-shadow:var(--atomix-box-shadow-md)}.c-card--elevation-none{box-shadow:none}.c-card--elevation-sm{box-shadow:var(--atomix-box-shadow-sm)}.c-card--elevation-md{box-shadow:var(--atomix-box-shadow-md)}.c-card--elevation-lg{box-shadow:var(--atomix-box-shadow-lg)}.c-card--elevation-xl{box-shadow:var(--atomix-box-shadow-xl)}.c-card--disabled{cursor:not-allowed;opacity:.6}.c-card--disabled,.c-card--loading{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-card--loading{overflow:hidden;position:relative}.c-card--loading:before{backdrop-filter:blur(1px);background-color:var(--atomix-card-bg-hover);border-radius:var(--atomix-card-border-radius);content:"";inset:0;position:absolute;z-index:1}.c-card--loading.dark:before,[data-theme=dark] .c-card--loading:before{background-color:rgba(0,0,0,.5)}.c-card--selected{--atomix-card-border-color:var(--atomix-brand-border-subtle);--atomix-card-border-width:2px;box-shadow:var(--atomix-box-shadow-md)}.c-card--interactive{cursor:pointer;transition:all .2s ease-in-out}.c-card--interactive:hover:not(.c-card--interactive--disabled){box-shadow:var(--atomix-box-shadow-lg);transform:translateY(-2px)}.c-card--interactive:active:not(.c-card--interactive--disabled){transform:translateY(0)}.c-card--hoverable{cursor:pointer;transition:all .2s ease-in-out}.c-card--hoverable:hover:not(.c-card--hoverable--disabled){transform:translateY(-2px)}.c-card--hoverable:active:not(.c-card--hoverable--disabled){transform:translateY(0)}.c-card--hoverable--hover-elevation-none:hover:not(.c-card--hoverable--disabled){box-shadow:none}.c-card--hoverable--hover-elevation-sm:hover:not(.c-card--hoverable--disabled){box-shadow:var(--atomix-box-shadow-sm)}.c-card--hoverable--hover-elevation-md:hover:not(.c-card--hoverable--disabled){box-shadow:var(--atomix-box-shadow-md)}.c-card--hoverable--hover-elevation-lg:hover:not(.c-card--hoverable--disabled){box-shadow:var(--atomix-box-shadow-lg)}.c-card--hoverable--hover-elevation-xl:hover:not(.c-card--hoverable--disabled){box-shadow:var(--atomix-box-shadow-xl)}.c-card--primary{--atomix-card-bg:var(--atomix-brand-bg-subtle);--atomix-card-bg-hover:var(--atomix-brand-bg-subtle);--atomix-card-border-color:var(--atomix-brand-border-subtle);--atomix-card-title-color:var(--atomix-brand-text-emphasis);--atomix-card-icon-bg:var(--atomix-brand-text-emphasis);--atomix-card-icon-color:var(--atomix-brand-bg-subtle)}.c-card--secondary{--atomix-card-bg:var(--atomix-secondary-bg-subtle);--atomix-card-bg-hover:var(--atomix-secondary-bg-subtle);--atomix-card-border-color:var(--atomix-secondary-border-subtle);--atomix-card-title-color:var(--atomix-secondary-text-emphasis);--atomix-card-icon-bg:var(--atomix-secondary-text-emphasis);--atomix-card-icon-color:var(--atomix-secondary-bg-subtle)}.c-card--success{--atomix-card-bg:var(--atomix-success-bg-subtle);--atomix-card-bg-hover:var(--atomix-success-bg-subtle);--atomix-card-border-color:var(--atomix-success-border-subtle);--atomix-card-title-color:var(--atomix-success-text-emphasis);--atomix-card-icon-bg:var(--atomix-success-text-emphasis);--atomix-card-icon-color:var(--atomix-success-bg-subtle)}.c-card--info{--atomix-card-bg:var(--atomix-info-bg-subtle);--atomix-card-bg-hover:var(--atomix-info-bg-subtle);--atomix-card-border-color:var(--atomix-info-border-subtle);--atomix-card-title-color:var(--atomix-info-text-emphasis);--atomix-card-icon-bg:var(--atomix-info-text-emphasis);--atomix-card-icon-color:var(--atomix-info-bg-subtle)}.c-card--warning{--atomix-card-bg:var(--atomix-warning-bg-subtle);--atomix-card-bg-hover:var(--atomix-warning-bg-subtle);--atomix-card-border-color:var(--atomix-warning-border-subtle);--atomix-card-title-color:var(--atomix-warning-text-emphasis);--atomix-card-icon-bg:var(--atomix-warning-text-emphasis);--atomix-card-icon-color:var(--atomix-warning-bg-subtle)}.c-card--error{--atomix-card-bg:var(--atomix-error-bg-subtle);--atomix-card-bg-hover:var(--atomix-error-bg-subtle);--atomix-card-border-color:var(--atomix-error-border-subtle);--atomix-card-title-color:var(--atomix-error-text-emphasis);--atomix-card-icon-bg:var(--atomix-error-text-emphasis);--atomix-card-icon-color:var(--atomix-error-bg-subtle)}.c-card--light{--atomix-card-bg:var(--atomix-light);--atomix-card-bg-hover:var(--atomix-light-hover);--atomix-card-border-color:var(--atomix-light);--atomix-card-title-color:var(--atomix-dark);--atomix-card-text-color:var(--atomix-dark);--atomix-card-icon-bg:var(--atomix-dark);--atomix-card-icon-color:var(--atomix-light)}.c-card--dark{--atomix-card-bg:var(--atomix-dark);--atomix-card-bg-hover:var(--atomix-dark-hover);--atomix-card-border-color:var(--atomix-dark);--atomix-card-title-color:var(--atomix-light);--atomix-card-text-color:var(--atomix-light);--atomix-card-icon-bg:var(--atomix-light);--atomix-card-icon-color:var(--atomix-dark)}.c-card__loading{align-items:center;border-radius:var(--atomix-card-border-radius);display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.c-card__spinner{animation:spin .8s linear infinite;background-color:transparent;border:4px solid;border-color:var(--atomix-border-primary,rgba(0,0,0,.15));border-radius:50%;border-right-color:var(--atomix-brand-text-emphasis,var(--atomix-primary));border-top-color:var(--atomix-brand-text-emphasis,var(--atomix-primary));box-sizing:border-box;display:block;flex-shrink:0;height:2.5rem;width:2.5rem}.c-card:focus-visible{outline:2px solid var(--atomix-brand-border-subtle);outline-offset:2px}@media (prefers-reduced-motion:reduce){.c-card{transition:none}.c-card--hoverable:hover:not(.c-card--disabled),.c-card--interactive:hover:not(.c-card--disabled){transform:none}.c-card__spinner{animation:none;border-top-color:transparent}}@media (prefers-contrast:high){.c-card{border-width:2px}.c-card--selected{border-width:3px}}.is-elevated .c-card{box-shadow:var(--atomix-box-shadow-lg,0 16px 48px rgba(0,0,0,.175));transition:box-shadow .2s cubic-bezier(.4,0,.2,1);z-index:1}.c-chart{--atomix-chart-primary-color:var(--atomix-primary);--atomix-chart-secondary-color:var(--atomix-secondary);--atomix-chart-border-radius:0.625rem;--atomix-chart-padding:1rem;--atomix-chart-gap:0.5rem;--atomix-chart-border-width:var(--atomix-border-width);--atomix-chart-border-color:var(--atomix-border-color);--atomix-chart-bg:var(--atomix-body-bg);--atomix-chart-min-height:13rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--atomix-chart-bg);border:var(--atomix-chart-border-width) solid var(--atomix-chart-border-color);border-radius:var(--atomix-chart-border-radius);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24),0 0 0 1px rgba(var(--atomix-primary-rgb),.05);display:flex;flex-direction:column;max-width:100%;min-height:var(--atomix-chart-min-height);overflow:hidden;position:relative;width:100%}.c-chart:before{background:linear-gradient(135deg,rgba(var(--atomix-primary-rgb),.08) 0,transparent 40%,transparent 60%,rgba(var(--atomix-secondary-rgb),.04) 100%),radial-gradient(circle at 20% 20%,rgba(var(--atomix-primary-rgb),.06) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(var(--atomix-secondary-rgb),.04) 0,transparent 50%);content:"";inset:0;opacity:1;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.c-chart:after{background:linear-gradient(135deg,rgba(var(--atomix-primary-rgb),.1),rgba(var(--atomix-secondary-rgb),.05),transparent);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:2}.c-chart:hover{border-color:rgba(var(--atomix-primary-rgb),.2);box-shadow:0 8px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.16),0 0 0 1px rgba(var(--atomix-primary-rgb),.1),0 0 40px rgba(var(--atomix-primary-rgb),.08)}.c-chart:hover:after{opacity:1}.c-chart--loading .c-chart__content{overflow:hidden;position:relative}.c-chart--loading .c-chart__content:after{animation:chart-shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.c-chart--loading .c-chart__canvas{filter:blur(1px);opacity:.3}.c-chart--fullscreen{background:var(--atomix-body-bg);border-radius:0;box-shadow:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.c-chart--elevated{box-shadow:0 12px 32px rgba(0,0,0,.15),0 6px 12px rgba(0,0,0,.2),0 0 0 1px rgba(var(--atomix-primary-rgb),.1),0 0 60px rgba(var(--atomix-primary-rgb),.12)}.c-chart--elevated:hover{box-shadow:0 16px 40px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.24),0 0 0 1px rgba(var(--atomix-primary-rgb),.15),0 0 80px rgba(var(--atomix-primary-rgb),.16)}.c-chart--glass{background:transparent;border:none;box-shadow:none}.c-chart--glass .c-chart__canvas,.c-chart--glass .c-chart__content,.c-chart--glass .c-chart__toolbar{position:relative}.c-chart--disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.c-chart--disabled:active,.c-chart--disabled:focus,.c-chart--disabled:hover{background-color:inherit;color:inherit;transform:none}.c-chart--selected{background:linear-gradient(135deg,rgba(var(--atomix-primary-rgb),.08) 0,rgba(var(--atomix-primary-rgb),.04) 100%),var(--atomix-chart-bg);border-color:rgba(var(--atomix-primary-rgb),.3);box-shadow:0 4px 16px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.12),0 0 0 2px rgba(var(--atomix-primary-rgb),.2),0 0 30px rgba(var(--atomix-primary-rgb),.15)}.c-chart--active{border-color:var(--atomix-primary-border-subtle);box-shadow:0 4px 8px rgba(0,0,0,.1)}.c-chart--clickable{cursor:pointer}.c-chart--clickable:hover{border-color:rgba(var(--atomix-primary-rgb),.25);box-shadow:0 8px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.16),0 0 0 1px rgba(var(--atomix-primary-rgb),.1),0 0 40px rgba(var(--atomix-primary-rgb),.08)}.c-chart--clickable:active{box-shadow:0 2px 8px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.12)}.c-chart__header{align-items:flex-start;backdrop-filter:blur(.75rem);border-bottom:var(--atomix-chart-border-width) solid var(--atomix-brand-bg-subtle);display:flex;gap:var(--atomix-chart-gap);justify-content:space-between;padding:var(--atomix-chart-padding);position:relative;z-index:2}.c-chart__header:after{background:linear-gradient(90deg,transparent,var(--atomix-brand-border-subtle),transparent);bottom:0;content:"";height:1px;left:var(--atomix-chart-padding);position:absolute;right:var(--atomix-chart-padding)}.c-chart__header-content{flex:1;min-width:0}.c-chart__title{color:var(--atomix-heading-color);font-size:1.25rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0 0 .5rem;word-wrap:break-word;hyphens:auto}.c-chart__subtitle{color:var(--atomix-secondary-text-emphasis);line-height:1.4;margin:0;opacity:.8;word-wrap:break-word}.c-chart__toolbar{align-items:center;backdrop-filter:blur(8px);background:var(--atomix-primary-bg-subtle);border:1px solid var(--atomix-primary-border-subtle);border-radius:.25rem;box-shadow:0 2px 4px rgba(0,0,0,.075);display:flex;flex-shrink:0;gap:var(--atomix-chart-gap);margin-left:auto;padding:.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.c-chart__toolbar:hover{background:var(--atomix-primary-bg-default);box-shadow:0 4px 8px rgba(0,0,0,.1)}.c-chart__action{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--atomix-secondary-text-emphasis);cursor:pointer;display:inline-flex;font-size:.875rem;height:2rem;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:2rem}.c-chart__action:before{background:var(--atomix-primary-6);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.c-chart__action svg{height:1rem;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);width:1rem;z-index:1}.c-chart__action:hover{background-color:var(--atomix-primary-bg-subtle);border-color:var(--atomix-primary-border-subtle);box-shadow:0 2px 4px rgba(0,0,0,.075);color:var(--atomix-primary-text-emphasis);transform:translateY(-1px)}.c-chart__action:hover:before{opacity:.1}.c-chart__action:hover svg{transform:scale(1.1)}.c-chart__action:focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}.c-chart__action:focus-visible{border-color:var(--atomix-primary-border-subtle)}.c-chart__action:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.1);transform:translateY(0)}.c-chart__action:active:before{opacity:.2}.c-chart__action:active svg{transform:scale(.95)}.c-chart__action:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;pointer-events:none;transform:none}.c-chart__action:disabled:hover{background-color:transparent;border-color:transparent;box-shadow:none;transform:none}.c-chart__export-group{align-items:center;display:flex;gap:.25rem;position:relative}.c-chart__export-group:hover .c-chart__export-dropdown{opacity:1;transform:translateY(0);visibility:visible}.c-chart__export-dropdown{backdrop-filter:blur(8px);background:var(--atomix-primary-bg-default);border:1px solid var(--atomix-primary-border-subtle);border-radius:.25rem;box-shadow:0 16px 48px rgba(0,0,0,.175);margin-top:.25rem;min-width:7rem;opacity:0;padding:.25rem;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1000}.c-chart__export-option{background:transparent;border:none;border-radius:.25rem;color:var(--atomix-primary-text-emphasis);cursor:pointer;display:block;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.5rem .75rem;text-align:left;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.c-chart__export-option:hover{background-color:var(--atomix-primary-bg-subtle);color:var(--atomix-primary-text-emphasis)}.c-chart__export-option:focus-visible{outline:calc(var(--atomix-border-width)*2) solid var(--atomix-primary-6);outline-offset:calc(var(--atomix-border-width)*-2)}.c-chart__export-option:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.c-chart__export-option:not(:last-child){margin-bottom:.25rem}.c-chart__settings-menu{backdrop-filter:blur(8px);background:var(--atomix-primary-bg-default);border:1px solid var(--atomix-primary-border-subtle);border-radius:.25rem;box-shadow:0 16px 48px rgba(0,0,0,.175);margin-top:.25rem;min-width:8.75rem;opacity:0;padding:.5rem;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1000}.c-chart__settings-menu-title{border-bottom:1px solid var(--atomix-border-color);color:var(--atomix-text-primary);font-size:.875rem;font-weight:600;margin-bottom:.5rem;padding-bottom:.5rem}.c-chart__settings-menu-content{display:flex;flex-direction:column;gap:.25rem}.c-chart__settings-menu-item{align-items:center;display:flex;gap:.75rem;justify-content:space-between;padding:.375rem 0}.c-chart__settings-menu-item--info{font-size:.75rem;opacity:.7}.c-chart__settings-menu-toggle{align-items:center;cursor:pointer;display:flex;gap:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.c-chart__settings-menu-toggle input[type=checkbox]{accent-color:var(--atomix-primary);cursor:pointer;flex-shrink:0;height:1rem;width:1rem}.c-chart__settings-menu-label{color:var(--atomix-text-primary);flex:1;font-size:.75rem;font-weight:500}.c-chart__settings-menu-value{color:var(--atomix-secondary-text-emphasis);font-size:.75rem;font-weight:600;text-transform:capitalize}.c-chart__toolbar-group{align-items:center;display:flex;gap:.5rem;position:relative}.c-chart__toolbar-group:hover .c-chart__export-dropdown,.c-chart__toolbar-group:hover .c-chart__settings-menu{opacity:1;transform:translateY(0);visibility:visible}.c-chart__toolbar-separator{background:var(--atomix-border-color);height:1.5rem;margin:0 .5rem;width:1px}.c-chart__toolbar-label{color:var(--atomix-secondary-text-emphasis);font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-right:.5rem;text-transform:uppercase}.c-chart__content{align-items:center;contain:layout;display:flex;flex:1;justify-content:center;min-height:8rem;overflow:hidden;padding:var(--atomix-chart-padding);position:relative;z-index:3}.c-chart__content:before{background-image:radial-gradient(circle at 1px 1px,rgba(var(--atomix-primary-rgb),.08) 1px,transparent 0);background-size:16px 16px;bottom:0;content:"";left:0;opacity:.4;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.c-chart__content:after{background:linear-gradient(180deg,rgba(var(--atomix-primary-rgb),.03) 0,transparent 30%,transparent 70%,rgba(var(--atomix-secondary-rgb),.02) 100%);content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.c-chart__canvas{background:transparent;border-radius:.25rem;contain:layout style paint;height:100%;min-height:200px;overflow:hidden;position:relative;width:100%;z-index:2}.c-chart__canvas svg{display:block;shape-rendering:geometricPrecision;animation:chart-fade-in .3s ease-out forwards;backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;opacity:0;text-rendering:optimizeLegibility;transform:translateZ(0);will-change:contents}@keyframes chart-fade-in{0%{opacity:0}to{opacity:1}}.c-chart__canvas canvas{display:block;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;width:100%}.c-chart__tooltip{backdrop-filter:blur(1rem);border:1px solid var(--atomix-primary-border-subtle);border-radius:.625rem;box-shadow:var(--atomix-box-shadow);max-width:16rem;min-width:8rem;opacity:1;padding:.75rem 1rem;pointer-events:none;position:fixed;z-index:1070}.c-chart__tooltip,.c-chart__tooltip-title{color:var(--atomix-primary-text-emphasis);font-size:.875rem}.c-chart__tooltip-title{font-weight:700;margin-bottom:.5rem}.c-chart__tooltip-content{display:flex;flex-direction:column;gap:.25rem}.c-chart__tooltip-dataset{align-items:center;display:flex;gap:.5rem}.c-chart__tooltip-color-indicator{border-radius:50%;flex-shrink:0;height:.75rem;width:.75rem}.c-chart__tooltip-dataset-label{color:var(--atomix-secondary-text-emphasis);font-size:.75rem}.c-chart__tooltip-value{color:var(--atomix-primary-text-emphasis);font-size:.75rem;font-weight:600}.c-chart__tooltip-metadata{border-top:1px solid var(--atomix-primary-border-subtle);margin-top:.5rem;padding-top:.5rem}.c-chart__tooltip-metadata-item{display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.25rem}.c-chart__tooltip-metadata-item:last-child{margin-bottom:0}.c-chart__tooltip-metadata-key{color:var(--atomix-secondary-text-emphasis)}.c-chart__tooltip-metadata-value{color:var(--atomix-primary-text-emphasis);font-weight:500}.c-chart__grid{stroke:var(--atomix-primary-border-subtle);stroke-width:.5;stroke-dasharray:2,4}.c-chart__grid--major{stroke-width:1;stroke-dasharray:none;opacity:.4}.c-chart__grid--minor{opacity:.1}.c-chart__grid--zero{stroke-width:1.5;stroke-dasharray:none;opacity:.6}.c-chart__axis-line{stroke:var(--atomix-border-color);stroke-width:1;opacity:.6}.c-chart__axis-label{font-size:.75rem;font-weight:500;fill:var(--atomix-tertiary-text-emphasis)}.c-chart__legend-item-color{flex-shrink:0;height:.75rem;width:.75rem}.c-chart__legend-item-text{font-size:.75rem;fill:var(--atomix-text-primary)}.c-chart__data-line{stroke-width:2.5;fill:none}.c-chart__data-line--hovered{stroke-width:3.5}.c-chart__data-point{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.c-chart__data-point:hover{opacity:.8}.c-chart__data-point:focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}.c-chart__data-point--hovered{opacity:.9;transform:scale(1.1)}.c-chart__data-point--selected{opacity:1;stroke-width:2;filter:drop-shadow(0 0 4px currentColor)}.c-chart__empty{align-items:center;animation:chart-fade-in .6s ease-out;color:var(--atomix-secondary-text-emphasis);display:flex;flex-direction:column;font-size:.875rem;gap:1rem;justify-content:center;min-height:8rem;opacity:.6;padding:2rem;text-align:center}.c-chart__toolbar--sm{gap:.25rem}.c-chart__toolbar--lg{gap:.75rem;padding:.5rem}.c-chart__legend-item--active{font-weight:600;opacity:1}.c-chart__legend-item--inactive{opacity:.5}.c-chart__treemap-node{stroke:var(--atomix-border-color);stroke-width:1;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision}.c-chart__treemap-node:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transform:scale(1.02);stroke-width:1.5}.c-chart__treemap-node--hovered{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transform:scale(1.02);stroke-width:1.5}.c-chart__treemap-node--selected{stroke:var(--atomix-primary-border-subtle);stroke-width:2;filter:drop-shadow(0 16px 48px rgba(0,0,0,.175))}.c-chart__treemap-node:focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}.c-chart__treemap-label{font-size:.875rem;font-weight:500;fill:var(--atomix-text-primary);text-anchor:middle;dominant-baseline:middle;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-chart__funnel-segment{stroke:var(--atomix-border-color);stroke-width:1;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision}.c-chart__funnel-segment:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.075));opacity:.9;stroke-width:1.5}.c-chart__funnel-segment:focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}.c-chart__funnel-label{font-size:.875rem;font-weight:500;fill:var(--atomix-text-primary);text-shadow:0 1px 2px rgba(0,0,0,.3)}.c-chart__funnel-conversion,.c-chart__funnel-label{text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-chart__funnel-conversion{font-size:.75rem;font-weight:600;fill:var(--atomix-secondary-text-emphasis);opacity:.8}.c-chart__heatmap-cell{stroke:var(--atomix-border-color);stroke-width:1;rx:.25rem;ry:.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision}.c-chart__heatmap-cell:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.075));transform:scale(1.05);transform-origin:center;stroke-width:2;z-index:10}.c-chart__heatmap-cell--hovered{filter:drop-shadow(0 2px 4px rgba(0,0,0,.075));transform:scale(1.05);transform-origin:center;stroke-width:2;z-index:10}.c-chart__heatmap-cell:focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}.c-chart__heatmap-label{font-weight:400;fill:var(--atomix-text-primary)}.c-chart__heatmap-axis-label,.c-chart__heatmap-label{font-size:.75rem;text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-chart__heatmap-axis-label{font-weight:500;fill:var(--atomix-secondary-text-emphasis)}.c-chart__heatmap-legend-title{font-size:.875rem;font-weight:600;fill:var(--atomix-text-primary);dominant-baseline:baseline}.c-chart__heatmap-legend-label,.c-chart__heatmap-legend-title{text-anchor:start;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-chart__heatmap-legend-label{font-size:.75rem;font-weight:400;fill:var(--atomix-secondary-text-emphasis);dominant-baseline:middle}.c-chart__candlestick-candle{stroke:var(--atomix-border-color);stroke-width:1;rx:.25rem;ry:.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision}.c-chart__candlestick-candle:hover{opacity:.9;stroke-width:1.5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.075))}.c-chart__candlestick-candle:focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}.c-chart__candlestick-wick{stroke:var(--atomix-tertiary-text-emphasis);stroke-width:1;opacity:.8;transition:all .3s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision}.c-chart__candlestick-wick:hover{opacity:1;stroke-width:1.2}.c-chart__candlestick-volume{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision}.c-chart__candlestick-volume:hover{opacity:.6}.c-chart__bar{rx:.25rem;ry:.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision}.c-chart__bar:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.075));opacity:.85}.c-chart__bar--hovered{filter:drop-shadow(0 2px 4px rgba(0,0,0,.075));opacity:.85}.c-chart__bar:focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}.c-chart__bar-value-label{font-size:.75rem;font-weight:500;fill:var(--atomix-text-primary);text-anchor:middle;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-chart__line-path{fill:none;stroke-linecap:round;stroke-linejoin:round}.c-chart__area-fill,.c-chart__area-path,.c-chart__area-point,.c-chart__line-path{transition:all .3s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision}.c-chart__area-point{cursor:pointer}.c-chart__area-point:hover{transform:scale(1.2)}.c-chart__area-point--hovered{transform:scale(1.2)}.c-chart__area-point:focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}.c-chart__point-label{font-size:.75rem;font-weight:500;text-anchor:middle;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-chart__pie-slice{cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision}.c-chart__pie-slice:hover{stroke-width:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.075))}.c-chart__pie-slice--hovered{stroke-width:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.075))}.c-chart__pie-slice:focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}.c-chart__pie-label{font-size:.75rem;font-weight:500;fill:var(--atomix-text-primary);text-anchor:middle;dominant-baseline:middle;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-chart__donut-slice{cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision;transform-origin:center}.c-chart__donut-slice:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.075));transform:scale(1.02)}.c-chart__donut-slice--hovered{filter:drop-shadow(0 2px 4px rgba(0,0,0,.075));transform:scale(1.02)}.c-chart__donut-slice:focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}.c-chart__donut-label{font-weight:500;fill:var(--atomix-text-primary);text-shadow:0 1px 2px rgba(0,0,0,.3)}.c-chart__donut-label,.c-chart__donut-percentage{font-size:.75rem;text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-chart__donut-percentage{font-weight:600;fill:var(--atomix-secondary-text-emphasis)}.c-chart__donut-center-label{font-size:.875rem;font-weight:500;fill:var(--atomix-secondary-text-emphasis)}.c-chart__donut-center-label,.c-chart__donut-center-value{text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-chart__donut-center-value{font-size:1.25rem;font-weight:700;fill:var(--atomix-text-primary)}.c-chart__scatter-point{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision}.c-chart__scatter-point:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.075));transform:scale(1.2)}.c-chart__scatter-point:focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}.c-chart__scatter-label{font-size:.75rem;font-weight:500;fill:var(--atomix-text-primary);text-anchor:middle;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-chart__bubble{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision}.c-chart__bubble:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transform:scale(1.1)}.c-chart__bubble--hovered{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transform:scale(1.1)}.c-chart__bubble:focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}.c-chart__bubble-label{font-size:.75rem;font-weight:500;fill:var(--atomix-text-primary);text-anchor:middle;dominant-baseline:middle;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-chart__radar-grid-line{stroke:var(--atomix-border-color);stroke-width:1;opacity:.3;shape-rendering:geometricPrecision}.c-chart__radar-axis-label{font-size:.75rem;font-weight:500;fill:var(--atomix-secondary-text-emphasis);text-anchor:middle;dominant-baseline:middle;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-chart__radar-area,.c-chart__radar-line{transition:all .3s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision}.c-chart__radar-line{stroke-linecap:round;stroke-linejoin:round}.c-chart__radar-point{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision}.c-chart__radar-point:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.075));transform:scale(1.3)}.c-chart__radar-point--hovered{filter:drop-shadow(0 2px 4px rgba(0,0,0,.075));transform:scale(1.3)}.c-chart__radar-point:focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}.c-chart__waterfall-bar{rx:.25rem;ry:.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision}.c-chart__waterfall-bar:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.075));opacity:.85}.c-chart__waterfall-bar--animated{animation:chart-bar-appear 1s ease-out;transform-origin:bottom center}.c-chart__waterfall-bar:focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}.c-chart__waterfall-value{font-size:.75rem;font-weight:600;fill:var(--atomix-text-primary);text-anchor:middle;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-chart__waterfall-value--center{dominant-baseline:middle}.c-chart__waterfall-value--outside{dominant-baseline:auto}.c-chart__waterfall-connector{stroke:var(--atomix-border-color);stroke-width:1;opacity:.6;shape-rendering:geometricPrecision}.c-chart__waterfall-cumulative-line{stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.c-chart__waterfall-cumulative-line,.c-chart__waterfall-cumulative-point{transition:all .3s cubic-bezier(.4,0,.2,1);shape-rendering:geometricPrecision}.c-chart__waterfall-cumulative-point{cursor:pointer}.c-chart__waterfall-cumulative-point:hover{transform:scale(1.3)}.c-chart__waterfall-cumulative-point:focus-visible{box-shadow:0 0 0 2px var(--atomix-focus-border-color);outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}@media (prefers-contrast:high){.c-chart{border-width:calc(var(--atomix-border-width)*2)}.c-chart--selected{border-width:calc(var(--atomix-border-width)*3)}.c-chart__action{border-width:calc(var(--atomix-border-width)*2)}.c-chart__action:focus-visible{outline-width:calc(var(--atomix-border-width)*3)}.c-chart__data-point{stroke-width:2}.c-chart__data-point--selected{stroke-width:3}.c-chart__grid{stroke-width:1;opacity:.6}.c-chart__grid--major{stroke-width:1.5;opacity:.8}.c-chart__grid--zero{stroke-width:2;opacity:1}.c-chart__treemap-node{stroke-width:2}.c-chart__treemap-node--selected{stroke-width:3}.c-chart__treemap-node:focus-visible{outline-width:calc(var(--atomix-border-width)*3)}.c-chart__funnel-segment{stroke-width:2}.c-chart__funnel-segment:focus-visible{outline-width:calc(var(--atomix-border-width)*3)}.c-chart__heatmap-cell{stroke-width:2}.c-chart__heatmap-cell--hovered{stroke-width:3}.c-chart__heatmap-cell:focus-visible{outline-width:calc(var(--atomix-border-width)*3)}.c-chart__candlestick-candle{stroke-width:2}.c-chart__candlestick-candle:focus-visible{outline-width:calc(var(--atomix-border-width)*3)}.c-chart__candlestick-wick{stroke-width:2;opacity:1}}@media (prefers-reduced-motion:reduce){.c-chart{animation:none;transition:none}.c-chart:after,.c-chart:before{animation:none;transition:none}.c-chart--elevated{transform:none}.c-chart--elevated:hover{transform:none}.c-chart--clickable{transition:none}.c-chart--clickable:hover{transform:none}.c-chart--clickable:active{transform:none}.c-chart__action{transition:none}.c-chart__action:hover{transform:none}.c-chart__action svg{transition:none}.c-chart__action svg:hover{transform:none}.c-chart__data-point{transition:none}.c-chart__data-point--hovered{transform:none}.c-chart__treemap-node{transition:none}.c-chart__treemap-node:hover{transform:none}.c-chart__treemap-node--hovered{transform:none}.c-chart__funnel-segment{transition:none}.c-chart__funnel-segment:hover{transform:none}.c-chart__heatmap-cell{transition:none}.c-chart__heatmap-cell:hover{transform:none}.c-chart__heatmap-cell--hovered{transform:none}.c-chart__candlestick-candle{transition:none}.c-chart__candlestick-candle:hover{transform:none}.c-chart__candlestick-volume,.c-chart__candlestick-wick{transition:none}.c-chart__empty{animation:none}.c-chart--loading .c-chart__content:after{animation:none}.c-chart__waterfall-bar--animated{animation:none}.c-chart__canvas svg{animation:none;opacity:1}}@keyframes chart-bar-appear{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.c-checkbox-group{--atomix-checkbox-group-items-spacer-y:0.75rem;--atomix-checkbox-group-items-spacer-x:1.25rem;display:flex;flex-direction:column;gap:var(--atomix-checkbox-group-items-spacer-y) var(--atomix-checkbox-group-items-spacer-x)}.c-checkbox-group--horizontal{flex-direction:row}.c-checkbox{--atomix-checkbox-width:20px;--atomix-checkbox-height:20px;--atomix-checkbox-spacer:12px;--atomix-checkbox-font-size:16px;--atomix-checkbox-text-color:var(--atomix-body-color);--atomix-checkbox-text-color-disabled:var(--atomix-tertiary-text-emphasis);--atomix-checkbox-checked-text-color:var(--atomix-body-color);--atomix-checkbox-checked-text-color-disabled:var(--atomix-disabled-text-emphasis);--atomix-checkbox-bg:var(--atomix-body-bg);--atomix-checkbox-checked-bg:var(--atomix-invert-bg-subtle);--atomix-checkbox-checked-bg-hover:var(--atomix-tertiary-text-emphasis);--atomix-checkbox-checked-bg-disabled:var(--atomix-disabled-text-emphasis);--atomix-checkbox-border-width:1px;--atomix-checkbox-border-color:var(--atomix-tertiary-text-emphasis);--atomix-checkbox-border-color-hover:var(--atomix-primary-text-emphasis);--atomix-checkbox-border-color-disabled:var(--atomix-disabled-text-emphasis);--atomix-checkbox-border-color-error:var(--atomix-error-border-subtle);display:flex;gap:var(--atomix-checkbox-spacer)}.c-checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--atomix-checkbox-bg);border:var(--atomix-checkbox-border-width) solid var(--atomix-checkbox-border-color);border-radius:var(--atomix-checkbox-border-radius);color:currentColor;height:var(--atomix-checkbox-height);overflow:hidden;position:relative;transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:var(--atomix-checkbox-width)}.c-checkbox__input[type=radio]{border-radius:50rem}.c-checkbox__input:before{color:var(--atomix-checkbox-checked-bg);content:"\ef10";display:block;font-family:Lux Icon;font-size:1.625rem;left:-4px;position:absolute;top:-7px;transform:scale(0);transform-origin:center;transition:transform .12s ease-in-out}.c-checkbox__input:hover{border-color:var(--atomix-checkbox-border-color-hover)}.c-checkbox__input:checked{border-color:var(--atomix-checkbox-checked-bg)}.c-checkbox__input:checked:before{transform:scale(1)}.c-checkbox__input:checked:hover{border-color:var(--atomix-checkbox-checked-bg-hover)}.c-checkbox__input:checked:hover:before{color:var(--atomix-checkbox-checked-bg-hover)}.c-checkbox__input:checked+.c-checkbox{color:red}.c-checkbox__input:focus-visible{outline:2px solid var(--atomix-brand-border-subtle)}.c-checkbox__input:disabled{border-color:var(--atomix-checkbox-border-color-disabled)!important;cursor:not-allowed}.c-checkbox__input:disabled:before{color:var(--atomix-checkbox-checked-text-color-disabled)!important}.c-checkbox__label{color:var(--atomix-checkbox-text-color);font-size:var(--atomix-checkbox-font-size)}.c-checkbox.is-disabled{--atomix-checkbox-text-color:var(--atomix-checkbox-text-color-disabled)}.c-checkbox.is-disabled .c-checkbox__input{border-color:var(--atomix-checkbox-border-color-disabled)!important;cursor:not-allowed}.c-checkbox.is-disabled .c-checkbox__input:before{color:var(--atomix-checkbox-checked-text-color-disabled)!important}.c-checkbox.is-error .c-checkbox__input{border-color:var(--atomix-checkbox-border-color-error)!important}.c-checkbox--mixed .c-checkbox__input:before{content:"\f0d6"}.c-color-mode-toggle{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--atomix-body-color);cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:background-color .2s ease,opacity .2s ease}.c-color-mode-toggle:hover:not(:disabled){background-color:rgba(0,0,0,.05)}.c-color-mode-toggle:focus-visible{box-shadow:0 0 0 2px var(--atomix-primary);outline:none}.c-color-mode-toggle:active:not(:disabled){transform:scale(.95)}.c-color-mode-toggle svg{display:block;transition:transform .2s ease}.c-color-mode-toggle--sm{padding:.375rem}.c-color-mode-toggle--md{padding:.5rem}.c-color-mode-toggle--lg{padding:.625rem}.c-color-mode-toggle--disabled,.c-color-mode-toggle:disabled{cursor:not-allowed;opacity:.5}[data-atomix-theme=dark] .c-color-mode-toggle:hover:not(:disabled){background-color:hsla(0,0%,100%,.1)}@media (prefers-reduced-motion:reduce){.c-color-mode-toggle,.c-color-mode-toggle svg{transition:none}.c-color-mode-toggle:active:not(:disabled){transform:none}}.c-countdown{--atomix-countdown-color:var(--atomix-body-color);--atomix-countdown-font-size:16px;--atomix-countdown-font-weight:500;--atomix-countdown-focused-time-font-size:20px;--atomix-countdown-focused-label-font-size:12px;--atomix-countdown-focused-border-radius:6px;--atomix-countdown-focused-bg:var(--atomix-secondary-bg-subtle);--atomix-countdown-item-padding-x:1rem;--atomix-countdown-item-padding-y:0.75rem;--atomix-countdown-items-gap:0.5rem;--atomix-countdown-focused-items-gap:0.75rem;align-items:center;display:flex;gap:var(--atomix-countdown-items-gap)}.c-countdown__time{display:flex}.c-countdown__time-count,.c-countdown__time-label{font-weight:var(--atomix-countdown-font-weight)}.c-countdown__separator,.c-countdown__time-count,.c-countdown__time-label{color:var(--atomix-countdown-color);font-size:var(--atomix-countdown-font-size)}.c-countdown--focused{gap:var(--atomix-countdown-focused-items-gap)}.c-countdown--focused .c-countdown__time{align-items:center;background-color:var(--atomix-countdown-focused-bg);border-radius:var(--atomix-countdown-focused-border-radius);flex-direction:column;padding:var(--atomix-countdown-item-padding-y) var(--atomix-countdown-item-padding-x)}.c-countdown--focused .c-countdown__time-label{font-size:var(--atomix-countdown-focused-label-font-size);font-weight:400}.c-data-table-container{margin-bottom:1rem;width:100%}.c-data-table-wrapper{overflow-x:auto;position:relative;-webkit-overflow-scrolling:touch;width:100%}.c-data-table{--atomix-data-table-bg:var(--atomix-white);--atomix-data-table-color:var(--atomix-body-color);--atomix-data-table-border-color:var(--atomix-border-color);--atomix-data-table-header-bg:var(--atomix-gray-1);--atomix-data-table-header-color:var(--atomix-body-color);--atomix-data-table-striped-bg:rgba(0,0,0,.02);--atomix-data-table-hover-bg:rgba(14,165,233,.05);background-color:var(--atomix-data-table-bg);border-collapse:collapse;color:var(--atomix-data-table-color);margin-bottom:0;width:100%}.c-data-table__header{background-color:var(--atomix-data-table-header-bg)}.c-data-table__header-cell{border-bottom:var(--atomix-border-width) var(--atomix-border-style) var(--atomix-data-table-border-color);color:var(--atomix-data-table-header-color);font-weight:600;padding:1rem 1.25rem;text-align:left;white-space:nowrap}.c-data-table__header-cell--sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-data-table__header-cell--sortable:hover{background-color:rgba(0,0,0,.05)}.c-data-table__header-content{align-items:center;display:flex;justify-content:space-between}.c-data-table__sort-icon{color:var(--atomix-gray-5);font-size:.875rem;margin-left:.5rem}.c-data-table__header-cell[aria-sort] .c-data-table__sort-icon{color:var(--atomix-primary)}.c-data-table__cell{border-bottom:var(--atomix-border-width) var(--atomix-border-style) var(--atomix-data-table-border-color);padding:1rem 1.25rem;vertical-align:middle}.c-data-table__row{background-color:var(--atomix-data-table-bg)}.c-data-table__row:hover{background-color:var(--atomix-data-table-hover-bg)}.c-data-table__row[role=button]{cursor:pointer}.c-data-table__loading-cell{padding:2rem;text-align:center}.c-data-table__loading-indicator{display:inline-block}.c-data-table__empty-cell{color:var(--atomix-gray-500);padding:2rem;text-align:center}.c-data-table--striped tbody tr:nth-of-type(odd){background-color:var(--atomix-data-table-striped-bg)}.c-data-table--bordered{border:var(--atomix-border-width) var(--atomix-border-style) var(--atomix-data-table-border-color);border-radius:var(--atomix-border-radius)}.c-data-table--bordered td,.c-data-table--bordered th{border:var(--atomix-border-width) var(--atomix-border-style) var(--atomix-data-table-border-color)}.c-data-table--dense td,.c-data-table--dense th{padding:.75rem 1rem}.c-data-table--loading{opacity:.7}.c-data-table-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.c-data-table-search{flex:0 0 auto}.c-data-table-search__input{width:240px}.c-data-table__pagination-container{display:flex;justify-content:center;margin-top:1rem}.c-data-table__pagination{margin:0}.c-data-table__pagination .c-pagination__items{gap:.125rem}.c-data-table__pagination .c-pagination__link{font-size:.75rem}@keyframes atomix-dropdown-fade-in{0%{opacity:0;transform:translateY(-15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes atomix-dropdown-fade-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-15px) scale(.95)}}@keyframes atomix-dropdown-icon-rotate{0%{transform:rotate(0deg)}to{transform:rotate(-180deg)}}.c-dropdown{--atomix-dropdown-min-width:12.5rem;--atomix-dropdown-padding-x:0;--atomix-dropdown-padding-y:0.5rem;--atomix-dropdown-spacer:0.375rem;--atomix-dropdown-font-size:16px;--atomix-dropdown-color:var(--atomix-body-color);--atomix-dropdown-bg:var(--atomix-body-bg);--atomix-dropdown-border-color:var(--atomix-primary-border-subtle);--atomix-dropdown-border-radius:8px;--atomix-dropdown-border-width:1px;--atomix-dropdown-box-shadow:0 4px 16px rgba(0,0,0,.1);--atomix-dropdown-link-color:var(--atomix-body-color);--atomix-dropdown-link-hover-color:var(--atomix-brand-text-emphasis);--atomix-dropdown-link-hover-bg:var(--atomix-brand-bg-subtle);--atomix-dropdown-link-border-radius:6px;--atomix-dropdown-active-color:var(--atomix-brand-text-emphasis);--atomix-dropdown-active-bg:var(--atomix-brand-bg-subtle);--atomix-dropdown-item-padding-x:1rem;--atomix-dropdown-item-padding-y:0.625rem;--atomix-dropdown-animation-duration:0.2s;--atomix-dropdown-animation-timing:cubic-bezier(0.16,1,0.3,1);display:inline-block;position:relative}.c-dropdown__toggle{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;width:100%}.c-dropdown__toggle-icon{margin-left:.25rem;transition:transform var(--atomix-dropdown-animation-duration) var(--atomix-dropdown-animation-timing)}.c-dropdown__menu-wrapper{display:flex;left:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--atomix-dropdown-animation-duration) var(--atomix-dropdown-animation-timing),visibility var(--atomix-dropdown-animation-duration) var(--atomix-dropdown-animation-timing),transform var(--atomix-dropdown-animation-duration) var(--atomix-dropdown-animation-timing);visibility:hidden}.c-dropdown__menu-wrapper:not(.is-glass){transform:translateY(-15px) scale(.95);transform-origin:top center;will-change:transform,opacity,visibility}.c-dropdown__menu-wrapper.is-open:not(.is-glass){animation:atomix-dropdown-fade-in var(--atomix-dropdown-animation-duration) var(--atomix-dropdown-animation-timing) forwards;opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible}.c-dropdown__menu-wrapper.is-open.is-glass{opacity:1;pointer-events:auto;visibility:visible}.c-dropdown__menu-wrapper:not(.is-open):not(.is-glass){animation:atomix-dropdown-fade-out var(--atomix-dropdown-animation-duration) var(--atomix-dropdown-animation-timing) forwards}.c-dropdown__menu-wrapper--bottom-start{left:0;margin-top:var(--atomix-dropdown-spacer);top:100%;transform-origin:top center}.c-dropdown__menu-wrapper--bottom-end{left:auto;margin-top:var(--atomix-dropdown-spacer);right:0;top:100%;transform-origin:top center}.c-dropdown__menu-wrapper--top-start{left:0}.c-dropdown__menu-wrapper--top-end,.c-dropdown__menu-wrapper--top-start{bottom:100%;margin-bottom:var(--atomix-dropdown-spacer);transform-origin:bottom center}.c-dropdown__menu-wrapper--top-end{left:auto;right:0}.c-dropdown__menu-wrapper--left-start{top:0}.c-dropdown__menu-wrapper--left-end,.c-dropdown__menu-wrapper--left-start{margin-right:var(--atomix-dropdown-spacer);right:100%;transform-origin:right center}.c-dropdown__menu-wrapper--left-end{bottom:0}.c-dropdown__menu-wrapper--right-start{top:0}.c-dropdown__menu-wrapper--right-end,.c-dropdown__menu-wrapper--right-start{left:100%;margin-left:var(--atomix-dropdown-spacer);transform-origin:left center}.c-dropdown__menu-wrapper--right-end{bottom:0}.c-dropdown__menu-inner{border-radius:var(--atomix-dropdown-border-radius);min-width:var(--atomix-dropdown-min-width)}.c-dropdown__menu,.c-dropdown__menu-inner{box-shadow:var(--atomix-dropdown-box-shadow);overflow:hidden;width:100%}.c-dropdown__menu{background-color:var(--atomix-dropdown-bg);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--atomix-dropdown-border-radius);list-style:none;margin-bottom:0;padding:var(--atomix-dropdown-padding-y) var(--atomix-dropdown-padding-x)}.c-dropdown__menu--glass{background-color:color-mix(in srgb,var(--atomix-dropdown-bg) 50%,transparent);box-shadow:var(--atomix-dropdown-box-shadow)}.c-dropdown__menu-item{background:transparent;border:0;border-radius:var(--atomix-dropdown-link-border-radius);color:var(--atomix-dropdown-link-color);cursor:pointer;display:block;font-size:var(--atomix-dropdown-font-size);padding:var(--atomix-dropdown-item-padding-y) var(--atomix-dropdown-item-padding-x);text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.c-dropdown__menu-item:focus,.c-dropdown__menu-item:hover{background-color:var(--atomix-dropdown-link-hover-bg);color:var(--atomix-dropdown-link-hover-color);outline:none;padding-left:calc(var(--atomix-dropdown-item-padding-x) + 3px)}.c-dropdown__menu-item.is-active{background-color:var(--atomix-dropdown-active-bg);color:var(--atomix-dropdown-active-color)}.c-dropdown__menu-item.is-disabled{color:var(--atomix-dropdown-color);opacity:.5;pointer-events:none}.c-dropdown__menu-item-icon{align-items:center;display:inline-flex;margin-right:.5rem}.c-dropdown__divider{background-color:var(--atomix-dropdown-border-color);height:1px;margin:.5rem 0}.c-dropdown__header{color:var(--atomix-dropdown-color);display:block;font-size:.875em;margin-bottom:0;opacity:.8;padding:var(--atomix-dropdown-item-padding-y) var(--atomix-dropdown-item-padding-x);white-space:nowrap}.c-dropdown--brand{--atomix-dropdown-link-color:var(--atomix-brand-text-emphasis);--atomix-dropdown-link-hover-color:var(--atomix-brand-text-emphasis);--atomix-dropdown-link-hover-bg:var(--atomix-brand-bg-subtle)}.c-dropdown--secondary{--atomix-dropdown-link-color:var(--atomix-secondary-text-emphasis);--atomix-dropdown-link-hover-color:var(--atomix-secondary-text-emphasis);--atomix-dropdown-link-hover-bg:var(--atomix-secondary-bg-subtle)}.c-dropdown--tertiary{--atomix-dropdown-link-color:var(--atomix-tertiary-text-emphasis);--atomix-dropdown-link-hover-color:var(--atomix-tertiary-text-emphasis);--atomix-dropdown-link-hover-bg:var(--atomix-tertiary-bg-subtle)}.c-dropdown--success{--atomix-dropdown-link-color:var(--atomix-success-text-emphasis);--atomix-dropdown-link-hover-color:var(--atomix-success-text-emphasis);--atomix-dropdown-link-hover-bg:var(--atomix-success-bg-subtle)}.c-dropdown--info{--atomix-dropdown-link-color:var(--atomix-info-text-emphasis);--atomix-dropdown-link-hover-color:var(--atomix-info-text-emphasis);--atomix-dropdown-link-hover-bg:var(--atomix-info-bg-subtle)}.c-dropdown--warning{--atomix-dropdown-link-color:var(--atomix-warning-text-emphasis);--atomix-dropdown-link-hover-color:var(--atomix-warning-text-emphasis);--atomix-dropdown-link-hover-bg:var(--atomix-warning-bg-subtle)}.c-dropdown--error{--atomix-dropdown-link-color:var(--atomix-error-text-emphasis);--atomix-dropdown-link-hover-color:var(--atomix-error-text-emphasis);--atomix-dropdown-link-hover-bg:var(--atomix-error-bg-subtle)}.c-dropdown--light{--atomix-dropdown-link-color:var(--atomix-light-text-emphasis);--atomix-dropdown-link-hover-color:var(--atomix-light-text-emphasis);--atomix-dropdown-link-hover-bg:var(--atomix-light-bg-subtle)}.c-dropdown--dark{--atomix-dropdown-link-color:var(--atomix-dark-text-emphasis);--atomix-dropdown-link-hover-color:var(--atomix-dark-text-emphasis);--atomix-dropdown-link-hover-bg:var(--atomix-dark-bg-subtle)}.c-dropdown--glass .c-dropdown__menu-inner{box-shadow:none}.c-dropdown.is-open .c-dropdown__toggle-icon{transform:rotate(-180deg)}.c-edge-panel{--atomix-edge-panel-zindex:1050;--atomix-edge-panel-width:20rem;--atomix-edge-panel-height:40vh;--atomix-edge-panel-padding-x:1.5rem;--atomix-edge-panel-padding-y:1.5rem;--atomix-edge-panel-bg:var(--atomix-body-bg);--atomix-edge-panel-color:var(--atomix-body-color);--atomix-edge-panel-shadow:0 8px 32px rgba(0,0,0,.15);--atomix-edge-panel-backdrop-bg:var(--atomix-invert-bg-subtle);--atomix-edge-panel-backdrop-opacity:0.6;--atomix-edge-panel-backdrop-blur:12px;--atomix-edge-panel-animation-duration:250ms;--atomix-edge-panel-border-color:var(--atomix-border-color);height:100%;inset:0;position:fixed;width:100%;z-index:var(--atomix-edge-panel-zindex)}.c-edge-panel__backdrop{backdrop-filter:blur(var(--atomix-edge-panel-backdrop-blur));background-color:var(--atomix-edge-panel-backdrop-bg);inset:0;opacity:0;position:absolute;transition:opacity var(--atomix-edge-panel-animation-duration) ease;will-change:opacity;z-index:1}.c-edge-panel__backdrop.is-animating{animation:fadeIn .3s ease forwards}.c-edge-panel__backdrop.is-animating-out{animation:fadeOut .3s ease forwards}.c-edge-panel__container{background-color:var(--atomix-edge-panel-bg);box-shadow:var(--atomix-edge-panel-shadow);color:var(--atomix-edge-panel-color);display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:var(--atomix-edge-panel-width);will-change:transform,opacity;z-index:2}.c-edge-panel__container.is-animating{animation:slideIn var(--atomix-edge-panel-animation-duration) cubic-bezier(.16,1,.3,1) forwards}.c-edge-panel__container.is-animating-out{animation:slideOut var(--atomix-edge-panel-animation-duration) cubic-bezier(.16,1,.3,1) forwards}.c-edge-panel__header{align-items:center;border-bottom:1px solid var(--atomix-edge-panel-border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--atomix-edge-panel-padding-y) var(--atomix-edge-panel-padding-x)}.c-edge-panel__close{align-items:center;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-edge-panel__close:hover{background-color:rgba(0,0,0,.05)}.c-edge-panel__close:focus-visible{outline:2px solid var(--atomix-primary);outline-offset:2px}.c-edge-panel__body{flex:1;overflow-y:auto;padding:var(--atomix-edge-panel-padding-y) var(--atomix-edge-panel-padding-x);-webkit-overflow-scrolling:touch}.c-edge-panel--start .c-edge-panel__container{border-right:1px solid var(--atomix-edge-panel-border-color);bottom:0;left:0;top:0;transform:translateX(-100%)}.c-edge-panel--start .c-edge-panel__container.is-animating{animation-name:slideInStart}.c-edge-panel--start .c-edge-panel__container.is-animating-out{animation-name:slideOutStart}.c-edge-panel--end .c-edge-panel__container{border-left:1px solid var(--atomix-edge-panel-border-color);bottom:0;left:auto;right:0;top:0;transform:translateX(100%)}.c-edge-panel--end .c-edge-panel__container.is-animating{animation-name:slideInEnd}.c-edge-panel--end .c-edge-panel__container.is-animating-out{animation-name:slideOutEnd}.c-edge-panel--top .c-edge-panel__container{border-bottom:1px solid var(--atomix-edge-panel-border-color);bottom:auto;height:var(--atomix-edge-panel-height);left:0;right:0;top:0;transform:translateY(-100%);width:100%}.c-edge-panel--top .c-edge-panel__container.is-animating{animation-name:slideInTop}.c-edge-panel--top .c-edge-panel__container.is-animating-out{animation-name:slideOutTop}.c-edge-panel--bottom .c-edge-panel__container{border-top:1px solid var(--atomix-edge-panel-border-color);bottom:0;height:var(--atomix-edge-panel-height);left:0;right:0;top:auto;transform:translateY(100%);width:100%}.c-edge-panel--bottom .c-edge-panel__container.is-animating{animation-name:slideInBottom}.c-edge-panel--bottom .c-edge-panel__container.is-animating-out{animation-name:slideOutBottom}.c-edge-panel.is-open .c-edge-panel__backdrop{opacity:var(--atomix-edge-panel-backdrop-opacity)}.c-edge-panel.is-open .c-edge-panel__container{transform:translateX(0) translateY(0)}.c-edge-panel[data-mode=none] .c-edge-panel__container{animation:none!important;transition:none!important}.c-edge-panel[data-mode=none] .c-edge-panel__container.is-animating,.c-edge-panel[data-mode=none] .c-edge-panel__container.is-animating-out{animation:none!important}.c-edge-panel[data-mode=none] .c-edge-panel__backdrop{animation:none!important;transition:none!important}.c-edge-panel[data-mode=none] .c-edge-panel__backdrop.is-animating,.c-edge-panel[data-mode=none] .c-edge-panel__backdrop.is-animating-out{animation:none!important}.is-edgepanel-open{--atomix-edge-panel-animation-duration:250ms;overflow:hidden}.is-edgepanel-open.is-pushed{height:100%;position:fixed;transition:padding-left var(--atomix-edge-panel-animation-duration) cubic-bezier(.16,1,.3,1),padding-right var(--atomix-edge-panel-animation-duration) cubic-bezier(.16,1,.3,1),padding-top var(--atomix-edge-panel-animation-duration) cubic-bezier(.16,1,.3,1),padding-bottom var(--atomix-edge-panel-animation-duration) cubic-bezier(.16,1,.3,1);width:100%}.is-edgepanel-open:not(.is-pushed){height:100%;position:fixed;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:var(--atomix-edge-panel-backdrop-opacity)}}@keyframes fadeOut{0%{opacity:var(--atomix-edge-panel-backdrop-opacity)}to{opacity:0}}@keyframes slideInStart{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutStart{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideInEnd{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutEnd{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slideInTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOutTop{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.c-edge-panel--glass{position:absolute;z-index:unset}.c-edge-panel--glass .c-edge-panel__container{background:transparent;border:none;border-radius:inherit;box-shadow:none;opacity:0;overflow:hidden;padding:0;transform:none!important;transition:opacity .3s ease;will-change:auto;z-index:unset}.c-edge-panel--glass .c-edge-panel__glass-content{border-radius:inherit;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:0;transition:opacity .3s ease;width:100%}.c-edge-panel--glass .c-edge-panel__header{border-bottom:1px solid hsla(0,0%,100%,.15);flex-shrink:0}.c-edge-panel--glass .c-edge-panel__body,.c-edge-panel--glass .c-edge-panel__header{background:transparent;padding:var(--atomix-edge-panel-padding-y) var(--atomix-edge-panel-padding-x)}.c-edge-panel--glass .c-edge-panel__body{flex:1;overflow-y:auto}.c-edge-panel--glass .c-edge-panel__close{background:hsla(0,0%,100%,.05)}.c-edge-panel--glass .c-edge-panel__close:hover{background:hsla(0,0%,100%,.15)}.c-edge-panel--glass .c-edge-panel__close:focus-visible{outline-color:hsla(0,0%,100%,.5)}.c-edge-panel--glass .c-edge-panel__backdrop{animation:fadeIn .3s ease forwards;z-index:0}.c-edge-panel--glass .c-edge-panel__backdrop.is-animating-out{animation:fadeOut .3s ease forwards}.c-edge-panel--glass.c-edge-panel--start .c-edge-panel__glass-wrapper{animation:slideInStart .3s ease forwards}.c-edge-panel--glass.c-edge-panel--start .c-edge-panel__glass-wrapper.is-animating-out{animation:slideOutStart .3s ease forwards}.c-edge-panel--glass.c-edge-panel--end .c-edge-panel__glass-wrapper{animation:slideInEnd .3s ease forwards}.c-edge-panel--glass.c-edge-panel--end .c-edge-panel__glass-wrapper.is-animating-out{animation:slideOutEnd .3s ease forwards}.c-edge-panel--glass.c-edge-panel--top .c-edge-panel__glass-wrapper{animation:slideInTop .3s ease forwards}.c-edge-panel--glass.c-edge-panel--bottom .c-edge-panel__glass-wrapper{animation:slideInBottom .3s ease forwards}.c-edge-panel--glass.c-edge-panel--bottom .c-edge-panel__container,.c-edge-panel--glass.c-edge-panel--bottom .c-edge-panel__glass-content,.c-edge-panel--glass.c-edge-panel--top .c-edge-panel__container,.c-edge-panel--glass.c-edge-panel--top .c-edge-panel__glass-content{height:auto;width:100vw}.c-footer{--atomix-footer-padding-x:1rem;--atomix-footer-padding-y:3rem;--atomix-footer-container-max-width:1200px;--atomix-footer-bg:var(--atomix-primary-bg);--atomix-footer-color:var(--atomix-primary-text-emphasis);--atomix-footer-border-width:1px;--atomix-footer-border-color:var(--atomix-primary-border-subtle);--atomix-footer-brand-margin-bottom:1.5rem;--atomix-footer-section-margin-bottom:2rem;--atomix-footer-social-gap:0.75rem;--atomix-footer-newsletter-padding:1.5rem;--atomix-footer-bottom-padding-top:1.5rem;--atomix-footer-bottom-margin-top:2rem;--atomix-footer-brand-logo-margin-bottom:1rem;--atomix-footer-brand-logo-hover-opacity:0.8;--atomix-footer-section-header-gap:0.5rem;--atomix-footer-section-toggle-padding:0.75rem 0;--atomix-footer-bg-rgb:var(--atomix-primary-bg);--atomix-disabled-opacity:0.6;background-color:var(--atomix-footer-bg);border-top:var(--atomix-footer-border-width) solid var(--atomix-footer-border-color);color:var(--atomix-footer-color);padding:var(--atomix-footer-padding-y) 0;position:relative}.c-footer--glass{background:transparent;border-radius:0;box-shadow:none;margin:0;padding:0}.c-footer--glass .c-footer__glass{background-color:rgba(var(--atomix-footer-bg-rgb),.5,true);border-top:var(--atomix-footer-border-width) solid var(--atomix-footer-border-color);color:var(--atomix-footer-color);padding:var(--atomix-footer-padding-y) 0}.c-footer__container{display:flex;flex-direction:column;margin:0 auto;padding:0 var(--atomix-footer-padding-x)}.c-footer__container,.c-footer__sections{max-width:var(--atomix-footer-container-max-width);width:100%}.c-footer__sections{margin-bottom:var(--atomix-footer-bottom-margin-top);margin-left:auto;margin-right:auto}.c-footer__sections--centered{align-items:center;justify-content:center}.c-footer__sections--stacked{align-items:center;display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,2.5rem);margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.c-footer__brand{grid-area:brand;margin-bottom:var(--atomix-footer-brand-margin-bottom)}@media (min-width:768px){.c-footer__brand{margin-bottom:0}}.c-footer__brand-logo{display:inline-block;margin-bottom:var(--atomix-footer-brand-logo-margin-bottom);transition:opacity .2s ease}.c-footer__brand-logo:hover{opacity:var(--atomix-footer-brand-logo-hover-opacity)}.c-footer__brand-logo img{height:auto;max-height:60px;max-width:200px;-o-object-fit:contain;object-fit:contain}.c-footer__brand-name h3{color:var(--atomix-primary-text-emphasis);font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;line-height:1.2;margin:0}.c-footer__brand-description{color:var(--atomix-secondary-text-emphasis);font-size:.875rem;line-height:1.6;margin-top:.5rem;max-width:35ch}.c-footer__section{margin-bottom:0}@media (max-width:575.98px){.c-footer__section{margin-bottom:var(--atomix-footer-section-margin-bottom)}}.c-footer__section-header{margin-bottom:1rem}.c-footer__section-header-content{align-items:center;display:flex;gap:var(--atomix-footer-section-header-gap)}.c-footer__section-toggle{align-items:center;background:none;border:none;border-radius:.25rem;color:inherit;cursor:pointer;display:flex;font:inherit;justify-content:space-between;padding:var(--atomix-footer-section-toggle-padding);text-align:left;transition:color .2s ease;width:100%}.c-footer__section-toggle:hover{color:var(--atomix-primary)}.c-footer__section-toggle:focus-visible{outline:2px solid var(--atomix-primary);outline-offset:2px}.c-footer__section-title{color:var(--atomix-primary-text-emphasis);font-size:1.125rem;font-weight:600;line-height:1.3;margin:0;width:100%}.c-footer__section-icon{align-items:center;display:flex;font-size:1.1em;margin-right:.5rem}.c-footer__section-chevron{color:var(--atomix-gray-6);font-size:.875rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.c-footer__section-content{display:flex;flex-direction:column;gap:.5rem}@media (max-width:767.98px){.c-footer__section--collapsible .c-footer__section-content{overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.c-footer__section--collapsible.c-footer__section--collapsed .c-footer__section-content{max-height:0}.c-footer__section--collapsible.c-footer__section--collapsed .c-footer__section-chevron{transform:rotate(-90deg)}.c-footer__section--collapsible:not(.c-footer__section--collapsed) .c-footer__section-content{max-height:500px}}@media (min-width:768px){.c-footer__section--collapsible .c-footer__section-toggle{pointer-events:none}.c-footer__section--collapsible .c-footer__section-chevron{display:none}}.c-footer__link{align-items:center;border-radius:.25rem;color:var(--atomix-primary-text-emphasis);display:inline-flex;gap:.5rem;padding:.25rem 0;position:relative;text-decoration:none;transition:all .15s ease-in-out}.c-footer__link:before{background-color:var(--atomix-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.c-footer__link:focus,.c-footer__link:hover{color:var(--atomix-primary);text-decoration:none}.c-footer__link:focus:before,.c-footer__link:hover:before{width:100%}.c-footer__link:focus-visible{outline:2px solid var(--atomix-primary);outline-offset:2px}.c-footer__link--active{color:var(--atomix-primary);font-weight:500}.c-footer__link--active:before{width:100%}.c-footer__link--disabled{color:var(--atomix-disabled-text-emphasis);cursor:not-allowed;opacity:var(--atomix-disabled-opacity);pointer-events:none}.c-footer__link-icon{align-items:center;display:flex;font-size:.875em;transition:transform .2s ease}.c-footer__link:hover .c-footer__link-icon{transform:translateX(2px)}.c-footer__link-text{flex:1}.c-footer__link-external{font-size:.75em;margin-left:auto;opacity:.7}.c-footer__social{display:flex;flex-wrap:wrap;gap:var(--atomix-footer-social-gap);margin-top:1rem}.c-footer__social-link{align-items:center;background-color:var(--atomix-secondary-bg-subtle);border-radius:50%;color:var(--atomix-primary-text-emphasis);display:flex;height:2.5rem;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:2.5rem}.c-footer__social-link:before{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.c-footer__social-link:focus,.c-footer__social-link:hover{background-color:var(--atomix-primary);box-shadow:0 8px 25px rgba(0,0,0,.15);color:var(--atomix-component-active-color);transform:translateY(-3px) scale(1.05)}.c-footer__social-link:focus:before,.c-footer__social-link:hover:before{transform:translateX(100%)}.c-footer__social-link:focus-visible{outline:2px solid var(--atomix-primary);outline-offset:2px}.c-footer__social-link--sm{height:2rem;width:2rem}.c-footer__social-link--lg{height:3rem;width:3rem}.c-footer__social-link--disabled{cursor:not-allowed;opacity:var(--atomix-disabled-opacity);pointer-events:none}.c-footer__social-link-icon{font-size:1.25em;z-index:1}.c-footer__social-link-label{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.c-footer__social-link--facebook:hover{background:linear-gradient(135deg,#1877f2,#42a5f5)}.c-footer__social-link--twitter:hover{background:linear-gradient(135deg,#1da1f2,#64b5f6)}.c-footer__social-link--instagram:hover{background:linear-gradient(135deg,#e4405f,#f06292,#ba68c8)}.c-footer__social-link--linkedin:hover{background:linear-gradient(135deg,#0077b5,#42a5f5)}.c-footer__social-link--youtube:hover{background:linear-gradient(135deg,red,#ff5722)}.c-footer__social-link--github:hover{background:linear-gradient(135deg,#333,#666)}.c-footer__social-link--discord:hover{background:linear-gradient(135deg,#5865f2,#7289da)}.c-footer__social-link--tiktok:hover{background:linear-gradient(135deg,#000,#ff0050)}.c-footer__social-link--whatsapp:hover{background:linear-gradient(135deg,#25d366,#66bb6a)}.c-footer__newsletter{background-color:linear-gradient(135deg,var(--atomix-secondary-bg-subtle),rgba(var(--atomix-secondary-bg-subtle),.8));border:1px solid var(--atomix-border-subtle);border-radius:.5rem;overflow:hidden;padding:1.5rem;position:relative}.c-footer__newsletter:before{background:linear-gradient(90deg,transparent,var(--atomix-primary),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.c-footer__newsletter-title{color:var(--atomix-primary-text-emphasis);font-size:clamp(1.125rem,2vw,1.125rem);font-weight:600;line-height:1.3;margin:0 0 .5rem}.c-footer__newsletter-description{box-sizing:border-box;color:var(--atomix-secondary-text-emphasis);font-size:.875rem;line-height:1.6;margin:0 0 1rem;max-width:45ch;width:100%}.c-footer__newsletter-form{align-items:flex-end;display:flex;gap:.75rem;max-width:100%;width:100%}@media (max-width:575.98px){.c-footer__newsletter-form{align-items:stretch;flex-direction:column}}.c-footer__newsletter-input-group{display:flex;flex:1;gap:.75rem;position:relative}@media (max-width:575.98px){.c-footer__newsletter-input-group{flex-direction:column}}.c-footer__newsletter-input{background-color:var(--atomix-primary-bg-subtle);border:1px solid var(--atomix-primary-border);border-radius:.375rem;box-sizing:border-box;color:var(--atomix-primary-text-emphasis);flex:1;font-size:.875rem;outline:none;padding:.75rem 1rem;transition:all .3s ease}.c-footer__newsletter-input:focus{border-color:var(--atomix-primary);box-shadow:0 0 0 .125rem rgba(var(--atomix-primary-rgb),.25);transform:translateY(-1px)}.c-footer__newsletter-input::-moz-placeholder{color:var(--atomix-gray-6);-moz-transition:opacity .3s ease;transition:opacity .3s ease}.c-footer__newsletter-input::placeholder{color:var(--atomix-gray-6);transition:opacity .3s ease}.c-footer__newsletter-input:focus::-moz-placeholder{opacity:.7}.c-footer__newsletter-input:focus::placeholder{opacity:.7}.c-footer__newsletter-button{background-color:var(--atomix-brand-bg-subtle);border:none;border-radius:.375rem;color:var(--atomix-brand-text-emphasis);cursor:pointer;font-weight:500;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.c-footer__newsletter-button:before{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.2) 50%,transparent 70%);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.c-footer__newsletter-button:focus,.c-footer__newsletter-button:hover{background-color:var(--atomix-secondary-bg-subtle);box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-2px)}.c-footer__newsletter-button:focus:before,.c-footer__newsletter-button:hover:before{transform:translateX(100%)}.c-footer__newsletter-button:focus-visible{outline:2px solid var(--atomix-primary);outline-offset:2px}.c-footer__bottom{align-items:center;border-top:1px solid var(--atomix-primary-border-subtle);display:flex;justify-content:space-between;padding-top:var(--atomix-footer-bottom-padding-top);position:relative}@media (max-width:575.98px){.c-footer__bottom{flex-direction:column;gap:1.5rem;text-align:center}}.c-footer__copyright{color:var(--atomix-tertiary-text-emphasis);font-size:.875rem;line-height:1.5}.c-footer__copyright a{color:inherit;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .3s ease}.c-footer__copyright a:focus,.c-footer__copyright a:hover{text-decoration-color:currentColor}.c-footer__back-to-top{align-items:center;background-color:var(--atomix-secondary-bg);border:1px solid var(--atomix-border-subtle);border-radius:2rem;color:var(--atomix-primary-text-emphasis);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;outline:none;overflow:hidden;padding:.75rem 1.25rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.c-footer__back-to-top:before{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.c-footer__back-to-top:focus,.c-footer__back-to-top:hover{background-color:var(--atomix-primary);border-color:var(--atomix-primary);box-shadow:0 6px 16px rgba(0,0,0,.12);color:var(--atomix-secondary-text-emphasis);transform:translateY(-3px)}.c-footer__back-to-top:focus:before,.c-footer__back-to-top:hover:before{transform:translateX(100%)}.c-footer__back-to-top:focus .c-footer__back-to-top-icon,.c-footer__back-to-top:hover .c-footer__back-to-top-icon{transform:translateY(-2px)}.c-footer__back-to-top:active{box-shadow:0 3px 8px rgba(0,0,0,.15);transform:translateY(-1px)}.c-footer__back-to-top:focus-visible{outline:2px solid var(--atomix-primary);outline-offset:2px}.c-footer__back-to-top-icon{font-size:1.25em;font-weight:700;transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (max-width:575.98px){.c-footer__back-to-top-text{display:none}}.c-footer__divider{background:linear-gradient(90deg,transparent,1px solid var(--atomix-primary-border-subtle),transparent);border:none;height:1px;margin:2rem 0;opacity:.5}.c-footer--centered{text-align:center}.c-footer--centered .c-footer__social{justify-content:center}.c-footer--centered .c-footer__brand-description{margin-left:auto;margin-right:auto}.c-footer--minimal{--atomix-footer-padding-y:2rem;--atomix-footer-social-gap:0.75}.c-footer--minimal .c-footer__sections{gap:1.5rem;margin-bottom:1rem}.c-footer--minimal .c-footer__section{margin-bottom:0}.c-footer--minimal .c-footer__newsletter{padding:1.5rem}.c-footer--stacked .c-footer__sections{align-items:center;display:flex;flex-direction:column;gap:clamp(1.5rem,4vw,2.5rem);margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.c-footer--flexible .c-footer__section-col{flex:1 1 auto;min-width:250px}.c-footer--sidebar .c-footer__sections--columns{align-items:flex-start}.c-footer--wide .c-footer__sections{max-width:100%;padding:0 1rem}.c-footer--sm{--atomix-footer-padding-y:2rem;--atomix-footer-section-margin-bottom:1.5rem;--atomix-footer-social-gap:0.75rem}.c-footer--md{--atomix-footer-padding-y:3rem;--atomix-footer-section-margin-bottom:2rem;--atomix-footer-social-gap:1rem}.c-footer--lg{--atomix-footer-padding-y:4rem;--atomix-footer-section-margin-bottom:2.5rem;--atomix-footer-brand-margin-bottom:2rem;--atomix-footer-social-gap:1.25rem}.c-footer--lg .c-footer__sections{gap:clamp(2.5rem,5vw,4rem)}.c-footer--primary{--atomix-footer-bg:var(--atomix-primary-bg-subtle);--atomix-footer-border-color:var(--atomix-primary-border-subtle);--atomix-footer-color:var(--atomix-primary-text-emphasis)}.c-footer--primary .c-footer__brand-name h3,.c-footer--primary .c-footer__section-title{color:var(--atomix-primary-text-emphasis)}.c-footer--primary .c-footer__brand-description,.c-footer--primary .c-footer__copyright{color:var(--atomix-gray-6)}.c-footer--primary .c-footer__link{color:var(--atomix-primary-text-emphasis)}.c-footer--primary .c-footer__link:focus,.c-footer--primary .c-footer__link:hover{color:var(--atomix-primary)}.c-footer--primary .c-footer__link:before{background-color:var(--atomix-primary)}.c-footer--primary .c-footer__newsletter{background:linear-gradient(135deg,var(--atomix-primary-bg-subtle),rgba(var(--atomix-primary-bg-subtle),.8));border-color:var(--atomix-primary-border-subtle)}.c-footer--primary .c-footer__newsletter:before{background:linear-gradient(90deg,transparent,var(--atomix-primary),transparent)}.c-footer--secondary{--atomix-footer-bg:var(--atomix-secondary-bg-subtle);--atomix-footer-border-color:var(--atomix-secondary-border-subtle);--atomix-footer-color:var(--atomix-secondary-text-emphasis)}.c-footer--secondary .c-footer__brand-name h3,.c-footer--secondary .c-footer__section-title{color:var(--atomix-secondary-text-emphasis)}.c-footer--secondary .c-footer__brand-description,.c-footer--secondary .c-footer__copyright{color:var(--atomix-gray-6)}.c-footer--secondary .c-footer__link{color:var(--atomix-secondary-text-emphasis)}.c-footer--secondary .c-footer__link:focus,.c-footer--secondary .c-footer__link:hover{color:var(--atomix-secondary)}.c-footer--secondary .c-footer__link:before{background-color:var(--atomix-secondary)}.c-footer--secondary .c-footer__newsletter{background:linear-gradient(135deg,var(--atomix-secondary-bg-subtle),rgba(var(--atomix-secondary-bg-subtle),.8));border-color:var(--atomix-secondary-border-subtle)}.c-footer--secondary .c-footer__newsletter:before{background:linear-gradient(90deg,transparent,var(--atomix-secondary),transparent)}.c-footer--tertiary{--atomix-footer-bg:var(--atomix-tertiary-bg-subtle);--atomix-footer-border-color:var(--atomix-tertiary-border-subtle);--atomix-footer-color:var(--atomix-tertiary-text-emphasis)}.c-footer--tertiary .c-footer__brand-name h3,.c-footer--tertiary .c-footer__section-title{color:var(--atomix-tertiary-text-emphasis)}.c-footer--tertiary .c-footer__brand-description,.c-footer--tertiary .c-footer__copyright{color:var(--atomix-gray-6)}.c-footer--tertiary .c-footer__link{color:var(--atomix-tertiary-text-emphasis)}.c-footer--tertiary .c-footer__link:focus,.c-footer--tertiary .c-footer__link:hover{color:var(--atomix-tertiary)}.c-footer--tertiary .c-footer__link:before{background-color:var(--atomix-tertiary)}.c-footer--tertiary .c-footer__newsletter{background:linear-gradient(135deg,var(--atomix-tertiary-bg-subtle),rgba(var(--atomix-tertiary-bg-subtle),.8));border-color:var(--atomix-tertiary-border-subtle)}.c-footer--tertiary .c-footer__newsletter:before{background:linear-gradient(90deg,transparent,var(--atomix-tertiary),transparent)}.c-footer--invert{--atomix-footer-bg:var(--atomix-invert-bg-subtle);--atomix-footer-border-color:var(--atomix-invert-border-subtle);--atomix-footer-color:var(--atomix-invert-text-emphasis)}.c-footer--invert .c-footer__brand-name h3,.c-footer--invert .c-footer__section-title{color:var(--atomix-invert-text-emphasis)}.c-footer--invert .c-footer__brand-description,.c-footer--invert .c-footer__copyright{color:var(--atomix-gray-6)}.c-footer--invert .c-footer__link{color:var(--atomix-invert-text-emphasis)}.c-footer--invert .c-footer__link:focus,.c-footer--invert .c-footer__link:hover{color:var(--atomix-invert)}.c-footer--invert .c-footer__link:before{background-color:var(--atomix-invert)}.c-footer--invert .c-footer__newsletter{background:linear-gradient(135deg,var(--atomix-invert-bg-subtle),rgba(var(--atomix-invert-bg-subtle),.8));border-color:var(--atomix-invert-border-subtle)}.c-footer--invert .c-footer__newsletter:before{background:linear-gradient(90deg,transparent,var(--atomix-invert),transparent)}.c-footer--brand{--atomix-footer-bg:var(--atomix-brand-bg-subtle);--atomix-footer-border-color:var(--atomix-brand-border-subtle);--atomix-footer-color:var(--atomix-brand-text-emphasis)}.c-footer--brand .c-footer__brand-name h3,.c-footer--brand .c-footer__section-title{color:var(--atomix-brand-text-emphasis)}.c-footer--brand .c-footer__brand-description,.c-footer--brand .c-footer__copyright{color:var(--atomix-gray-6)}.c-footer--brand .c-footer__link{color:var(--atomix-brand-text-emphasis)}.c-footer--brand .c-footer__link:focus,.c-footer--brand .c-footer__link:hover{color:var(--atomix-brand)}.c-footer--brand .c-footer__link:before{background-color:var(--atomix-brand)}.c-footer--brand .c-footer__newsletter{background:linear-gradient(135deg,var(--atomix-brand-bg-subtle),rgba(var(--atomix-brand-bg-subtle),.8));border-color:var(--atomix-brand-border-subtle)}.c-footer--brand .c-footer__newsletter:before{background:linear-gradient(90deg,transparent,var(--atomix-brand),transparent)}.c-footer--error{--atomix-footer-bg:var(--atomix-error-bg-subtle);--atomix-footer-border-color:var(--atomix-error-border-subtle);--atomix-footer-color:var(--atomix-error-text-emphasis)}.c-footer--error .c-footer__brand-name h3,.c-footer--error .c-footer__section-title{color:var(--atomix-error-text-emphasis)}.c-footer--error .c-footer__brand-description,.c-footer--error .c-footer__copyright{color:var(--atomix-gray-6)}.c-footer--error .c-footer__link{color:var(--atomix-error-text-emphasis)}.c-footer--error .c-footer__link:focus,.c-footer--error .c-footer__link:hover{color:var(--atomix-error)}.c-footer--error .c-footer__link:before{background-color:var(--atomix-error)}.c-footer--error .c-footer__newsletter{background:linear-gradient(135deg,var(--atomix-error-bg-subtle),rgba(var(--atomix-error-bg-subtle),.8));border-color:var(--atomix-error-border-subtle)}.c-footer--error .c-footer__newsletter:before{background:linear-gradient(90deg,transparent,var(--atomix-error),transparent)}.c-footer--success{--atomix-footer-bg:var(--atomix-success-bg-subtle);--atomix-footer-border-color:var(--atomix-success-border-subtle);--atomix-footer-color:var(--atomix-success-text-emphasis)}.c-footer--success .c-footer__brand-name h3,.c-footer--success .c-footer__section-title{color:var(--atomix-success-text-emphasis)}.c-footer--success .c-footer__brand-description,.c-footer--success .c-footer__copyright{color:var(--atomix-gray-6)}.c-footer--success .c-footer__link{color:var(--atomix-success-text-emphasis)}.c-footer--success .c-footer__link:focus,.c-footer--success .c-footer__link:hover{color:var(--atomix-success)}.c-footer--success .c-footer__link:before{background-color:var(--atomix-success)}.c-footer--success .c-footer__newsletter{background:linear-gradient(135deg,var(--atomix-success-bg-subtle),rgba(var(--atomix-success-bg-subtle),.8));border-color:var(--atomix-success-border-subtle)}.c-footer--success .c-footer__newsletter:before{background:linear-gradient(90deg,transparent,var(--atomix-success),transparent)}.c-footer--warning{--atomix-footer-bg:var(--atomix-warning-bg-subtle);--atomix-footer-border-color:var(--atomix-warning-border-subtle);--atomix-footer-color:var(--atomix-warning-text-emphasis)}.c-footer--warning .c-footer__brand-name h3,.c-footer--warning .c-footer__section-title{color:var(--atomix-warning-text-emphasis)}.c-footer--warning .c-footer__brand-description,.c-footer--warning .c-footer__copyright{color:var(--atomix-gray-6)}.c-footer--warning .c-footer__link{color:var(--atomix-warning-text-emphasis)}.c-footer--warning .c-footer__link:focus,.c-footer--warning .c-footer__link:hover{color:var(--atomix-warning)}.c-footer--warning .c-footer__link:before{background-color:var(--atomix-warning)}.c-footer--warning .c-footer__newsletter{background:linear-gradient(135deg,var(--atomix-warning-bg-subtle),rgba(var(--atomix-warning-bg-subtle),.8));border-color:var(--atomix-warning-border-subtle)}.c-footer--warning .c-footer__newsletter:before{background:linear-gradient(90deg,transparent,var(--atomix-warning),transparent)}.c-footer--info{--atomix-footer-bg:var(--atomix-info-bg-subtle);--atomix-footer-border-color:var(--atomix-info-border-subtle);--atomix-footer-color:var(--atomix-info-text-emphasis)}.c-footer--info .c-footer__brand-name h3,.c-footer--info .c-footer__section-title{color:var(--atomix-info-text-emphasis)}.c-footer--info .c-footer__brand-description,.c-footer--info .c-footer__copyright{color:var(--atomix-gray-6)}.c-footer--info .c-footer__link{color:var(--atomix-info-text-emphasis)}.c-footer--info .c-footer__link:focus,.c-footer--info .c-footer__link:hover{color:var(--atomix-info)}.c-footer--info .c-footer__link:before{background-color:var(--atomix-info)}.c-footer--info .c-footer__newsletter{background:linear-gradient(135deg,var(--atomix-info-bg-subtle),rgba(var(--atomix-info-bg-subtle),.8));border-color:var(--atomix-info-border-subtle)}.c-footer--info .c-footer__newsletter:before{background:linear-gradient(90deg,transparent,var(--atomix-info),transparent)}.c-footer--light{--atomix-footer-bg:var(--atomix-light-bg-subtle);--atomix-footer-border-color:var(--atomix-light-border-subtle);--atomix-footer-color:var(--atomix-light-text-emphasis)}.c-footer--light .c-footer__brand-name h3,.c-footer--light .c-footer__section-title{color:var(--atomix-light-text-emphasis)}.c-footer--light .c-footer__brand-description,.c-footer--light .c-footer__copyright{color:var(--atomix-gray-6)}.c-footer--light .c-footer__link{color:var(--atomix-light-text-emphasis)}.c-footer--light .c-footer__link:focus,.c-footer--light .c-footer__link:hover{color:var(--atomix-light)}.c-footer--light .c-footer__link:before{background-color:var(--atomix-light)}.c-footer--light .c-footer__newsletter{background:linear-gradient(135deg,var(--atomix-light-bg-subtle),rgba(var(--atomix-light-bg-subtle),.8));border-color:var(--atomix-light-border-subtle)}.c-footer--light .c-footer__newsletter:before{background:linear-gradient(90deg,transparent,var(--atomix-light),transparent)}.c-footer--dark{--atomix-footer-bg:var(--atomix-dark-bg-subtle);--atomix-footer-border-color:var(--atomix-dark-border-subtle);--atomix-footer-color:var(--atomix-dark-text-emphasis)}.c-footer--dark .c-footer__brand-name h3,.c-footer--dark .c-footer__section-title{color:var(--atomix-dark-text-emphasis)}.c-footer--dark .c-footer__brand-description,.c-footer--dark .c-footer__copyright{color:var(--atomix-gray-6)}.c-footer--dark .c-footer__link{color:var(--atomix-dark-text-emphasis)}.c-footer--dark .c-footer__link:focus,.c-footer--dark .c-footer__link:hover{color:var(--atomix-dark)}.c-footer--dark .c-footer__link:before{background-color:var(--atomix-dark)}.c-footer--dark .c-footer__newsletter{background:linear-gradient(135deg,var(--atomix-dark-bg-subtle),rgba(var(--atomix-dark-bg-subtle),.8));border-color:var(--atomix-dark-border-subtle)}.c-footer--dark .c-footer__newsletter:before{background:linear-gradient(90deg,transparent,var(--atomix-dark),transparent)}.c-footer--sticky{backdrop-filter:blur(10px);background-color:rgba(var(--atomix-footer-bg-rgb),.95);bottom:0;box-shadow:0 -2px 8px rgba(0,0,0,.1);position:sticky;z-index:100}@media (prefers-reduced-motion:reduce){.c-footer *,.c-footer :after,.c-footer :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.c-footer .c-footer__back-to-top:hover,.c-footer .c-footer__newsletter-button:hover,.c-footer .c-footer__social-link:hover{transform:none}}@media (prefers-contrast:high){.c-footer .c-footer__back-to-top,.c-footer .c-footer__link,.c-footer .c-footer__social-link{border:2px solid}}@media print{.c-footer{background:#fff!important;box-shadow:none!important;color:#000!important}.c-footer .c-footer__back-to-top,.c-footer .c-footer__newsletter,.c-footer .c-footer__section-toggle{display:none!important}.c-footer .c-footer__social-link:after{color:inherit;content:" (" attr(href) ")";font-size:.8em}.c-footer .c-footer__section--collapsible .c-footer__section-content{max-height:none!important;overflow:visible!important}}@container (min-width: 768px){.c-footer .c-footer__sections{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (min-resolution:192dpi){.c-footer .c-footer__brand-logo img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.c-form{--atomix-form-width:100%;--atomix-form-items-spacer-y:1.5rem;--atomix-form-items-spacer-x:1rem;max-width:var(--atomix-form-width);width:100%}.c-form>*+*{margin-top:var(--atomix-form-items-spacer-y)}.c-form .o-grid{--atomix-gutter-x:var(--atomix-form-items-spacer-x);--atomix-gutter-y:var(--atomix-form-items-spacer-y)}.c-hero{--atomix-hero-padding-x:0rem;--atomix-hero-padding-y:4rem;--atomix-hero-bg:var(--atomix-body-bg);--atomix-hero-overlay:var(--atomix-brand-bg-subtle);--atomix-hero-overlay-opacity:0.6;--atomix-hero-subtitle-font-size:18px;--atomix-hero-title-font-size:56px;--atomix-hero-text-font-size:18px;--atomix-hero-subtitle-color:var(--atomix-secondary-text-emphasis);--atomix-hero-title-color:var(--atomix-body-color);--atomix-hero-text-color:var(--atomix-secondary-color-text-emphasis);--atomix-hero-subtitle-font-weight:500;--atomix-hero-title-font-weight:700;--atomix-hero-text-font-weight:400;--atomix-hero-subtitle-margin-bottom:16px;--atomix-hero-text-margin-top:1rem;--atomix-hero-actions-margin-top:2rem;--atomix-hero-actions-inner-gap:1rem;--atomix-hero-grid-gutter:5rem;--atomix-hero-content-width:40rem;background-color:var(--atomix-hero-bg);display:grid;overflow:hidden;padding:var(--atomix-hero-padding-y) var(--atomix-hero-padding-x);place-items:center;position:relative}.c-hero__bg{inset:0;overflow:hidden;position:absolute;z-index:0}.c-hero__bg-image,.c-hero__video{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;width:100%;z-index:0}.c-hero__overlay{background-color:var(--atomix-hero-overlay);inset:0;opacity:var(--atomix-hero-overlay-opacity);position:absolute;z-index:1}.c-hero__container{position:relative}.c-hero__grid{--atomix-gutter-x:var(--atomix-hero-grid-gutter);align-items:center}.c-hero__content{max-width:var(--atomix-hero-content-width);width:100%}.c-hero__subtitle{color:var(--atomix-hero-subtitle-color);font-size:var(--atomix-hero-subtitle-font-size);font-weight:var(--atomix-hero-subtitle-font-weight);margin-bottom:var(--atomix-hero-subtitle-margin-bottom)}.c-hero__title{color:var(--atomix-hero-title-color);font-size:calc(2.15625rem + 1.5vw);font-weight:var(--atomix-hero-title-font-weight);letter-spacing:-1px}@media (min-width:768px){.c-hero__title{font-size:var(--atomix-hero-title-font-size);line-height:72px}}.c-hero__text{color:var(--atomix-hero-text-color);font-size:var(--atomix-hero-text-font-size);font-weight:var(--atomix-hero-text-font-weight);margin-top:var(--atomix-hero-text-margin-top)}.c-hero__actions{display:inline-flex;gap:var(--atomix-hero-actions-inner-gap);margin-top:var(--atomix-hero-actions-margin-top)}.c-hero__image{height:380px;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.c-hero--center{text-align:center}.c-hero--center .c-hero__content{margin-left:auto;margin-right:auto}.c-hero--center .c-hero__image-wrapper{margin-top:var(--atomix-hero-grid-gutter)}.c-hero--end{text-align:right}.c-hero--end .c-hero__content{margin-left:auto}.c-hero--full-vh{min-height:100vh}.c-hero__slider{inset:0;overflow:hidden;position:absolute;z-index:0}.c-hero__slider-item{inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--slider-transition-duration,1s) ease-in-out}.c-hero__slider-item img,.c-hero__slider-item video{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.c-hero__slider-item--active{opacity:1;pointer-events:auto;z-index:1}.c-hero__slider--fade .c-hero__slider-item{transition:opacity var(--slider-transition-duration,1s) ease-in-out}.c-hero__slider--slide .c-hero__slider-item{transform:translateX(100%);transition:transform var(--slider-transition-duration,1s) ease-in-out}.c-hero__slider--slide .c-hero__slider-item--active{transform:translateX(0)}.c-hero__slider--custom .c-hero__slider-item{transition:all var(--slider-transition-duration,1s) ease-in-out}.c-form-group{--atomix-input-group-width:100%;--atomix-input-group-label-color:var(--atomix-secondary-text-emphasis);--atomix-input-group-label-font-size:14px;--atomix-input-group-label-margin-bottom:0.5rem;--atomix-input-group-helper-text-color:var(--atomix-tertiary-text-emphasis);--atomix-input-group-helper-text-font-size:12px;--atomix-input-group-helper-text-margin-top:0.375rem;max-width:var(--atomix-input-group-width);position:relative;width:100%}.c-form-group__label{color:var(--atomix-input-group-label-color);display:block;font-size:var(--atomix-input-group-label-font-size);margin-bottom:var(--atomix-input-group-label-margin-bottom)}.c-form-group__field{display:inline-block;width:100%}.c-form-group__helper{color:var(--atomix-input-group-helper-text-color);font-size:var(--atomix-input-group-helper-text-font-size);margin-top:var(--atomix-input-group-helper-text-margin-top)}.c-form-group--sm{--atomix-input-group-label-font-size:12px}.c-form-group.is-success,.c-form-group.is-success .c-form-group.c-form-group__field{--atomix-input-group-helper-text-color:var(--atomix-success-text-emphasis)}.c-form-group.is-invalid,.c-form-group.is-invalid .c-form-group.c-form-group__field{--atomix-input-group-helper-text-color:var(--atomix-error-text-emphasis)}.c-form-group.is-disabled .c-form-group.c-form-group__field>*,.c-form-group.is-disabled>*,.c-form-group:disabled .c-form-group.c-form-group__field>*,.c-form-group:disabled>*{pointer-events:none}.c-input{--atomix-input-width:100%;--atomix-input-color:var(--atomix-body-color);--atomix-input-placeholder-color:var(--atomix-tertiary-text-emphasis);--atomix-input-font-size:16px;--atomix-input-line-height:24px;--atomix-input-padding-x:1rem;--atomix-input-padding-y:0.75rem;--atomix-input-border-color:var(--atomix-primary-border-subtle);--atomix-input-border-width:var(--atomix-border-width);--atomix-input-border-radius:8px;--atomix-input-bg:var(--atomix-body-bg);--atomix-input-textarea-height:120px;background-color:var(--atomix-input-bg);border:var(--atomix-input-border-width) solid var(--atomix-input-border-color);border-radius:var(--atomix-input-border-radius);color:var(--atomix-input-color);font-size:var(--atomix-input-font-size);line-height:var(--atomix-input-line-height);max-width:var(--atomix-input-width);outline:none;padding:var(--atomix-input-padding-y) var(--atomix-input-padding-x);transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}.c-input:focus,.c-input:hover{--atomix-input-border-color:var(--atomix-secondary-border-subtle)}.c-input ::-webkit-input-placeholder{color:var(--atomix-input-placeholder-color)}.c-input :-moz-placeholder,.c-input ::-moz-placeholder{color:var(--atomix-input-placeholder-color)}.c-input :-ms-input-placeholder{color:var(--atomix-input-placeholder-color)}.c-input ::-ms-input-placeholder{color:var(--atomix-input-placeholder-color)}.c-input--textarea{height:var(--atomix-input-textarea-height)}.c-input--sm{--atomix-input-font-size:14px;--atomix-input-line-height:20px;--atomix-input-padding-x:0.75rem;--atomix-input-padding-y:0.5rem}.c-input--sm.c-input--textarea{--atomix-input-textarea-height:100px}.c-input--lg{--atomix-input-font-size:18px;--atomix-input-line-height:28px;--atomix-input-padding-x:1.25rem;--atomix-input-padding-y:1rem}.c-input--lg.c-input--textarea{--atomix-input-textarea-height:160px}.c-input--primary{--atomix-input-border-color:var(--atomix-primary-border-subtle,#9d00ff)}.c-input--success{--atomix-input-border-color:var(--atomix-success-border-subtle,#00d984)}.c-input--error{--atomix-input-border-color:var(--atomix-error-border-subtle,#ff2085)}.c-input--warning{--atomix-input-border-color:var(--atomix-warning-border-subtle,#fb0)}.c-input--info{--atomix-input-border-color:var(--atomix-info-border-subtle,#008cff)}.c-input.has-danger .c-input:invalid,.c-input.is-invalid{--atomix-input-border-color:var(--atomix-error)}.c-input .is-valid,.c-input.has-success .c-input:valid,.c-input.is-success{--atomix-input-border-color:var(--atomix-success)}.c-input.is-disabled,.c-input:disabled{--atomix-input-color:var(--atomix-tertiary-text-emphasis);--atomix-input-bg:var(--atomix-secondary-bg-subtle);pointer-events:none}.c-input--glass{background-color:color-mix(in srgb,var(--atomix-input-bg) 50%,transparent);border-color:color-mix(in srgb,var(--atomix-input-border-color) 50%,transparent);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.1)}.c-input--glass:focus,.c-input--glass:hover{background-color:color-mix(in srgb,var(--atomix-input-bg) 90%,transparent)}.c-input--glass.c-input--textarea{resize:vertical}.c-input--glass.is-disabled,.c-input--glass:disabled{background-color:color-mix(in srgb,var(--atomix-input-bg) 50%,transparent);opacity:.6}.c-list-group{--atomix-list-group-width:100%;--atomix-list-group-bg: ;--atomix-list-group-item-padding-y:1rem;--atomix-list-group-item-padding-x:1rem;--atomix-list-group-item-font-size:16px;--atomix-list-group-item-color:var(--atomix-body-color);--atomix-list-group-item-disabled-color:var(--atomix-disabled-text-emphasis);--atomix-list-group-item-border-color:var(--atomix-primary-border-subtle);--atomix-list-group-item-border-width:1px;--atomix-list-group-item-bg:var(--atomix-body-bg);background-color:var(--atomix-list-group-bg);display:flex;flex-direction:column;list-style:none;margin-bottom:0;max-width:var(--atomix-list-group-width);padding-left:0;width:100%}.c-list-group__item{background-color:var(--atomix-list-group-item-bg);border-bottom:var(--atomix-list-group-item-border-width) solid var(--atomix-list-group-item-border-color);color:var(--atomix-list-group-item-color);font-size:var(--atomix-list-group-item-font-size);padding:var(--atomix-list-group-item-padding-y) var(--atomix-list-group-item-padding-x)}.c-list-group__item--primary{--atomix-list-group-item-bg:var(--atomix-brand-bg-subtle)}.c-list-group__item--secondary{--atomix-list-group-item-bg:var(--atomix-secondary-bg-subtle)}.c-list-group__item--success{--atomix-list-group-item-bg:var(--atomix-success-bg-subtle)}.c-list-group__item--info{--atomix-list-group-item-bg:var(--atomix-info-bg-subtle)}.c-list-group__item--warning{--atomix-list-group-item-bg:var(--atomix-warning-bg-subtle)}.c-list-group__item--error{--atomix-list-group-item-bg:var(--atomix-error-bg-subtle)}.c-list-group__item--light{--atomix-list-group-item-bg:var(--atomix-light)}.c-list-group__item--dark{--atomix-list-group-item-color:var(--atomix-invert-text-emphasis);--atomix-list-group-item-bg:var(--atomix-dark)}.c-list-group__item--disabled{--atomix-list-group-item-color:var(
|
|
441
|
+
--atomix-list-group-item-disabled-color
|
|
442
|
+
)}.c-list{--atomix-list-color:var(--atomix-body-color);--atomix-list-font-size:16px;--atomix-list-font-weight:400;--atomix-list-item-gap:0.5rem;--atomix-list-padding-left:1.5rem;--atomix-list-item-dash-width:1rem;--atomix-list-item-dash-height:0.125rem;list-style:none;padding-left:var(--atomix-list-padding-left)}.c-list__item{color:var(--atomix-list-color);font-size:var(--atomix-list-font-size);font-weight:var(--atomix-list-font-weight)}.c-list__item+.c-list__item{margin-top:var(--atomix-list-item-gap)}.c-list--dash{list-style:none;padding-left:0}.c-list--dash .c-list__item{padding-left:var(--atomix-list-padding-left);position:relative}.c-list--dash .c-list__item:before{background-color:var(--atomix-list-color);content:"";height:var(--atomix-list-item-dash-height);left:0;position:absolute;top:50%;transform:translateY(-50%);width:var(--atomix-list-item-dash-width)}.c-list--number{list-style-type:decimal}.c-list--text{list-style-type:lower-alpha}.c-menu{--atomix-menu-min-width:12.5rem;--atomix-menu-container-width:90rem;--atomix-menu-padding-x:0.75rem;--atomix-menu-padding-y:0.75rem;--atomix-menu-bg:var(--atomix-body-bg);--atomix-menu-border-radius:8px;--atomix-menu-box-shadow:0 4px 16px rgba(0,0,0,.1);--atomix-menu-items-gap:4px;--atomix-menu-item-padding-x:12px;--atomix-menu-item-padding-y:10px;--atomix-menu-item-inner-gap:8px;--atomix-menu-item-color:var(--atomix-primary-text-emphasis);--atomix-menu-item-font-size:16px;--atomix-menu-item-font-weight:500;--atomix-menu-item-bg:var(--atomix-body-bg);--atomix-menu-item-bg-hover:var(--atomix-secondary-bg-subtle);--atomix-menu-item-bg-active:var(--atomix-brand-bg-subtle);--atomix-menu-item-icon-size:18px;--atomix-menu-subitem-color:var(--atomix-secondary-text-emphasis);--atomix-menu-subitem-color-active:var(--atomix-brand-text-emphasis);--atomix-menu-subitem-font-weight:400;--atomix-menu-subitem-font-weight-active:500;--atomix-menu-mega-padding-x:3rem;--atomix-menu-mega-padding-y:2rem;--atomix-menu-mega-grid-gap:3rem;--atomix-menu-mega-header-title-font-size:18px;--atomix-menu-mega-header-title-font-weight:600;background-color:var(--atomix-menu-bg);border-radius:var(--atomix-menu-border-radius);box-shadow:var(--atomix-menu-box-shadow);display:inline-block;min-width:var(--atomix-menu-min-width);padding:var(--atomix-menu-item-padding-y) var(--atomix-menu-item-padding-x);z-index:5}.c-menu__container{margin-left:auto;margin-right:auto;max-width:var(--atomix-menu-container-width);padding:0 var(--atomix-menu-mega-padding-x);width:100%}.c-menu__list{list-style:none;margin-bottom:0;padding-left:0}.c-menu__item+.c-menu__item{margin-top:var(--atomix-menu-items-gap)}.c-menu__item--haschildren{position:relative}.c-menu__item--haschildren>.c-menu{left:100%;opacity:0;position:absolute;top:0;transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;visibility:hidden}.c-menu__item--haschildren:hover>.c-menu{opacity:1;visibility:visible}.c-menu__link{align-items:center;background-color:var(--atomix-menu-item-bg);border-radius:var(--atomix-menu-border-radius);color:var(--atomix-menu-item-color);cursor:pointer;display:flex;font-size:var(--atomix-menu-item-font-size);font-weight:var(--atomix-menu-item-font-weight);gap:var(--atomix-menu-item-inner-gap);padding:var(--atomix-menu-item-padding-y) var(--atomix-menu-item-padding-x);transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.c-menu__link:hover{background-color:var(--atomix-menu-item-bg-hover);color:var(--atomix-menu-item-color)}.c-menu__link.is-active,.c-menu__link:active,.c-menu__link:focus{background-color:var(--atomix-menu-item-bg-active)}.c-menu__icon{font-size:var(--atomix-menu-item-icon-size)}.c-menu__toggle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-menu__toggle-icon{margin-left:auto;transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.c-menu__subitems{position:relative}.c-menu__subitems-wrapper{height:0;overflow:hidden;transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.c-menu__subitems-list{list-style:none;margin-bottom:0;padding-left:1.4375rem}.c-menu__subitem-link{align-items:center;color:var(--atomix-menu-subitem-color);display:flex;font-size:var(--atomix-menu-item-font-size);font-weight:var(--atomix-menu-subitem-font-weight);gap:var(--atomix-menu-item-inner-gap);padding:var(--atomix-menu-item-padding-y) var(--atomix-menu-item-padding-x);transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.c-menu__subitem-link:hover{color:var(--atomix-primary)}.c-menu__subitem-link.is-active,.c-menu__subitem-link:active,.c-menu__subitem-link:focus{color:var(--atomix-menu-subitem-color-active);font-weight:var(--atomix-menu-subitem-font-weight-active)}.c-menu__grid{--atomix-gutter-x:var(--atomix-menu-mega-grid-gap)}.c-menu__header{align-items:center;border-bottom:1px solid var(--atomix-primary-border-subtle);display:flex;gap:var(--atomix-menu-item-inner-gap);margin-bottom:var(--atomix-menu-item-padding-y);padding:0 var(--atomix-menu-item-padding-y) var(--atomix-menu-item-padding-x) var(--atomix-menu-item-padding-x)}.c-menu__header-title{color:var(--atomix-menu-item-color);font-size:var(--atomix-menu-mega-header-title-font-size);font-weight:var(--atomix-menu-mega-header-title-font-weight)}.c-menu__header-icon{font-size:1.5rem}.c-menu__content-title{color:var(--atomix-menu-item-color);font-size:var(--atomix-menu-item-font-size);font-weight:var(--atomix-menu-item-font-weight)}.c-menu__content-text{color:var(--atomix-menu-subitem-color);font-size:var(--atomix-menu-item-font-size);margin-top:var(--atomix-menu-items-gap)}.c-menu__content-menu{border-left:1px solid var(--atomix-primary-border-subtle);height:100%;padding-left:var(--atomix-menu-mega-grid-gap)}.c-menu__content-menu-title{color:var(--atomix-menu-subitem-color);font-size:var(--atomix-menu-item-font-size)}.c-menu__content-menu-list{list-style:none;padding-left:0}.c-menu__content-menu-item{margin-top:.75rem}.c-menu__content-menu-link{color:var(--atomix-menu-item-color);font-size:var(--atomix-menu-item-font-size);font-weight:var(--atomix-menu-item-font-weight)}.c-menu__content-menu-link:hover{color:var(--atomix-menu-item-color)}.c-menu--mega{border-radius:0;min-height:auto;padding:var(--atomix-menu-mega-padding-y) 0;width:100%}.c-messages{--atomix-messages-width:100%;--atomix-messages-padding-x:1.5rem;--atomix-messages-padding-y:1.5rem;--atomix-messages-border-radius:12px;--atomix-messages-border-width:0px;--atomix-messages-border-color: ;--atomix-messages-bg:var(--atomix-secondary-bg-subtle);--atomix-messages-content-margin-top:1.5rem;--atomix-messages-avatar-margin:0.75rem;--atomix-messages-items-padding-x:0rem;--atomix-messages-items-padding-y:0rem;--atomix-messages-items-width:32.5rem;--atomix-messages-items-border-width:0px;--atomix-messages-items-border-color:transparent;--atomix-messages-items-border-radius: ;--atomix-messages-items-gap:0.5rem;--atomix-messages-text-padding-x:1rem;--atomix-messages-text-padding-y:0.75rem;--atomix-messages-text-color:var(--atomix-body-color);--atomix-messages-text-font-size:16px;--atomix-messages-text-bg:var(--atomix-tertiary-bg-subtle);--atomix-messages-text-border-radius:16px;--atomix-messages-file-padding-x:16px;--atomix-messages-file-padding-y:12px;--atomix-messages-file-text-font-size:16px;--atomix-messages-file-text-color:var(--atomix-body-color);--atomix-messages-file-icon-size:2.75rem;--atomix-messages-file-icon-margin-right:12px;--atomix-messages-file-icon-bg:var(--atomix-primary-2);--atomix-messages-file-info-font-size:12px;--atomix-messages-file-info-color:var(--atomix-tertiary-text-emphasis);--atomix-messages-file-bg:var(--atomix-tertiary-bg-subtle);--atomix-messages-file-border-radius:16px;--atomix-messages-image-width:320px;--atomix-messages-image-height:240px;--atomix-messages-image-border-radius:12px;--atomix-messages-form-margin-top:1.5rem;--atomix-messages-form-row-gap:0.75rem;--atomix-messages-form-submit-icon-size:1.25rem;--atomix-messages-input-padding-x:1rem;--atomix-messages-input-padding-y:0.75rem;--atomix-messages-input-font-size:16px;--atomix-messages-input-color:var(--atomix-body-color);--atomix-messages-input-placeholder-color:var(--atomix-tertiary-text-emphasis);--atomix-messages-input-border-width:1px;--atomix-messages-input-border-color:var(--atomix-secondary-border-subtle);--atomix-messages-input-border-radius:8px;--atomix-messages-input-options-icons-size:20px;--atomix-messages-input-options-row-gap:0.5rem;--atomix-messages-body-height:calc(100vh - 500px);background-color:var(--atomix-messages-bg);border:var(--atomix-messages-border-width) solid var(--atomix-messages-border-color);border-radius:var(--atomix-messages-border-radius);max-width:var(--atomix-messages-width);min-width:var(--atomix-messages-width);padding:var(--atomix-messages-padding-y) var(--atomix-messages-padding-x);width:100%}.c-messages__body{max-height:var(--atomix-messages-body-height);min-height:var(--atomix-messages-body-height);overflow:auto}.c-messages__content{align-items:flex-end;display:flex;margin-top:var(--atomix-messages-content-margin-top)}.c-messages__items{border:var(--atomix-messages-items-border-width) solid var(--atomix-messages-items-border-color);display:flex;flex-direction:column;gap:var(--atomix-messages-items-gap);max-width:var(--atomix-messages-items-width);padding:var(--atomix-messages-items-padding-y) var(--atomix-messages-items-padding-x);width:100%}.c-messages__items>:first-child{border-radius:var(--atomix-messages-text-border-radius) var(--atomix-messages-text-border-radius) var(--atomix-messages-text-border-radius) .25rem}.c-messages__items>:last-child{border-radius:.25rem var(--atomix-messages-text-border-radius) var(--atomix-messages-text-border-radius) var(--atomix-messages-text-border-radius)}.c-messages__avatar{flex:0 0 var(--atomix-avatar-size);margin-right:var(--atomix-messages-avatar-margin)}.c-messages__name{color:var(--atomix-secondary-text-emphasis);font-weight:500}.c-messages__name,.c-messages__time{font-size:var(--atomix-messages-file-info-font-size)}.c-messages__time{color:var(--atomix-messages-file-info-color);display:block;margin-top:var(--atomix-messages-items-gap);text-align:right;width:100%}.c-messages__text{background-color:var(--atomix-messages-text-bg);border-radius:.25rem var(--atomix-messages-text-border-radius) var(--atomix-messages-text-border-radius) .25rem;color:var(--atomix-messages-text-color);font-size:var(--atomix-messages-text-font-size);padding:var(--atomix-messages-text-padding-y) var(--atomix-messages-text-padding-x);width:-moz-fit-content;width:fit-content}.c-messages__file{background-color:var(--atomix-messages-file-bg);border-radius:.25rem var(--atomix-messages-file-border-radius) var(--atomix-messages-file-border-radius) .25rem;display:flex;flex-wrap:wrap;padding:var(--atomix-messages-file-padding-y) var(--atomix-messages-file-padding-x)}.c-messages__file-icon{background-color:var(--atomix-body-bg);border-radius:50rem;color:var(--atomix-tertiary-text-emphasis);display:grid!important;font-size:1.5rem;height:var(--atomix-messages-file-icon-size);margin-right:var(--atomix-messages-file-icon-margin-right);place-items:center;width:var(--atomix-messages-file-icon-size)}.c-messages__file-name{color:var(--atomix-messages-file-text-color);font-size:var(--atomix-messages-file-text-font-size)}.c-messages__file-size{color:var(--atomix-messages-file-info-color);font-size:var(--atomix-messages-file-info-font-size)}.c-messages__image{border-radius:.25rem var(--atomix-messages-image-border-radius) var(--atomix-messages-image-border-radius) .25rem;height:var(--atomix-messages-image-height);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:var(--atomix-messages-image-width)}.c-messages__content--self{flex-direction:row-reverse;justify-content:flex-start}.c-messages__content--self .c-messages__avatar{margin-left:var(--atomix-messages-avatar-margin);margin-right:0}.c-messages__content--self .c-messages__items{align-items:flex-end;border-radius:var(--atomix-messages-items-border-radius) var(--atomix-messages-items-border-radius) 0 var(--atomix-messages-items-border-radius)}.c-messages__content--self .c-messages__items>:first-child{border-radius:var(--atomix-messages-text-border-radius) var(--atomix-messages-text-border-radius) .25rem var(--atomix-messages-text-border-radius)}.c-messages__content--self .c-messages__items>:last-child{border-radius:var(--atomix-messages-text-border-radius) .25rem var(--atomix-messages-text-border-radius) var(--atomix-messages-text-border-radius)}.c-messages__content--self .c-messages__text{--atomix-messages-text-color:var(--atomix-body-color);--atomix-messages-text-bg:var(--atomix-brand-bg-subtle);border-radius:var(--atomix-messages-text-border-radius) .25rem .25rem var(--atomix-messages-text-border-radius)}.c-messages__content--self .c-messages__file{--atomix-messages-file-text-color:var(--atomix-body-color);--atomix-messages-file-bg:var(--atomix-brand-bg-subtle);border-radius:var(--atomix-messages-file-border-radius) .25rem .25rem var(--atomix-messages-file-border-radius)}.c-messages__content--self .c-messages__file [data-atomix-color-mode=dark]{--atomix-messages-file-icon-bg:var(--atomix-primary-7)}.c-messages__content--self .c-messages__image{border-radius:var(--atomix-messages-image-border-radius) .25rem .25rem var(--atomix-messages-image-border-radius)}.c-messages__content--self .c-messages__file-icon{background-color:var(--atomix-messages-file-icon-bg);color:var(--atomix-invert-text-emphasis)}.c-messages__content--self .c-messages__file-icon [data-atomix-color-mode=dark]{--atomix-messages-file-icon-bg:var(--atomix-primary-7)}.c-messages__form{display:flex;gap:var(--atomix-messages-form-row-gap);margin-top:var(--atomix-messages-form-margin-top)}.c-messages__input-group{position:relative;width:100%}.c-messages__options{align-items:center;display:flex;gap:var(--atomix-messages-input-options-row-gap);position:absolute;right:var(--atomix-messages-input-padding-x);top:50%;transform:translateY(-50%)}.c-messages__option{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;cursor:pointer;margin:0;padding:0}.c-messages__option-icon{color:var(--atomix-tertiary-text-emphasis);cursor:pointer}.c-messages__input{background-color:var(--atomix-messages-bg);border:var(--atomix-messages-input-border-width) solid var(--atomix-messages-input-border-color);border-radius:var(--atomix-messages-input-border-radius);color:var(--atomix-messages-input-color);font-size:var(--atomix-messages-input-font-size);padding:var(--atomix-messages-input-padding-y) var(--atomix-messages-input-padding-x);resize:none;width:100%}.c-messages__input::-moz-placeholder{color:var(--atomix-messages-input-placeholder-color);font-size:var(--atomix-messages-input-font-size)}.c-messages__input::placeholder{color:var(--atomix-messages-input-placeholder-color);font-size:var(--atomix-messages-input-font-size)}.c-messages__input:focus{border-color:var(--atomix-primary);outline:0}.c-messages__submit{align-self:flex-end;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--atomix-brand-bg-subtle);border:0;border-radius:50rem;color:var(--atomix-invert-text-emphasis);cursor:pointer;display:grid;padding:.625rem;place-items:center}.c-messages__submit .c-icon{height:var(--atomix-messages-form-submit-icon-size);width:var(--atomix-messages-form-submit-icon-size)}.c-messages__submit:disabled{cursor:not-allowed;opacity:.5}.c-messages--glass{background:transparent;border:none;padding:0}.c-messages--glass .c-messages__glass-content{border-radius:var(--atomix-messages-border-radius);padding:var(--atomix-messages-padding-y) var(--atomix-messages-padding-x)}.c-messages--glass .c-messages__body{background-color:color-mix(in srgb,var(--atomix-body-bg) 15%,transparent);border-radius:.25rem;padding:.5rem}.c-messages--glass .c-messages__text{backdrop-filter:blur(8px);background-color:color-mix(in srgb,var(--atomix-body-bg) 50%,transparent);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 1px 3px rgba(0,0,0,.05)}.c-messages--glass .c-messages__content--self .c-messages__file,.c-messages--glass .c-messages__content--self .c-messages__text{backdrop-filter:blur(8px);background-color:color-mix(in srgb,var(--atomix-brand-bg-subtle) 50%,transparent);border:1px solid rgba(var(--atomix-primary-rgb),.3)}.c-messages--glass .c-messages__file{border:1px solid hsla(0,0%,100%,.2);box-shadow:0 1px 3px rgba(0,0,0,.05)}.c-messages--glass .c-messages__file,.c-messages--glass .c-messages__file-icon{backdrop-filter:blur(8px);background-color:color-mix(in srgb,var(--atomix-brand-bg-subtle) 50%,transparent)}.c-messages--glass .c-messages__file-icon{border:1px solid hsla(0,0%,100%,.15)}.c-messages--glass .c-messages__image{border:1px solid hsla(0,0%,100%,.3);box-shadow:0 2px 8px rgba(0,0,0,.1)}.c-messages--glass .c-messages__avatar{border:2px solid hsla(0,0%,100%,.4);box-shadow:0 2px 6px rgba(0,0,0,.1)}.c-messages--glass .c-messages__name{font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.c-messages--glass .c-messages__time{text-shadow:0 1px 2px rgba(0,0,0,.1)}.c-messages--glass .c-messages__form{border-top:1px solid hsla(0,0%,100%,.2);margin-top:1rem;padding-top:.75rem}.c-messages--glass .c-messages__input{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.3);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 1px 4px rgba(0,0,0,.05);color:var(--atomix-primary-text-emphasis)}.c-messages--glass .c-messages__input:focus{background:hsla(0,0%,100%,.45);border-color:var(--atomix-primary);box-shadow:0 0 0 3px rgba(var(--atomix-primary-rgb),.15)}.c-messages--glass .c-messages__input::-moz-placeholder{color:var(--atomix-primary-text-emphasis);opacity:.8}.c-messages--glass .c-messages__input::placeholder{color:var(--atomix-primary-text-emphasis);opacity:.8}.c-messages--glass .c-messages__option{border-radius:.25rem;padding:.375rem;transition:background-color .2s ease}.c-messages--glass .c-messages__option:hover:not(:disabled){background:rgba(var(--atomix-secondary-bg-rgb),.4)}.c-messages--glass .c-messages__option:focus-visible{outline:2px solid var(--atomix-primary);outline-offset:2px}.c-messages--glass .c-messages__option-icon{opacity:.8;transition:opacity .2s ease}.c-messages__option:hover .c-messages--glass .c-messages__option-icon{opacity:1}.c-messages--glass .c-messages__submit{backdrop-filter:blur(8px);background:rgba(var(--atomix-primary-rgb),.9);border:1px solid rgba(var(--atomix-primary-rgb),.4);box-shadow:0 2px 8px rgba(var(--atomix-primary-rgb),.3);transition:all .2s ease}.c-messages--glass .c-messages__submit:hover:not(:disabled){background:rgba(var(--atomix-primary-rgb),1);box-shadow:0 4px 12px rgba(var(--atomix-primary-rgb),.4);transform:translateY(-1px)}.c-messages--glass .c-messages__submit:active:not(:disabled){box-shadow:0 1px 4px rgba(var(--atomix-primary-rgb),.3);transform:translateY(0)}.c-messages--glass .c-messages__submit:disabled{background:rgba(var(--atomix-primary-rgb),.5);opacity:.5}.c-modal{--atomix-modal-inner-padding:1.5rem;--atomix-modal-content-color: ;--atomix-modal-content-bg:var(--atomix-body-bg);--atomix-modal-content-border-radius:12px;--atomix-modal-content-box-shadow:0 8px 32px rgba(0,0,0,.12);--atomix-modal-header-padding-bottom:1rem;--atomix-modal-title-font-size:20px;--atomix-modal-sub-margin-top:0.375rem;--atomix-modal-sub-color:var(--atomix-tertiary-text-emphasis);--atomix-modal-sub-font-size:0.875rem;--atomix-modal-footer-items-gap:0.75rem;--atomix-modal-backdrop-bg:var(--atomix-invert-bg-subtle);--atomix-modal-backdrop-opacity:0.6;--atomix-modal-backdrop-blur:12px;--atomix-modal-close-icon-color:#000;--atomix-modal-close-icon-size:1.5rem;--atomix-modal-sm:30rem;--atomix-modal-md:45rem;--atomix-modal-lg:60rem;--atomix-modal-xl:75rem;--atomix-modal-width:var(--atomix-modal-md);display:none;height:100%;inset:0;position:absolute;width:100%}.c-modal:not(.c-modal--glass){z-index:1040}.c-modal__backdrop{background-color:var(--atomix-modal-backdrop-bg);inset:0;opacity:0;position:absolute;transition:.3s}.c-modal__dialog{align-items:center;height:100%;margin-left:auto;margin-right:auto;max-width:var(--atomix-modal-width);opacity:0;pointer-events:none;position:relative;transition:.3s ease}.c-modal__content,.c-modal__dialog{display:flex;padding:var(--atomix-modal-inner-padding)}.c-modal__content{background-color:var(--atomix-modal-content-bg);border-radius:var(--atomix-modal-content-border-radius);box-shadow:var(--atomix-modal-content-box-shadow);flex-direction:column;max-height:100%;overflow:hidden;pointer-events:auto;width:100%}.c-modal__header{align-items:flex-start;display:flex;justify-content:space-between;padding-bottom:var(--atomix-modal-header-padding-bottom)}.c-modal__title{font-size:var(--atomix-modal-title-font-size)}.c-modal__sub{color:var(--atomix-modal-sub-color);font-size:var(--atomix-modal-sub-font-size);margin-top:var(--atomix-modal-sub-margin-top)}.c-modal__body{overflow-x:hidden;overflow-y:auto;padding:var(--atomix-modal-inner-padding) 0}.c-modal__footer{display:flex;gap:var(--atomix-modal-footer-items-gap);justify-content:flex-end;padding-top:var(--atomix-modal-inner-padding)}.c-modal__close{cursor:pointer;padding-right:0;padding-top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:3}.c-modal__close svg{height:var(--atomix-modal-close-icon-size);width:var(--atomix-modal-close-icon-size)}.c-modal--sm{--atomix-modal-width:var(--atomix-modal-sm)}.c-modal--md{--atomix-modal-width:var(--atomix-modal-md)}.c-modal--lg{--atomix-modal-width:var(--atomix-modal-lg)}.c-modal--xl{--atomix-modal-width:var(--atomix-modal-xl)}.c-modal--glass .c-modal__content{background-color:color-mix(in srgb,var(--atomix-modal-content-bg) 50%,transparent);border-radius:inherit;box-shadow:none;height:100%;width:var(--atomix-modal-width)}.c-modal.is-open .c-modal__backdrop{opacity:var(--atomix-modal-backdrop-opacity)}.c-modal.is-open .c-modal__dialog{opacity:1}.c-nav{--atomix-nav-item-gap-x:0.75rem;--atomix-nav-link-padding-x:1rem;--atomix-nav-link-padding-y:0.625rem;--atomix-nav-link-font-size:16px;--atomix-nav-link-font-weight:500;--atomix-nav-link-color:var(--atomix-body-color);--atomix-nav-link-hover-color:var(--atomix-body-color);--atomix-nav-link-bg:var(--atomix-body-bg);--atomix-nav-link-hover-bg:var(--atomix-secondary-bg-subtle);--atomix-nav-link-inner-gap:0.5rem;--atomix-nav-icon-size:18px;align-items:center;display:flex;list-style:none;margin-bottom:0;padding-left:0}.c-nav__item+.c-nav__item{margin-left:var(--atomix-nav-item-gap-x)}.c-nav__item--dropdown{position:relative}.c-nav__item:hover .c-nav__icon{transform:rotate(-180deg)}.c-nav__item:hover .c-nav__dropdown-menu,.c-nav__item:hover .c-nav__mega-menu{opacity:1;visibility:visible}.c-nav__link{align-items:center;border-radius:.625rem;display:inline-flex;font-size:var(--atomix-nav-link-font-size);font-weight:var(--atomix-nav-link-font-weight);gap:var(--atomix-nav-link-inner-gap);padding:var(--atomix-nav-link-padding-y) var(--atomix-nav-link-padding-x);transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.c-nav__link,.c-nav__link:active,.c-nav__link:focus,.c-nav__link:focus-visible,.c-nav__link:hover{color:var(--atomix-nav-link-color)}.c-nav__link:active,.c-nav__link:focus,.c-nav__link:focus-visible,.c-nav__link:hover{background-color:var(--atomix-nav-link-hover-bg)}.c-nav__link--disabled{color:var(--atomix-disabled-text-emphasis);pointer-events:none}.c-nav__link.is-active,.c-nav__link:active,.c-nav__link:focus{background-color:var(--atomix-brand-bg-subtle)}.c-nav__icon{font-size:var(--atomix-nav-icon-size)}.c-nav__dropdown-menu,.c-nav__icon{transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.c-nav__dropdown-menu{left:0;opacity:0;position:absolute;top:100%;visibility:hidden;white-space:nowrap}.c-nav__dropdown-menu--center{left:50%;transform:translateX(-50%)}.c-nav__dropdown-menu--end{left:auto;right:0}.c-nav__mega-menu{left:0;opacity:0;position:absolute;top:calc(100% - var(--atomix-navbar-padding-y));transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;visibility:hidden;width:100%}.c-nav--end{justify-content:flex-end;margin-left:auto}.c-nav--center{justify-content:center;margin:0 auto}.c-nav--float-bottom-center,.c-nav--float-top-center{backdrop-filter:blur(10px);background-color:var(--atomix-body-bg);background-color:rgba(var(--atomix-body-bg-rgb),.95);border:1px solid var(--atomix-border-color);border-radius:50rem;box-shadow:var(--atomix-box-shadow-lg);left:50%;padding:.5rem 1rem;position:fixed;transform:translateX(-50%);z-index:1000}.c-nav--float-bottom-center .c-nav__item+.c-nav--float-bottom-center .c-nav__item,.c-nav--float-bottom-center .c-nav__item+.c-nav--float-top-center .c-nav__item,.c-nav--float-top-center .c-nav__item+.c-nav--float-bottom-center .c-nav__item,.c-nav--float-top-center .c-nav__item+.c-nav--float-top-center .c-nav__item{margin-left:.25rem}.c-nav--float-bottom-center .c-nav__link,.c-nav--float-top-center .c-nav__link{border-radius:.625rem;padding:.5rem .75rem}.c-nav--float-bottom-center .c-nav__link.is-active,.c-nav--float-bottom-center .c-nav__link:active,.c-nav--float-bottom-center .c-nav__link:focus,.c-nav--float-bottom-center .c-nav__link:hover,.c-nav--float-top-center .c-nav__link.is-active,.c-nav--float-top-center .c-nav__link:active,.c-nav--float-top-center .c-nav__link:focus,.c-nav--float-top-center .c-nav__link:hover{background-color:var(--atomix-brand-bg-subtle)}.c-nav--float-top-center{top:1.25rem}.c-nav--float-bottom-center{bottom:1.25rem}.c-navbar{--atomix-navbar-padding-x:2rem;--atomix-navbar-padding-y:0.75rem;--atomix-navbar-container-max-width:1440px;--atomix-navbar-bg:var(--atomix-body-bg);--atomix-navbar-border-width:1px;--atomix-navbar-border-color:var(--atomix-primary-border-subtle);--atomix-navbar-box-shadow:0 4px 12px rgba(0,0,0,.05);--atomix-navbar-brand-margin-end:2rem;--atomix-navbar-brand-font-size:20px;--atomix-navbar-brand-font-weight:600;--atomix-navbar-brand-color:var(--atomix-body-color);--atomix-navbar-toggler-size:36px;--atomix-navbar-toggler-color:var(--atomix-body-color);--atomix-navbar-toggler-bg:transparent;--atomix-navbar-toggler-border:0;--atomix-navbar-toggler-border-radius:6px;--atomix-navbar-toggler-focus-shadow:0 0 0 3px rgba(14,165,233,.3);--atomix-navbar-collapse-padding-top:12px;--atomix-navbar-collapse-transition:all 300ms ease-in-out;--atomix-navbar-backdrop-bg:rgba(0,0,0,.5);--atomix-navbar-backdrop-z-index:1029;--atomix-navbar-z-index:1030;background-color:var(--atomix-navbar-bg);border-bottom:var(--atomix-navbar-border-width) solid var(--atomix-navbar-border-color);padding:var(--atomix-navbar-padding-y) 0;position:relative;z-index:var(--atomix-navbar-z-index)}.c-navbar__container{align-items:center;display:flex;flex-wrap:wrap;margin:0 auto;max-width:var(--atomix-navbar-container-max-width);padding:0 var(--atomix-navbar-padding-x);width:100%}.c-navbar__brand{align-items:center;color:var(--atomix-navbar-brand-color);display:flex;font-size:var(--atomix-navbar-brand-font-size);font-weight:var(--atomix-navbar-brand-font-weight);margin-right:var(--atomix-navbar-brand-margin-end);text-decoration:none}.c-navbar__brand:focus,.c-navbar__brand:hover{color:var(--atomix-navbar-brand-color);text-decoration:none}.c-navbar__brand svg{color:inherit}.c-navbar__toggler{align-items:center;background-color:var(--atomix-navbar-toggler-bg);border:var(--atomix-navbar-toggler-border);border-radius:var(--atomix-navbar-toggler-border-radius);cursor:pointer;display:none;height:var(--atomix-navbar-toggler-size);justify-content:center;padding:0;transition:all .15s ease-in-out;width:var(--atomix-navbar-toggler-size)}.c-navbar__toggler:hover{opacity:.8}.c-navbar__toggler:focus{box-shadow:var(--atomix-navbar-toggler-focus-shadow);outline:none}.c-navbar__toggler:active{transform:scale(.95)}.c-navbar__toggler-icon{display:inline-block;height:1.5em;position:relative;vertical-align:middle;width:1.5em}.c-navbar__toggler-icon,.c-navbar__toggler-icon:after,.c-navbar__toggler-icon:before{background-color:var(--atomix-navbar-toggler-color);border-radius:1px;height:2px;position:absolute;transition:transform .15s ease;width:100%}.c-navbar__toggler-icon:after,.c-navbar__toggler-icon:before{content:"";display:block}.c-navbar__toggler-icon:before{top:-.5em}.c-navbar__toggler-icon:after{bottom:-.5em}.c-navbar__collapse{align-items:center;display:flex;flex-grow:1;transition:var(--atomix-navbar-collapse-transition)}.c-navbar__backdrop{background-color:var(--atomix-navbar-backdrop-bg);height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease-in-out;visibility:hidden;width:100%;z-index:var(--atomix-navbar-backdrop-z-index)}.c-navbar__backdrop.is-open{opacity:1;visibility:visible}@media (max-width:767.98px){.c-navbar--collapsible .c-navbar__toggler{display:flex;margin-left:auto}.c-navbar--collapsible .c-navbar__collapse{display:none;width:100%}.c-navbar--collapsible .c-navbar__collapse.is-expanded{display:block;padding-top:var(--atomix-navbar-collapse-padding-top)}.c-navbar--collapsible .c-navbar__collapse .c-nav{align-items:flex-start;flex-direction:column}.c-navbar--collapsible .c-navbar__collapse .c-nav__item{margin-left:0!important;width:100%}.c-navbar--collapsible .c-navbar__collapse .c-nav__item+.c-navbar--collapsible .c-navbar__collapse .c-nav__item{margin-top:.25rem}.c-navbar--collapsible .c-navbar__collapse .c-nav__link{display:block;width:100%}.c-navbar--collapsible .c-navbar__collapse .c-nav__dropdown-menu,.c-navbar--collapsible .c-navbar__collapse .c-nav__mega-menu{background-color:transparent;border:none;box-shadow:none;height:0;margin-bottom:.25rem;margin-top:.25rem;opacity:0;overflow:hidden;position:static;transform:none!important;visibility:hidden;width:100%}.c-navbar--collapsible .c-navbar__collapse .c-nav__item--dropdown.is-active>.c-nav__dropdown-menu,.c-navbar--collapsible .c-navbar__collapse .c-nav__item--dropdown.is-active>.c-nav__mega-menu{height:auto;opacity:1;visibility:visible}.c-navbar--collapsible .c-navbar__collapse .c-nav__item--dropdown.is-active>.c-nav__link .c-nav__icon{transform:rotate(-180deg)}}@media (min-width:768px){.c-navbar--collapsible .c-navbar__collapse{display:flex!important}}.c-navbar--fixed-bottom:not(.c-navbar--glass),.c-navbar--fixed:not(.c-navbar--glass){position:fixed}.c-navbar--fixed,.c-navbar--fixed-bottom{left:0;right:0;width:100%;z-index:1030}.c-navbar--fixed{top:0}.c-navbar--glass{background-color:transparent;border-bottom:none;position:relative}.c-navbar--fixed-bottom{bottom:0}.c-navbar--fixed-bottom .c-nav__dropdown-menu{bottom:100%;top:auto;z-index:999}.c-navbar--fixed-bottom .c-nav--end .c-nav__dropdown-menu{left:50%;transform:translateX(-50%)}.c-navbar--fixed-bottom .c-nav__icon{transform:rotate(180deg)}.c-navbar--fixed-bottom .c-nav__icon:hover{transform:rotate(0deg)}.c-navbar--primary{--atomix-navbar-bg:var(--atomix-primary-bg-subtle);--atomix-navbar-border-color:var(--atomix-primary-border-subtle);--atomix-navbar-toggler-color:var(--atomix-primary-text);--atomix-navbar-brand-color:var(--atomix-primary-text-emphasis)}.c-navbar--primary .c-nav__link{color:var(--atomix-primary-text)}.c-navbar--primary .c-nav__link.is-active,.c-navbar--primary .c-nav__link:focus,.c-navbar--primary .c-nav__link:hover{background-color:var(--atomix-primary-subtle)}.c-navbar--secondary{--atomix-navbar-bg:var(--atomix-secondary-bg-subtle);--atomix-navbar-border-color:var(--atomix-secondary-border-subtle);--atomix-navbar-toggler-color:var(--atomix-secondary-text);--atomix-navbar-brand-color:var(--atomix-secondary-text-emphasis)}.c-navbar--secondary .c-nav__link{color:var(--atomix-secondary-text)}.c-navbar--secondary .c-nav__link.is-active,.c-navbar--secondary .c-nav__link:focus,.c-navbar--secondary .c-nav__link:hover{background-color:var(--atomix-secondary-subtle)}.c-navbar--tertiary{--atomix-navbar-bg:var(--atomix-tertiary-bg-subtle);--atomix-navbar-border-color:var(--atomix-tertiary-border-subtle);--atomix-navbar-toggler-color:var(--atomix-tertiary-text);--atomix-navbar-brand-color:var(--atomix-tertiary-text-emphasis)}.c-navbar--tertiary .c-nav__link{color:var(--atomix-tertiary-text)}.c-navbar--tertiary .c-nav__link.is-active,.c-navbar--tertiary .c-nav__link:focus,.c-navbar--tertiary .c-nav__link:hover{background-color:var(--atomix-tertiary-subtle)}.c-navbar--invert{--atomix-navbar-bg:var(--atomix-invert-bg-subtle);--atomix-navbar-border-color:var(--atomix-invert-border-subtle);--atomix-navbar-toggler-color:var(--atomix-invert-text);--atomix-navbar-brand-color:var(--atomix-invert-text-emphasis)}.c-navbar--invert .c-nav__link{color:var(--atomix-invert-text)}.c-navbar--invert .c-nav__link.is-active,.c-navbar--invert .c-nav__link:focus,.c-navbar--invert .c-nav__link:hover{background-color:var(--atomix-invert-subtle)}.c-navbar--brand{--atomix-navbar-bg:var(--atomix-brand-bg-subtle);--atomix-navbar-border-color:var(--atomix-brand-border-subtle);--atomix-navbar-toggler-color:var(--atomix-brand-text);--atomix-navbar-brand-color:var(--atomix-brand-text-emphasis)}.c-navbar--brand .c-nav__link{color:var(--atomix-brand-text)}.c-navbar--brand .c-nav__link.is-active,.c-navbar--brand .c-nav__link:focus,.c-navbar--brand .c-nav__link:hover{background-color:var(--atomix-brand-subtle)}.c-navbar--error{--atomix-navbar-bg:var(--atomix-error-bg-subtle);--atomix-navbar-border-color:var(--atomix-error-border-subtle);--atomix-navbar-toggler-color:var(--atomix-error-text);--atomix-navbar-brand-color:var(--atomix-error-text-emphasis)}.c-navbar--error .c-nav__link{color:var(--atomix-error-text)}.c-navbar--error .c-nav__link.is-active,.c-navbar--error .c-nav__link:focus,.c-navbar--error .c-nav__link:hover{background-color:var(--atomix-error-subtle)}.c-navbar--success{--atomix-navbar-bg:var(--atomix-success-bg-subtle);--atomix-navbar-border-color:var(--atomix-success-border-subtle);--atomix-navbar-toggler-color:var(--atomix-success-text);--atomix-navbar-brand-color:var(--atomix-success-text-emphasis)}.c-navbar--success .c-nav__link{color:var(--atomix-success-text)}.c-navbar--success .c-nav__link.is-active,.c-navbar--success .c-nav__link:focus,.c-navbar--success .c-nav__link:hover{background-color:var(--atomix-success-subtle)}.c-navbar--warning{--atomix-navbar-bg:var(--atomix-warning-bg-subtle);--atomix-navbar-border-color:var(--atomix-warning-border-subtle);--atomix-navbar-toggler-color:var(--atomix-warning-text);--atomix-navbar-brand-color:var(--atomix-warning-text-emphasis)}.c-navbar--warning .c-nav__link{color:var(--atomix-warning-text)}.c-navbar--warning .c-nav__link.is-active,.c-navbar--warning .c-nav__link:focus,.c-navbar--warning .c-nav__link:hover{background-color:var(--atomix-warning-subtle)}.c-navbar--info{--atomix-navbar-bg:var(--atomix-info-bg-subtle);--atomix-navbar-border-color:var(--atomix-info-border-subtle);--atomix-navbar-toggler-color:var(--atomix-info-text);--atomix-navbar-brand-color:var(--atomix-info-text-emphasis)}.c-navbar--info .c-nav__link{color:var(--atomix-info-text)}.c-navbar--info .c-nav__link.is-active,.c-navbar--info .c-nav__link:focus,.c-navbar--info .c-nav__link:hover{background-color:var(--atomix-info-subtle)}.c-navbar--light{--atomix-navbar-bg:var(--atomix-light-bg-subtle);--atomix-navbar-border-color:var(--atomix-light-border-subtle);--atomix-navbar-toggler-color:var(--atomix-light-text);--atomix-navbar-brand-color:var(--atomix-light-text-emphasis)}.c-navbar--light .c-nav__link{color:var(--atomix-light-text)}.c-navbar--light .c-nav__link.is-active,.c-navbar--light .c-nav__link:focus,.c-navbar--light .c-nav__link:hover{background-color:var(--atomix-light-subtle)}.c-navbar--dark{--atomix-navbar-bg:var(--atomix-dark-bg-subtle);--atomix-navbar-border-color:var(--atomix-dark-border-subtle);--atomix-navbar-toggler-color:var(--atomix-dark-text);--atomix-navbar-brand-color:var(--atomix-dark-text-emphasis)}.c-navbar--dark .c-nav__link{color:var(--atomix-dark-text)}.c-navbar--dark .c-nav__link.is-active,.c-navbar--dark .c-nav__link:focus,.c-navbar--dark .c-nav__link:hover{background-color:var(--atomix-dark-subtle)}.dark-mode .c-navbar{--atomix-navbar-bg:var(--atomix-gray-9);--atomix-navbar-border-color:var(--atomix-gray-7);--atomix-navbar-brand-color:var(--atomix-gray-1);--atomix-navbar-toggler-color:var(--atomix-gray-1)}@media (prefers-reduced-motion:reduce){.c-navbar{--atomix-navbar-collapse-transition:none}.c-navbar .c-navbar__backdrop,.c-navbar .c-navbar__toggler{transition:none}}.c-callout{--atomix-callout-width:100%;--atomix-callout-padding-x:1.25rem;--atomix-callout-padding-y:1rem;--atomix-callout-tost-padding-x:1.25rem;--atomix-callout-tost-padding-y:1rem;--atomix-callout-bg:#fff;--atomix-callout-border-radius:8px;--atomix-callout-border-color:var(--atomix-gray-3);--atomix-callout-border-witdh:1px;--atomix-callout-title-font-size:16px;--atomix-callout-title-font-weight:600;--atomix-callout-title-color:var(--atomix-gray-9);--atomix-callout-text-font-size:14px;--atomix-callout-text-font-weight:400;--atomix-callout-text-color:var(--atomix-gray-7);--atomix-callout-message-spacer:0.75rem;--atomix-callout-icon-size:20px;--atomix-callout-icon-color:var(--atomix-primary);--atomix-callout-close-btn-size:20px;--atomix-callout-actions-spacer:0.75rem;--atomix-callout-actions-spacer-y:1rem;--atomix-callout-toast-bg:#fff;--atomix-callout-box-shadow:0px 6px 16px rgba(0,0,0,.12);--atomix-callout-transition-duration:0.3s;--atomix-callout-transition-timing:cubic-bezier(0.16,1,0.3,1);align-items:center;background-color:var(--atomix-callout-bg);border:var(--atomix-callout-border-witdh) solid var(--atomix-callout-border-color);border-radius:var(--atomix-callout-border-radius);display:inline-flex;gap:var(--atomix-callout-actions-spacer);justify-content:space-between;max-width:var(--atomix-callout-width);padding:var(--atomix-callout-padding-y) var(--atomix-callout-padding-x);transition:opacity var(--atomix-callout-transition-duration) var(--atomix-callout-transition-timing),transform var(--atomix-callout-transition-duration) var(--atomix-callout-transition-timing);width:100%}.c-callout__content{align-items:flex-start;display:flex;gap:var(--atomix-callout-message-spacer);width:100%}.c-callout__icon{align-items:center;color:var(--atomix-callout-icon-color);display:flex;flex-shrink:0;font-size:var(--atomix-callout-icon-size);justify-content:center}.c-callout__message{display:flex;flex-direction:column;gap:.25rem;width:100%}.c-callout__title{color:var(--atomix-callout-title-color);font-size:var(--atomix-callout-title-font-size);font-weight:var(--atomix-callout-title-font-weight)}.c-callout__text{color:var(--atomix-callout-text-color);font-size:var(--atomix-callout-text-font-size);font-weight:var(--atomix-callout-text-font-weight);line-height:1.5}.c-callout__actions{align-items:center;display:flex;gap:var(--atomix-callout-actions-spacer);margin-left:auto;margin-right:10px}.c-callout__close-btn{align-items:center;background:none;border:none;border-radius:.25rem;color:var(--atomix-callout-title-color);cursor:pointer;display:inline-flex;font-size:var(--atomix-callout-close-btn-size);justify-content:center;outline:none;padding:.25rem;transition:background-color .2s ease,transform .2s ease}.c-callout__close-btn:hover{background-color:rgba(0,0,0,.05)}.c-callout__close-btn:active{transform:scale(.95)}.c-callout__close-btn:focus-visible{box-shadow:0 0 0 2px var(--atomix-callout-border-color)}.c-callout--oneline .c-callout__message{align-items:center;display:flex;flex-direction:row;gap:var(--atomix-callout-message-spacer)}.c-callout--toast{animation:calloutToastIn .3s var(--atomix-callout-transition-timing) forwards;background-color:var(--atomix-callout-toast-bg);border:none;box-shadow:var(--atomix-callout-box-shadow);flex-direction:column;justify-content:flex-start;max-width:21.875rem;padding:var(--atomix-callout-tost-padding-y) var(--atomix-callout-tost-padding-x);position:relative}.c-callout--toast,.c-callout--toast .c-callout__content{align-items:flex-start;width:100%}.c-callout--toast .c-callout__actions{margin-top:var(--atomix-callout-actions-spacer-y);padding-left:calc(var(--atomix-callout-icon-size) + var(--atomix-callout-message-spacer))}.c-callout--toast .c-callout__close-btn{position:absolute;right:var(--atomix-callout-tost-padding-x);top:var(--atomix-callout-tost-padding-y)}.c-callout--toast:focus-visible{outline:2px solid var(--atomix-callout-border-color);outline-offset:2px}.c-callout--primary{--atomix-callout-bg:var(--atomix-brand-bg-subtle);--atomix-callout-border-color:var(--atomix-brand-border-subtle);--atomix-callout-icon-color:var(--atomix-brand-text-emphasis)}.c-callout--secondary{--atomix-callout-bg:var(--atomix-secondary-bg-subtle);--atomix-callout-border-color:var(--atomix-secondary-border-subtle);--atomix-callout-icon-color:var(--atomix-secondary-text-emphasis)}.c-callout--success{--atomix-callout-bg:var(--atomix-success-bg-subtle);--atomix-callout-border-color:var(--atomix-success-border-subtle);--atomix-callout-icon-color:var(--atomix-success-text-emphasis)}.c-callout--info{--atomix-callout-bg:var(--atomix-info-bg-subtle);--atomix-callout-border-color:var(--atomix-info-border-subtle);--atomix-callout-icon-color:var(--atomix-info-text-emphasis)}.c-callout--warning{--atomix-callout-bg:var(--atomix-warning-bg-subtle);--atomix-callout-border-color:var(--atomix-warning-border-subtle);--atomix-callout-icon-color:var(--atomix-warning-text-emphasis)}.c-callout--error{--atomix-callout-bg:var(--atomix-error-bg-subtle);--atomix-callout-border-color:var(--atomix-error-border-subtle);--atomix-callout-icon-color:var(--atomix-error-text-emphasis)}.c-callout--light{--atomix-callout-title-color:var(--atomix-dark);--atomix-callout-text-color:var(--atomix-dark);--atomix-callout-bg:var(--atomix-light);--atomix-callout-border-color:var(--atomix-primary-border-subtle);--atomix-callout-icon-color:var(--atomix-tertiary-text-emphasis)}.c-callout--dark{--atomix-callout-title-color:var(--atomix-light);--atomix-callout-text-color:#d1d5db;--atomix-callout-bg:var(--atomix-dark);--atomix-callout-border-color:var(--atomix-dark-border-subtle);--atomix-callout-icon-color:var(--atomix-light)}.c-callout--glass{background:none;border:none;display:block;padding:0}.c-callout--glass .c-callout__glass-content{align-items:center;background-color:color-mix(in srgb,var(--atomix-callout-bg) 50%,transparent);border:var(--atomix-callout-border-witdh) solid color-mix(in srgb,var(--atomix-callout-border-color) 20%,transparent);border-radius:var(--atomix-callout-border-radius);display:flex;justify-content:center;max-width:var(--atomix-callout-width);padding:var(--atomix-callout-padding-y) var(--atomix-callout-padding-x);width:100%}.c-callout--glass .c-callout__text,.c-callout--glass .c-callout__title{text-shadow:0 1px 2px rgba(0,0,0,.1)}.c-callout--glass.c-callout--toast{background-color:color-mix(in srgb,var(--atomix-callout-bg) 50%,transparent);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.1)}.c-callout.is-hide{opacity:0;pointer-events:none;transform:translateY(-10px)}.c-callout-container{display:flex;flex-direction:column;gap:.5rem;max-width:100%;pointer-events:none;position:fixed;z-index:1000}.c-callout-container .c-callout--toast{pointer-events:auto}.c-callout-container--top-right{right:24px;top:24px}.c-callout-container--top-left{left:24px;top:24px}.c-callout-container--top-center{left:50%;top:24px;transform:translateX(-50%)}.c-callout-container--bottom-right{bottom:24px;right:24px}.c-callout-container--bottom-left{bottom:24px;left:24px}.c-callout-container--bottom-center{bottom:24px;left:50%;transform:translateX(-50%)}.c-callout-container--top-center .c-callout--toast,.c-callout-container--top-left .c-callout--toast,.c-callout-container--top-right .c-callout--toast{animation-name:calloutToastInTop}.c-callout-container--bottom-center .c-callout--toast,.c-callout-container--bottom-left .c-callout--toast,.c-callout-container--bottom-right .c-callout--toast{animation-name:calloutToastInBottom}@keyframes calloutToastInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes calloutToastInBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.c-pagination{--atomix-pagination-padding-x:0.75rem;--atomix-pagination-padding-y:0.5rem;--atomix-pagination-size:2.25rem;--atomix-pagination-font-size:14px;--atomix-pagination-color:var(--atomix-secondary-text-emphasis);--atomix-pagination-bg:var(--atomix-body-bg);--atomix-pagination-focus-border-color:var(--atomix-brand-border-subtle);--atomix-pagination-focus-border-width:2px;--atomix-pagination-hover-color:var(--atomix-body-color);--atomix-pagination-hover-bg:var(--atomix-secondary-bg-subtle);--atomix-pagination-active-color:var(--atomix-body-color);--atomix-pagination-active-bg:var(--atomix-brand-bg-subtle);--atomix-pagination-disabled-color:var(--atomix-tertiary-text-emphasis);--atomix-pagination-disabled-bg:var(--atomix-body-bg);--atomix-pagination-border-radius:6px;--atomix-pagination-icon-size:var(--atomix-pagination-font-size);align-items:center;display:flex;justify-content:center;width:100%}.c-pagination__items{align-items:center;display:flex;gap:.25rem;list-style:none;margin-bottom:0;padding-left:0}.c-pagination__item{overflow:hidden}.c-pagination__item,.c-pagination__item--dots{align-items:center;display:flex;height:var(--atomix-pagination-size);width:var(--atomix-pagination-size)}.c-pagination__item--dots{color:var(--atomix-pagination-color);font-size:var(--atomix-pagination-font-size);justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-pagination__item.is-active{font-weight:700}.c-pagination__item.is-active .c-pagination__link{--atomix-pagination-color:var(--atomix-pagination-active-color);--atomix-pagination-bg:var(--atomix-pagination-active-bg);pointer-events:none}.c-pagination__item.is-disabled .c-pagination__link{--atomix-pagination-color:var(--atomix-pagination-disabled-color);--atomix-pagination-bg:var(--atomix-pagination-disabled-bg);pointer-events:none}.c-pagination__link{align-items:center;background-color:var(--atomix-pagination-bg);border:none;border-radius:var(--atomix-pagination-border-radius);color:var(--atomix-pagination-color);cursor:pointer;display:flex;font-size:var(--atomix-pagination-font-size);height:100%;justify-content:center;padding:var(--atomix-pagination-padding-y) var(--atomix-pagination-padding-x);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.c-pagination__link:hover{--atomix-pagination-color:var(--atomix-pagination-hover-color);--atomix-pagination-bg:var(--atomix-pagination-hover-bg)}.c-pagination__link:focus-visible{border:var(--atomix-pagination-focus-border-width) solid var(--atomix-pagination-focus-border-color);border-radius:0;outline:none}.c-pagination__link .c-icon{align-items:center;color:inherit;display:flex;justify-content:center}.c-pagination--sm{--atomix-pagination-size:1.75rem;--atomix-pagination-font-size:0.75rem;--atomix-pagination-padding-y:4px;--atomix-pagination-padding-x:4px}.c-pagination--lg{--atomix-pagination-size:2.75rem;--atomix-pagination-font-size:1rem;--atomix-pagination-padding-y:12px;--atomix-pagination-padding-x:12px}.c-pagination__icon-caret-left,.c-pagination__icon-caret-right,.c-pagination__icon-skip-back,.c-pagination__icon-skip-forward{align-items:center;display:inline-flex;height:1em;justify-content:center;line-height:1;width:1em}.c-pagination__icon-skip-back:before{content:"⏮"}.c-pagination__icon-caret-left:before{content:"◀"}.c-pagination__icon-caret-right:before{content:"▶"}.c-pagination__icon-skip-forward:before{content:"⏭"}.c-popover{--atomix-popover-width:20rem;--atomix-popover-padding-x:1.25rem;--atomix-popover-padding-y:1rem;--atomix-popover-inner-gap-x:0.75rem;--atomix-popover-inner-gap-y:1rem;--atomix-popover-bg:var(--atomix-body-bg);--atomix-popover-border-radius:8px;--atomix-popover-box-shadow:0 6px 20px rgba(0,0,0,.15);--atomix-popover-arrow-size:0.625rem;--atomix-popover-arrow-offset:0.375rem;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:var(--atomix-popover-width);z-index:1000}.c-popover__content{position:relative;z-index:2}.c-popover__content-inner{border-radius:var(--atomix-popover-border-radius);display:flex;flex-direction:column;gap:var(--atomix-popover-inner-gap-y) var(--atomix-popover-inner-gap-x);padding:var(--atomix-popover-padding-y) var(--atomix-popover-padding-x);position:relative}.c-popover__arrow,.c-popover__content-inner{background-color:var(--atomix-popover-bg);box-shadow:var(--atomix-popover-box-shadow)}.c-popover__arrow{height:var(--atomix-popover-arrow-size);position:absolute;transform-origin:center;width:var(--atomix-popover-arrow-size);z-index:1}.c-popover.is-open{opacity:1;pointer-events:auto;visibility:visible}.c-popover--top .c-popover__arrow{bottom:calc(var(--atomix-popover-arrow-offset)*-1);left:50%;transform:translateX(-50%) rotate(45deg)}.c-popover--bottom .c-popover__arrow{left:50%;top:calc(var(--atomix-popover-arrow-offset)*-1);transform:translateX(-50%) rotate(45deg)}.c-popover--left .c-popover__arrow{right:calc(var(--atomix-popover-arrow-offset)*-1);top:50%;transform:translateY(-50%) rotate(45deg)}.c-popover--right .c-popover__arrow{left:calc(var(--atomix-popover-arrow-offset)*-1);top:50%;transform:translateY(-50%) rotate(45deg)}.c-popover--glass .c-popover__content-inner{background-color:color-mix(in srgb,var(--atomix-popover-bg) 50%,transparent);box-shadow:none}.c-product-review{--atomix-product-review-padding:1.5rem;--atomix-product-review-border-radius:var(--atomix-border-radius);--atomix-product-review-bg:var(--atomix-body-bg);--atomix-product-review-border-color:var(--atomix-border-color);--atomix-product-review-spacing:1rem;--atomix-product-review-image-size:5rem;--atomix-product-review-title-font-size:1.25rem;--atomix-product-review-label-font-size:0.875rem;--atomix-product-review-label-color:var(--atomix-text-muted);background-color:var(--atomix-product-review-bg);border:1px solid var(--atomix-product-review-border-color);border-radius:var(--atomix-product-review-border-radius);margin:0 auto;max-width:37.5rem;padding:var(--atomix-product-review-padding);width:100%}.c-product-review__header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--atomix-product-review-spacing);margin-bottom:var(--atomix-product-review-spacing)}.c-product-review__title{flex:1;font-size:var(--atomix-product-review-title-font-size);font-weight:600;margin:0}.c-product-review__image-wrapper{border-radius:var(--atomix-border-radius);flex-shrink:0;height:var(--atomix-product-review-image-size);overflow:hidden;width:var(--atomix-product-review-image-size)}.c-product-review__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.c-product-review__form{display:flex;flex-direction:column;gap:var(--atomix-product-review-spacing)}.c-product-review__label{color:var(--atomix-product-review-label-color);display:block;font-size:var(--atomix-product-review-label-font-size);margin-bottom:.5rem}.c-product-review__rating-container{display:flex;flex-direction:column;margin-bottom:var(--atomix-product-review-spacing)}.c-product-review__rating-value{font-size:var(--atomix-product-review-label-font-size);margin-top:.5rem}.c-product-review__comment-container{margin-bottom:var(--atomix-product-review-spacing)}.c-product-review__textarea{background-color:var(--atomix-body-bg);border:1px solid var(--atomix-product-review-border-color);border-radius:var(--atomix-border-radius);color:var(--atomix-body-color);font-family:inherit;padding:.75rem;resize:vertical;width:100%}.c-product-review__textarea:focus{border-color:var(--atomix-primary);box-shadow:0 0 0 3px rgba(var(--atomix-primary-rgb),.25);outline:none}.c-product-review__actions{display:flex;justify-content:flex-end}.c-product-review__success{padding:var(--atomix-product-review-spacing) 0;text-align:center}.c-product-review__success h3{margin-bottom:.5rem;margin-top:0}.c-product-review__success p{color:var(--atomix-text-muted);margin-bottom:var(--atomix-product-review-spacing)}@media (min-width:768px){.c-product-review{--atomix-product-review-padding:2rem;--atomix-product-review-image-size:6.25rem}}.c-progress{--atomix-progress-width:100%;--atomix-progress-percentage:0%;--atomix-progress-height:0.5rem;--atomix-progress-font-size:12px;--atomix-progress-bg:var(--atomix-secondary-bg-subtle);--atomix-progress-border-radius:800px;--atomix-progress-bar-width:var(--atomix-progress-percentage);--atomix-progress-bar-height:8px;--atomix-progress-bar-color:var(--atomix-primary-text-emphasis);--atomix-progress-bar-bg:var(--atomix-primary);--atomix-progress-bar-transition:0.3s;--atomix-progress-bar-easing:ease-in-out;background-color:var(--atomix-progress-bg);max-width:var(--atomix-progress-width);overflow:hidden;width:100%}.c-progress,.c-progress__bar{border-radius:var(--atomix-progress-border-radius);height:var(--atomix-progress-bar-height)}.c-progress__bar{background-color:var(--atomix-progress-bar-bg);color:var(--atomix-progress-bar-color);transition:var(--atomix-progress-bar-transition) var(--atomix-progress-bar-easing);width:var(--atomix-progress-bar-width)}.c-progress--primary{--atomix-progress-bar-bg:var(--atomix-primary)}.c-progress--secondary{--atomix-progress-bar-bg:var(--atomix-secondary)}.c-progress--success{--atomix-progress-bar-bg:var(--atomix-success)}.c-progress--info{--atomix-progress-bar-bg:var(--atomix-info)}.c-progress--warning{--atomix-progress-bar-bg:var(--atomix-warning)}.c-progress--error{--atomix-progress-bar-bg:var(--atomix-error)}.c-progress--light{--atomix-progress-bar-bg:var(--atomix-light)}.c-progress--dark{--atomix-progress-bar-bg:var(--atomix-dark)}.c-rating{--atomix-rating-star-size:24px;--atomix-rating-star-bg:var(--atomix-primary);--atomix-rating-star-half-bg:var(--atomix-primary);--atomix-rating-stars-gap:0.25rem;--atomix-rating-star-empty-color:var(--atomix-border-color);--atomix-rating-star-hover-scale:1.1;--atomix-rating-star-transition:transform 0.2s ease-in-out;--atomix-rating-label-font-size:0.875rem;--atomix-rating-label-color:var(--atomix-text-muted);--atomix-rating-label-margin-bottom:0.5rem;--atomix-rating-value-margin-top:0.5rem;--atomix-rating-value-font-size:0.875rem;align-items:center;display:flex;gap:var(--atomix-rating-stars-gap);position:relative}.c-rating[data-readonly=false]{cursor:pointer}.c-rating[data-readonly=false] .c-rating__star{transition:var(--atomix-rating-star-transition)}.c-rating[data-readonly=false] .c-rating__star:focus,.c-rating[data-readonly=false] .c-rating__star:hover{transform:scale(var(--atomix-rating-star-hover-scale))}.c-rating[data-readonly=false] .c-rating__star:focus-visible{border-radius:2px;outline:2px solid var(--atomix-primary);outline-offset:2px}.c-rating__star{align-items:center;display:inline-flex;justify-content:center;position:relative}.c-rating__star svg{height:var(--atomix-rating-star-size);width:var(--atomix-rating-star-size)}.c-rating__star--full .c-rating__star-full{fill:var(--atomix-rating-star-bg)}.c-rating__star--primary{--atomix-rating-star-bg:#9d00ff}.c-rating__star--secondary{--atomix-rating-star-bg:#f3f4f6}.c-rating__star--success{--atomix-rating-star-bg:#00d984}.c-rating__star--info{--atomix-rating-star-bg:#008cff}.c-rating__star--warning{--atomix-rating-star-bg:#fb0}.c-rating__star--error{--atomix-rating-star-bg:#ff2085}.c-rating__star--light{--atomix-rating-star-bg:#f9fafb}.c-rating__star--dark{--atomix-rating-star-bg:#1f2937}.c-rating__star--focused{border-radius:2px;outline:2px solid var(--atomix-primary);outline-offset:2px}.c-rating__star-outline{stroke:var(--atomix-rating-star-bg);fill:var(--atomix-rating-star-empty-color);stroke-width:1px}.c-rating__star-full{fill:var(--atomix-rating-star-bg);display:none}.c-rating__star--full .c-rating__star-full{display:block}.c-rating__star-half{fill:var(--atomix-rating-star-bg);display:none}.c-rating__star--half .c-rating__star-half{display:block}.c-rating__label{color:var(--atomix-rating-label-color);display:block;font-size:var(--atomix-rating-label-font-size);margin-bottom:var(--atomix-rating-label-margin-bottom)}.c-rating__value{font-size:var(--atomix-rating-value-font-size);margin-top:var(--atomix-rating-value-margin-top)}.c-rating--sm{--atomix-rating-star-size:16px;--atomix-rating-stars-gap:0.0625rem}.c-rating--lg{--atomix-rating-star-size:32px;--atomix-rating-stars-gap:0.25rem}.c-rating-container{display:flex;flex-direction:column}.c-rating--primary{--atomix-rating-star-bg:#9d00ff}.c-rating--secondary{--atomix-rating-star-bg:#f3f4f6}.c-rating--success{--atomix-rating-star-bg:#00d984}.c-rating--info{--atomix-rating-star-bg:#008cff}.c-rating--warning{--atomix-rating-star-bg:#fb0}.c-rating--error{--atomix-rating-star-bg:#ff2085}.c-rating--light{--atomix-rating-star-bg:#f9fafb}.c-rating--dark{--atomix-rating-star-bg:#1f2937}@media (min-width:768px){.c-rating--lg{--atomix-rating-stars-gap:0.375rem}}.c-river{--atomix-river-width:100%;--atomix-river-padding-x:0rem;--atomix-river-padding-y:4rem;--atomix-river-border-radius:0px;--atomix-river-bg:var(--atomix-body-bg);--atomix-river-overlay:#000;--atomix-river-overlay-opacity:0.6;--atomix-river-title-font-size:40px;--atomix-river-text-font-size:18px;--atomix-river-title-font-weight:700;--atomix-river-text-font-weight:400;--atomix-river-title-color:var(--atomix-body-color);--atomix-river-text-color:var(--atomix-secondary-text-emphasis);--atomix-river-text-margin-top:0.75rem;--atomix-river-actions-margin-top:1.5rem;--atomix-river-actions-spacing-x:1rem;--atomix-river-image-border-radius:8px;--atomix-river-image-box-shadow:0 4px 12px rgba(0,0,0,.1);--atomix-river-spacing-inner:4rem;--atomix-river-content-max-width:45rem;--atomix-river-breakout-title-width:45rem;--atomix-river-breakout-text-width:37.5rem;--atomix-river-content-width:var(
|
|
443
|
+
--river-content-width,45rem
|
|
444
|
+
);background-color:var(--atomix-river-bg);max-width:var(--atomix-river-width);padding:var(--atomix-river-padding-y) var(--atomix-river-padding-x);position:relative;width:100%}.c-river,.c-river__bg{border-radius:var(--atomix-river-border-radius)}.c-river__bg{inset:0;overflow:hidden;position:absolute;z-index:0}.c-river__bg-image{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.c-river__overlay{background-color:var(--atomix-river-overlay);border-radius:var(--atomix-river-border-radius);inset:0;opacity:var(--atomix-river-overlay-opacity);position:absolute}.c-river__container{position:relative;z-index:1}.c-river__row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--atomix-river-spacing-inner)}@media (max-width:991.98px){.c-river__row{gap:calc(var(--atomix-river-spacing-inner)/2.6)}}.c-river__content{flex:1;max-width:var(--atomix-river-content-width);width:100%}@media (max-width:991.98px){.c-river__content{flex:auto;width:100%}}.c-river__content-col{width:100%}.c-river__content-col--title{max-width:var(--atomix-river-breakout-title-width)}.c-river__content-col--text{max-width:var(--atomix-river-breakout-text-width)}.c-river__visual{flex:1}@media (max-width:991.98px){.c-river__visual{flex:auto;width:100%}}.c-river__title{color:var(--atomix-river-title-color);font-size:calc(2.15625rem + 1.5vw);font-weight:var(--atomix-river-title-font-weight);letter-spacing:-1px}@media (min-width:768px){.c-river__title{font-size:var(--atomix-river-title-font-size);line-height:1.2}}.c-river__text{color:var(--atomix-river-text-color);font-size:var(--atomix-river-text-font-size);font-weight:var(--atomix-river-text-font-weight);margin-top:var(--atomix-river-text-margin-top)}.c-river__actions{display:flex;flex-wrap:wrap;gap:var(--atomix-river-actions-spacing-x);margin-top:var(--atomix-river-actions-margin-top)}.c-river__image-wrapper{border-radius:var(--atomix-river-image-border-radius);box-shadow:var(--atomix-river-image-box-shadow);overflow:hidden}.c-river__image{height:100%;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;will-change:transform}.c-river__bg~.c-river__container .c-river__text,.c-river__bg~.c-river__container .c-river__title{color:#fff}.c-river--center .c-river__row{flex-direction:column;gap:calc(var(--atomix-river-spacing-inner)/2)}.c-river--center .c-river__content{margin-left:auto;margin-right:auto;text-align:center}.c-river--center .c-river__actions{justify-content:center}@media (min-width:768px){.c-river--reverse .c-river__row{flex-direction:row-reverse}}.c-river--breakout{border-radius:0;max-width:100%}.c-river--breakout .c-river__bg,.c-river--breakout .c-river__overlay{border-radius:0}.c-river--breakout .c-river__row{flex-direction:column}.c-river--breakout .c-river__content{display:flex;justify-content:space-between;width:100%}@media (max-width:991.98px){.c-river--breakout .c-river__content{flex-wrap:wrap}}.c-sectionintro{--atomix-sectionintro-padding-x:0rem;--atomix-sectionintro-padding-y:3rem;--atomix-sectionintro-title-font-size:36px;--atomix-sectionintro-text-font-size:18px;--atomix-sectionintro-title-color:var(--atomix-body-color);--atomix-sectionintro-text-color:var(--atomix-body-color);--atomix-sectionintro-title-font-weight:700;--atomix-sectionintro-text-font-weight:400;--atomix-sectionintro-label-margin-bottom:0.75rem;--atomix-sectionintro-text-margin-top:0.75rem;--atomix-sectionintro-actions-margin-top:1.5rem;--atomix-sectionintro-actions-inner-gap:0.75rem;--atomix-sectionintro-width:50rem;--atomix-sectionintro-image-margin-top:1.5rem;--atomix-sectionintro-image-max-width:100%;--atomix-sectionintro-overlay-opacity:0.7;--atomix-sectionintro-overlay-bg-color:rgba(0,0,0,.5);--atomix-sectionintro-bg-z-index:-1;--atomix-sectionintro-sm-title-font-size:28.8px;--atomix-sectionintro-lg-title-font-size:45px;max-width:var(--atomix-sectionintro-width);overflow:hidden;padding:var(--atomix-sectionintro-padding-y) var(--atomix-sectionintro-padding-x);position:relative;width:100%}.c-sectionintro__label{margin-bottom:var(--atomix-sectionintro-label-margin-bottom)}.c-sectionintro__title{color:var(--atomix-sectionintro-title-color);font-size:var(--atomix-sectionintro-title-font-size);font-weight:var(--atomix-sectionintro-title-font-weight)}.c-sectionintro__text{color:var(--atomix-sectionintro-text-color);font-size:var(--atomix-sectionintro-text-font-size);font-weight:var(--atomix-sectionintro-text-font-weight);margin-top:var(--atomix-sectionintro-text-margin-top)}.c-sectionintro__actions{display:flex;gap:var(--atomix-sectionintro-actions-inner-gap);margin-top:var(--atomix-sectionintro-actions-margin-top)}.c-sectionintro--center{align-items:center;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;text-align:center}.c-sectionintro--right{margin-left:auto;text-align:right}.c-sectionintro--right .c-sectionintro__actions{justify-content:flex-end}.c-sectionintro__container{position:relative;z-index:1}.c-sectionintro__image-wrapper{display:flex;justify-content:center;margin-top:var(--atomix-sectionintro-image-margin-top)}.c-sectionintro__image{border-radius:var(--atomix-border-radius);height:auto;max-width:var(--atomix-sectionintro-image-max-width)}.c-sectionintro__bg{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:var(--atomix-sectionintro-bg-z-index)}.c-sectionintro__bg-image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.c-sectionintro__overlay{background-color:var(--atomix-sectionintro-overlay-bg-color);height:100%;left:0;opacity:var(--atomix-sectionintro-overlay-opacity);position:absolute;top:0;width:100%}.c-sectionintro--has-bg,.c-sectionintro--has-bg .c-sectionintro__label,.c-sectionintro--has-bg .c-sectionintro__text,.c-sectionintro--has-bg .c-sectionintro__title{color:var(--atomix-color-white)}.c-sectionintro--sm .c-sectionintro__title{font-size:var(--atomix-sectionintro-sm-title-font-size)}.c-sectionintro--sm .c-sectionintro__text{font-size:calc(var(--atomix-sectionintro-text-font-size)*.9)}.c-sectionintro--lg .c-sectionintro__title{font-size:var(--atomix-sectionintro-lg-title-font-size)}.c-sectionintro--lg .c-sectionintro__text{font-size:calc(var(--atomix-sectionintro-text-font-size)*1.1)}@media (min-width:768px){.c-sectionintro__container{display:flex;flex-direction:column}.c-sectionintro--has-bg{padding:3.75rem var(--atomix-sectionintro-padding-x)}}.c-select{--atomix-select-width:20rem;--atomix-select-padding-x:1rem;--atomix-select-padding-y:0.75rem;--atomix-select-color:var(--atomix-body-color);--atomix-select-font-size:16px;--atomix-select-font-size-lg:18px;--atomix-select-icon-toggle-size:1.25rem;--atomix-select-icon-toggle-color:var(--atomix-secondary-text-emphasis);--atomix-select-placeholder-color:var(--atomix-tertiary-text-emphasis);--atomix-select-bg:var(--atomix-body-bg);--atomix-select-expanded-bg:var(--atomix-secondary-bg-subtle);--atomix-select-border-color:var(--atomix-primary-border-subtle);--atomix-select-border-color-hover:var(--atomix-secondary-border-subtle);--atomix-select-border-radius:8px;--atomix-select-inner-spacer:0.5rem;--atomix-select-dropdown-icon-size:1.25rem;--atomix-select-panel-padding-x:0.5rem;--atomix-select-panel-padding-y:0.5rem;--atomix-select-panel-spacer-y:0.5rem;--atomix-select-panel-bg:var(--atomix-body-bg);--atomix-select-panel-box-shadow:0 4px 16px rgba(0,0,0,.1);--atomix-select-panel-border-radius:8px;--atomix-select-item-padding-x:0.75rem;--atomix-select-item-padding-y:0.625rem;--atomix-select-item-color:var(--atomix-body-color);--atomix-select-item-bg:var(--atomix-body-bg);--atomix-select-item-border-radius:6px;--atomix-select-item-bg-hover:var(--atomix-secondary-bg-subtle);position:relative;width:var(--atomix-select-width)}.c-select select{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.c-select__selected{background-color:var(--atomix-select-bg);border:1px solid var(--atomix-select-border-color);border-radius:var(--atomix-select-border-radius);color:var(--atomix-select-placeholder-color);cursor:pointer;font-size:var(--atomix-select-font-size);padding:var(--atomix-select-padding-x) var(--atomix-select-padding-y);transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}.c-select__selected:hover{border-color:var(--atomix-select-border-color-hover)}.c-select__toggle-icon{color:var(--atomix-select-icon-toggle-color);font-size:var(--atomix-select-icon-toggle-size);right:var(--atomix-select-padding-x);top:var(--atomix-select-padding-y);transform-origin:center center}.c-select__body,.c-select__toggle-icon{position:absolute;transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.c-select__body{background-color:var(--atomix-select-panel-bg);border-radius:var(--atomix-select-panel-border-radius);box-shadow:var(--atomix-select-panel-box-shadow);height:0;left:0;overflow:hidden;top:calc(100% + var(--atomix-select-panel-spacer-y));width:100%;z-index:99}.c-select__panel{padding:var(--atomix-select-panel-padding-x) var(--atomix-select-panel-padding-y)}.c-select__items{list-style:none;margin-bottom:0;padding-left:0}.c-select__item{background-color:var(--atomix-select-item-bg);border-radius:var(--atomix-select-item-border-radius);color:var(--atomix-select-item-color);padding:var(--atomix-select-item-padding-x) var(--atomix-select-item-padding-y);transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out}.c-select__item,.c-select__item>*{cursor:pointer}.c-select__item:hover{background-color:var(--atomix-select-item-bg-hover)}.c-select--lg{--atomix-select-font-size:var(--atomix-select-font-size-lg)}.c-select.is-open{--atomix-select-bg:var(--atomix-select-expanded-bg)}.c-select.is-open .c-select__toggle-icon{transform:rotate(180deg)}.c-side-menu{--atomix-side-menu-padding-x:1.5rem;--atomix-side-menu-padding-y:2rem;--atomix-side-menu-bg:var(--atomix-body-bg);--atomix-side-menu-border-radius:8px;--atomix-side-menu-border-width:1px;--atomix-side-menu-border-color:var(--atomix-border-color);--atomix-side-menu-box-shadow:0 4px 12px rgba(0,0,0,.08);--atomix-side-menu-title-font-size:18px;--atomix-side-menu-title-font-weight:600;--atomix-side-menu-title-color:var(--atomix-body-color);--atomix-side-menu-title-spacer-y:0.75rem;--atomix-side-menu-toggler-padding-x:0.75rem;--atomix-side-menu-toggler-padding-y:0.5rem;--atomix-side-menu-toggler-bg:transparent;--atomix-side-menu-toggler-hover-bg:var(--atomix-secondary-bg-subtle);--atomix-side-menu-toggler-border-radius:6px;--atomix-side-menu-toggler-transition:all 0.2s ease-in-out;--atomix-side-menu-item-padding-x:1rem;--atomix-side-menu-item-padding-y:0.75rem;--atomix-side-menu-item-font-size:16px;--atomix-side-menu-item-font-weight:400;--atomix-side-menu-item-color:var(--atomix-secondary-text-emphasis);--atomix-side-menu-item-hover-color:var(--atomix-body-color);--atomix-side-menu-item-active-color:var(--atomix-brand-text-emphasis);--atomix-side-menu-item-disabled-color:var(--atomix-disabled-text-emphasis);--atomix-side-menu-item-bg:transparent;--atomix-side-menu-item-hover-bg:var(--atomix-secondary-bg-subtle);--atomix-side-menu-item-active-bg:var(--atomix-brand-bg-subtle);--atomix-side-menu-item-disabled-bg:transparent;--atomix-side-menu-item-border-radius:6px;--atomix-side-menu-item-transition:all 0.2s ease-in-out;--atomix-side-menu-item-gap:0.75rem;--atomix-side-menu-list-margin-bottom:1rem;--atomix-side-menu-list-gap:0.25rem;--atomix-side-menu-wrapper-transition:height 0.3s ease-in-out;--atomix-side-menu-inner-padding-top:1.5rem;background-color:var(--atomix-side-menu-bg);border:var(--atomix-side-menu-border-width) solid var(--atomix-side-menu-border-color);border-radius:var(--atomix-side-menu-border-radius);box-shadow:var(--atomix-side-menu-box-shadow);padding:var(--atomix-side-menu-padding-y) var(--atomix-side-menu-padding-x);width:100%}@media (max-width:991.98px){.c-side-menu{padding:1rem 1.25rem}}.c-side-menu__wrapper{height:0;overflow:hidden;transition:var(--atomix-side-menu-wrapper-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-side-menu__inner{padding-top:var(--atomix-side-menu-inner-padding-top)}.c-side-menu__title{color:var(--atomix-side-menu-title-color);font-size:var(--atomix-side-menu-title-font-size);font-weight:var(--atomix-side-menu-title-font-weight);margin:0;margin-bottom:var(--atomix-side-menu-title-spacer-y)}.c-side-menu__toggler .c-side-menu__title{flex:1;margin-bottom:0}.c-side-menu__toggler{align-items:center;background-color:var(--atomix-side-menu-toggler-bg);border:none;border-radius:var(--atomix-side-menu-toggler-border-radius);cursor:pointer;display:flex;justify-content:space-between;margin:0;padding:var(--atomix-side-menu-toggler-padding-y) var(--atomix-side-menu-toggler-padding-x);text-align:left;transition:var(--atomix-side-menu-toggler-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.c-side-menu__toggler:hover{background-color:var(--atomix-side-menu-toggler-hover-bg)}.c-side-menu__toggler:focus-visible{outline:2px solid var(--atomix-focus-ring-color);outline-offset:2px}.c-side-menu__toggler:focus:not(:focus-visible){outline:none}.c-side-menu__toggler:active{transform:scale(.98)}.c-side-menu__toggler[aria-disabled=true]{cursor:not-allowed;opacity:.6;pointer-events:none}.c-side-menu__toggler-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:.875em;justify-content:center;transform-origin:center;transition:var(--atomix-side-menu-toggler-transition)}.c-side-menu__toggler--nested{margin-bottom:var(--atomix-side-menu-item-gap)}.c-side-menu__nested-wrapper{height:0;margin:0;overflow:hidden;transition:var(--atomix-side-menu-wrapper-transition)}.c-side-menu__nested-inner{display:block}.c-side-menu__list{display:flex;flex-direction:column;gap:var(--atomix-side-menu-list-gap);list-style:none;margin:0 0 var(--atomix-side-menu-list-margin-bottom) 0;padding:0}.c-side-menu__list:last-child{margin-bottom:0}.c-side-menu__item{display:block}.c-side-menu__link{align-items:center;background-color:var(--atomix-side-menu-item-bg);border:none;border-radius:var(--atomix-side-menu-item-border-radius);color:var(--atomix-side-menu-item-color);cursor:pointer;display:flex;font-size:var(--atomix-side-menu-item-font-size);font-weight:var(--atomix-side-menu-item-font-weight);gap:var(--atomix-side-menu-item-gap);padding:var(--atomix-side-menu-item-padding-y) var(--atomix-side-menu-item-padding-x);position:relative;text-decoration:none;transition:var(--atomix-side-menu-item-transition);width:100%}.c-side-menu__link:hover{background-color:var(--atomix-side-menu-item-hover-bg);color:var(--atomix-side-menu-item-hover-color);text-decoration:none}.c-side-menu__link:focus-visible{outline:2px solid var(--atomix-focus-ring-color);outline-offset:2px}.c-side-menu__link:focus:not(:focus-visible){outline:none}.c-side-menu__link:active{transform:scale(.98)}.c-side-menu__link.is-active{background-color:var(--atomix-side-menu-item-active-bg);color:var(--atomix-side-menu-item-active-color);font-weight:500}.c-side-menu__link.is-disabled,.c-side-menu__link[aria-disabled=true]{background-color:var(--atomix-side-menu-item-disabled-bg);color:var(--atomix-side-menu-item-disabled-color);cursor:not-allowed;opacity:.6;pointer-events:none}.c-side-menu__link-icon{flex-shrink:0;font-size:1em}.c-side-menu__link-text{flex:1}.c-side-menu--glass{background-color:transparent;border-bottom:none}.c-side-menu.is-open .c-side-menu__toggler .c-side-menu__toggler-icon,.c-side-menu__toggler--nested.is-open .c-side-menu__toggler-icon{transform:rotate(90deg)}.c-side-menu__toggler--nested.is-open+.c-side-menu__nested-wrapper{height:auto}.dark-mode .c-side-menu{--atomix-side-menu-bg:var(--atomix-gray-9);--atomix-side-menu-border-color:var(--atomix-gray-7);--atomix-side-menu-title-color:var(--atomix-gray-1);--atomix-side-menu-item-color:var(--atomix-gray-3);--atomix-side-menu-item-hover-color:var(--atomix-gray-1);--atomix-side-menu-item-active-color:var(--atomix-brand-text-emphasis)}@media (prefers-reduced-motion:reduce){.c-side-menu{--atomix-side-menu-wrapper-transition:none;--atomix-side-menu-toggler-transition:none;--atomix-side-menu-item-transition:none}.c-side-menu .c-side-menu__toggler-icon{transition:none}.c-side-menu .c-side-menu__toggler:active{transform:none}.c-side-menu .c-side-menu__link:active{transform:none}}@media (prefers-contrast:high){.c-side-menu .c-side-menu__link:focus-visible,.c-side-menu .c-side-menu__toggler:focus-visible{outline-width:3px}}.c-skeleton{--atomix-skeleton-width:100%;--atomix-skeleton-height:1em;--atomix-skeleton-color:rgba(0,0,0,.08);--atomix-skeleton-color-gradient-end:rgba(0,0,0,.12);--atomix-skeleton-gradient-from-color:rgba(0,0,0,.08);--atomix-skeleton-gradient-to-color:rgba(0,0,0,.12);--atomix-skeleton-border-radius:0.25rem;animation-duration:1.4s;animation-iteration-count:infinite;animation-name:atomix--skeleton-loading;animation-timing-function:ease;background-color:linear-gradient(90deg,var(--atomix-skeleton-gradient-from-color) 25%,var(--atomix-skeleton-gradient-to-color) 37%,var(--atomix-skeleton-gradient-from-color) 63%);background-size:400% 100%;border-radius:var(--atomix-skeleton-border-radius);cursor:wait;display:inline-block;min-height:var(--atomix-skeleton-height);pointer-events:none;vertical-align:middle;width:var(--atomix-skeleton-width)}.c-skeleton--rect{border-radius:.5rem;min-height:calc(var(--atomix-skeleton-height)*2.4);width:calc(var(--atomix-skeleton-height)*5.15)}.c-skeleton--circle{border-radius:50rem}.c-skeleton--circle,.c-skeleton--square{width:var(--atomix-skeleton-height)}.c-skeleton--sm{--atomix-skeleton-height:14px}.c-skeleton--md{--atomix-skeleton-height:16px}.c-skeleton--lg{--atomix-skeleton-height:24px}.c-skeleton--xl{--atomix-skeleton-height:32px}.c-skeleton--xxl{--atomix-skeleton-height:36px}.c-skeleton--3xl{--atomix-skeleton-height:40px}.c-skeleton--4xl{--atomix-skeleton-height:44px}.c-slider{--atomix-slider-speed:300ms;--atomix-slider-easing:cubic-bezier(0.4,0,0.2,1);--atomix-slider-nav-size:2.75rem;--atomix-slider-nav-offset:1rem;--atomix-slider-pagination-offset:1rem;--atomix-slider-content-padding:1rem;height:auto;overflow:hidden;position:relative;width:100%;z-index:1}.c-slider--grab-cursor{cursor:grab}.c-slider--grabbing{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-slider--vertical .c-slider__wrapper{flex-direction:column}.c-slider--loop .c-slider__slide--duplicate{opacity:1;pointer-events:auto}.c-slider--loop .c-slider__wrapper{will-change:transform}.c-slider--loop .c-slider__wrapper.transitioning{transition:transform var(--atomix-slider-speed) var(--atomix-slider-easing)}.c-slider--loop .c-slider__wrapper.repositioning{pointer-events:none;transition:none!important}.c-slider--loop .c-slider__navigation-next:disabled,.c-slider--loop .c-slider__navigation-prev:disabled{cursor:pointer!important;opacity:1!important;pointer-events:auto!important}.c-slider--loop .c-slider__slide--active{z-index:2}.c-slider--empty{align-items:center;background-color:var(--atomix-secondary-bg-subtle);border:2px dashed var(--atomix-primary-border-subtle);border-radius:.25rem;display:flex;justify-content:center}.c-slider__wrapper{box-sizing:content-box;display:flex;position:relative;will-change:transform;z-index:1}.c-slider__slide{align-items:center;display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative}.c-slider__slide--active{z-index:2}.c-slider__navigation{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.c-slider__navigation-next,.c-slider__navigation-prev{align-items:center;background-color:var(--atomix-primary-bg-subtle);border:none;border-radius:50rem;box-shadow:0 2px 8px rgba(0,0,0,.15);color:var(--atomix-primary-text);cursor:pointer;display:flex;height:var(--atomix-slider-nav-size);justify-content:center;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);width:var(--atomix-slider-nav-size);z-index:10}.c-slider__navigation-next:hover,.c-slider__navigation-prev:hover{background-color:var(--atomix-secondary-bg-subtle);box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-50%) scale(1.05)}.c-slider__navigation-next:active,.c-slider__navigation-prev:active{transform:translateY(-50%) scale(.95)}.c-slider__navigation-next:disabled,.c-slider__navigation-prev:disabled{cursor:not-allowed;opacity:.5;transform:translateY(-50%)}.c-slider__navigation-next:before,.c-slider__navigation-prev:before{border-right:2px solid;border-top:2px solid;content:"";height:.5rem;width:.5rem}.c-slider__navigation-prev{left:var(--atomix-slider-nav-offset)}.c-slider__navigation-prev:before{margin-left:.125rem;transform:rotate(-135deg)}.c-slider__navigation-next{right:var(--atomix-slider-nav-offset)}.c-slider__navigation-next:before{margin-right:.125rem;transform:rotate(45deg)}.c-slider__pagination{align-items:center;bottom:var(--atomix-slider-pagination-offset);display:flex;gap:.5rem;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10}.c-slider__pagination-bullet{background-color:var(--atomix-tertiary-bg-subtle);border:none;border-radius:50rem;cursor:pointer;height:.5rem;pointer-events:auto;transition:all .2s cubic-bezier(.4,0,.2,1);width:.5rem}.c-slider__pagination-bullet:hover{background-color:var(--atomix-secondary-bg-subtle);transform:scale(1.2)}.c-slider__pagination-bullet:active{transform:scale(1.1)}.c-slider__pagination-bullet--active{background-color:var(--atomix-primary);transform:scale(1.2)}.c-slider__empty-message{color:var(--atomix-tertiary-text);font-size:1rem;padding:2rem;text-align:center}@media (max-width:991.98px){.c-slider{--atomix-slider-nav-size:2.25rem;--atomix-slider-nav-offset:0.5rem;--atomix-slider-pagination-offset:0.75rem;--atomix-slider-content-padding:0.75rem}.c-slider__navigation-next:before,.c-slider__navigation-prev:before{height:.375rem;width:.375rem}}@media (prefers-reduced-motion:reduce){.c-slider{--atomix-slider-speed:0ms;--atomix-slider-easing:none}.c-slider__navigation-next,.c-slider__navigation-prev,.c-slider__pagination-bullet,.c-slider__wrapper{transition:none!important}}@media print{.c-slider{height:auto;overflow:visible}.c-slider__wrapper{display:block}.c-slider__slide{display:block;height:auto;margin-bottom:1rem;page-break-inside:avoid;width:100%}.c-slider__navigation,.c-slider__pagination{display:none}}@keyframes spinner{to{transform:rotate(1turn)}}.c-spinner{--atomix-spinner-size:24px;--atomix-spinner-background-color:var(--atomix-secondary-bg-subtle);--atomix-spinner-color:var(--atomix-body-color);--atomix-spinner-border-width:3px;--atomix-spinner-animation-speed:0.8s;animation:var(--atomix-spinner-animation-speed) ease-in-out infinite spinner;border:var(--atomix-spinner-border-width) solid var(--atomix-spinner-color);border-radius:50%;border-right-color:currentcolor;color:var(--atomix-spinner-background-color);height:var(--atomix-spinner-size);position:relative;width:var(--atomix-spinner-size)}.c-spinner--sm{--atomix-spinner-size:16px}.c-spinner--md{--atomix-spinner-size:24px}.c-spinner--lg{--atomix-spinner-size:32px}.c-spinner--primary{--atomix-spinner-color:var(--atomix-primary)}.c-spinner--secondary{--atomix-spinner-background-color:var(--atomix-body-bg);--atomix-spinner-color:var(--atomix-secondary)}.c-spinner--success{--atomix-spinner-color:var(--atomix-success)}.c-spinner--info{--atomix-spinner-color:var(--atomix-info)}.c-spinner--warning{--atomix-spinner-color:var(--atomix-warning)}.c-spinner--error{--atomix-spinner-color:var(--atomix-error)}.c-spinner--light{--atomix-spinner-color:var(--atomix-light)}.c-spinner--dark{--atomix-spinner-color:var(--atomix-dark)}.c-steps{--atomix-steps-padding-x:0rem;--atomix-steps-padding-y:0rem;--atomix-steps-item-color:var(--atomix-tertiary-text-emphasis);--atomix-steps-item-bg:var(--atomix-secondary-bg-subtle);--atomix-steps-item-active-color:var(--atomix-brand-text-emphasis);--atomix-steps-item-active-bg:var(--atomix-primary);--atomix-steps-item-number-bg:var(--atomix-secondary-bg-subtle);--atomix-steps-item-number-color:var(--atomix-tertiary-text-emphasis);--atomix-steps-item-number-active-color:var(--atomix-gray-1);--atomix-steps-item-number-size:32px;--atomix-steps-item-number-font-size:14px;--atomix-steps-item-number-border-radius:800px;--atomix-steps-item-font-size:16px;--atomix-steps-item-content-gap:0.75rem;--atomix-steps-line-height:0.125rem;--atomix-steps-line-width:3rem;--atomix-steps-gap:1rem;--atomix-steps-line-height-vertical:3rem;--atomix-steps-line-width-vertical:0.125rem;display:inline-flex}.c-steps,.c-steps__item{align-items:center;gap:var(--atomix-steps-gap)}.c-steps__item{display:flex}.c-steps__item:first-child .c-steps__line{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.c-steps__item.is-active{--atomix-steps-item-bg:var(--atomix-steps-item-active-bg);--atomix-steps-item-number-bg:var(--atomix-steps-item-active-bg);--atomix-steps-item-number-color:var(--atomix-steps-item-number-active-color);--atomix-steps-item-color:var(--atomix-steps-item-active-color)}.c-steps__line{background-color:var(--atomix-steps-item-bg);height:var(--atomix-steps-line-height);transition:1s;width:var(--atomix-steps-line-width)}.c-steps__content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--atomix-steps-item-content-gap)}.c-steps__number{background-color:var(--atomix-steps-item-number-bg);border-radius:var(--atomix-steps-item-number-border-radius);color:var(--atomix-steps-item-number-color);display:grid;font-size:var(--atomix-steps-item-number-font-size);height:var(--atomix-steps-item-number-size);place-items:center;width:var(--atomix-steps-item-number-size)}.c-steps__text{color:var(--atomix-steps-item-color);font-size:var(--atomix-steps-item-font-size)}.c-steps--vertical{--atomix-steps-line-width:var(--atomix-steps-line-width-vertical);--atomix-steps-line-height:var(--atomix-steps-line-height-vertical);flex-direction:column;gap:0}.c-steps--vertical .c-steps__item{align-items:flex-start;flex-direction:column;gap:0}.c-steps--vertical .c-steps__line{margin-left:calc(var(--atomix-steps-item-number-size)/2)}.c-tabs{--atomix-tabs-width:100%;--atomix-tabs-nav-btn-padding-x:1rem;--atomix-tabs-nav-btn-padding-y:0.75rem;--atomix-tabs-nav-btn-font-size:16px;--atomix-tabs-nav-btn-font-weight:500;--atomix-tabs-nav-btn-color:var(--atomix-tertiary-text-emphasis);--atomix-tabs-nav-btn-active-color:var(--atomix-body-color);--atomix-tabs-nav-btn-disabled-color:var(--atomix-disabled-text-emphasis);--atomix-tabs-nav-btn-bg:var(--atomix-body-bg);--atomix-tabs-nav-btn-bg-hover:var(--atomix-secondary-bg-subtle);--atomix-tabs-nav-btn-bg-active:var(--atomix-body-bg);--atomix-tabs-nav-btn-bg-disabled:var(--atomix-body-bg);--atomix-tabs-nav-btn-border-radius:6px;--atomix-tabs-nav-btn-border-width:2px;--atomix-tabs-nav-btn-border-color:transparent;--atomix-tabs-nav-btn-border-active-color:var(--atomix-brand-border-subtle);--atomix-tabs-nav-btn-border-disabled-color:var(--atomix-primary-border-subtle);--atomix-tabs-nav-btns-gap:0.25rem;--atomix-tabs-nav-btn-inner-gap:0.5rem;--atomix-tabs-nav-btn-icon-size:1.125rem;--atomix-tabs-panel-padding-x:1rem;--atomix-tabs-panel-padding-y:1rem;max-width:var(--atomix-tabs-width);width:100%}.c-tabs__nav{display:flex;list-style:none;margin-bottom:0;padding-left:0}@media (max-width:767.98px){.c-tabs__nav{flex-wrap:wrap}}.c-tabs__nav-item{width:50%}.c-tabs__nav-item+.c-tabs__nav-item{margin-left:var(--atomix-tabs-nav-btns-gap)}.c-tabs__nav-btn{align-items:center;background-color:var(--atomix-tabs-nav-btn-bg);border:var(--atomix-tabs-nav-btn-border-width) solid transparent;border-bottom:var(--atomix-tabs-nav-btn-border-width) solid var(--atomix-tabs-nav-btn-border-color);border-radius:var(--atomix-tabs-nav-btn-border-radius);color:var(--atomix-tabs-nav-btn-color);display:flex;font-size:var(--atomix-tabs-nav-btn-font-size);font-weight:var(--atomix-tabs-nav-btn-font-weight);gap:var(--atomix-tabs-nav-btn-inner-gap);justify-content:center;padding:var(--atomix-tabs-nav-btn-padding-y) var(--atomix-tabs-nav-btn-padding-x);transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}.c-tabs__nav-btn.is-active,.c-tabs__nav-btn:active{border-color:transparent transparent var(--atomix-tabs-nav-btn-border-active-color) transparent;color:var(--atomix-tabs-nav-btn-active-color)}.c-tabs__nav-btn:hover{background-color:var(--atomix-tabs-nav-btn-bg-hover)}.c-tabs__nav-btn.is-disabled,.c-tabs__nav-btn:disabled{--atomix-tabs-nav-btn-border-active-color:var(
|
|
445
|
+
--atomix-tabs-nav-btn-border-disabled-color
|
|
446
|
+
);background-color:var(--atomix-tabs-nav-btn-bg-disabled);color:var(--atomix-tabs-nav-btn-border-disabled-color);pointer-events:none}.c-tabs__nav-btn:focus-visible{border-color:var(--atomix-tabs-nav-btn-border-active-color);outline:none}.c-tabs__nav-btn>i{font-size:var(--atomix-tabs-nav-btn-icon-size)}.c-tabs__panels{position:relative}.c-tabs__panel{display:none;opacity:0;overflow:hidden;transition:opacity .3s cubic-bezier(.65,.32,1,.72)}.c-tabs__panel.is-active{display:block;opacity:1}.c-tabs__panel-body{padding:var(--atomix-tabs-panel-padding-y) var(--atomix-tabs-panel-padding-x)}.c-testimonial{--atomix-testimonial-width:100%;--atomix-testimonial-padding-x:0rem;--atomix-testimonial-padding-y:0rem;--atomix-testimonial-inner-spacer:1.5rem;--atomix-testimonial-bg: ;--atomix-testimonial-quote-font-size:24px;--atomix-testimonial-quote-font-size-sm:18px;--atomix-testimonial-quote-font-size-lg:32px;--atomix-testimonial-quote-font-weight:500;--atomix-testimonial-quote-color:var(--atomix-body-color);--atomix-testimonial-author-font-size:16px;--atomix-testimonial-author-color:var(--atomix-body-color);--atomix-testimonial-author-role-font-size:14px;--atomix-testimonial-author-role-color:var(--atomix-tertiary-text-emphasis);--atomix-testimonial-author-inner-spacer:8px;background-color:var(--atomix-testimonial-bg);max-width:var(--atomix-testimonial-width);padding:var(--atomix-testimonial-padding-y) var(--atomix-testimonial-padding-x);width:100%}.c-testimonial__quote{color:var(--atomix-testimonial-quote-color);font-size:var(--atomix-testimonial-quote-font-size);font-weight:var(--atomix-testimonial-quote-font-weight);margin-bottom:0}.c-testimonial__author{display:flex;gap:var(--atomix-testimonial-author-inner-spacer);margin-top:var(--atomix-testimonial-inner-spacer)}.c-testimonial__author-name{color:var(--atomix-testimonial-author-color);font-size:var(--atomix-testimonial-author-font-size)}.c-testimonial__author-role{color:var(--atomix-testimonial-author-role-color);font-size:var(--atomix-testimonial-author-role-font-size)}.c-testimonial--sm{--atomix-testimonial-quote-font-size:var(--atomix-testimonial-quote-font-size-sm)}.c-testimonial--lg{--atomix-testimonial-quote-font-size:var(--atomix-testimonial-quote-font-size-lg)}.c-todo{--atomix-todo-border-color:#e5e7eb;--atomix-todo-border-radius:0.5rem;--atomix-todo-bg:#fff;--atomix-todo-color:#1f2937;--atomix-todo-title-margin-bottom:1rem;--atomix-todo-item-padding:0.75rem;--atomix-todo-item-border-color:#e5e7eb;--atomix-todo-item-hover-bg:#f3f4f6;--atomix-todo-form-margin-bottom:1rem;--atomix-todo-form-gap:0.5rem;--atomix-todo-completed-color:#6b7280;--atomix-todo-completed-text-decoration:line-through;background-color:var(--atomix-todo-bg);border:1px solid var(--atomix-todo-border-color);border-radius:var(--atomix-todo-border-radius);color:var(--atomix-todo-color);margin-bottom:1.5rem;padding:1.25rem;width:100%}.c-todo__title{font-size:1.25rem;font-weight:700;margin-bottom:var(--atomix-todo-title-margin-bottom);margin-top:0}.c-todo__form{margin-bottom:var(--atomix-todo-form-margin-bottom)}.c-todo__form-group{display:flex;gap:var(--atomix-todo-form-gap)}.c-todo__input{flex:1;min-width:0}.c-todo__add-btn{flex-shrink:0}.c-todo__list{border-top:1px solid var(--atomix-todo-item-border-color);list-style:none;margin:0;padding:0}.c-todo__empty{color:#6b7280;font-style:italic;text-align:center}.c-todo__empty,.c-todo__item{padding:var(--atomix-todo-item-padding)}.c-todo__item{border-bottom:1px solid var(--atomix-todo-item-border-color);transition:background-color .2s ease}.c-todo__item:hover{background-color:var(--atomix-todo-item-hover-bg)}.c-todo__item--completed .c-todo__item-text{color:var(--atomix-todo-completed-color);-webkit-text-decoration:var(--atomix-todo-completed-text-decoration);text-decoration:var(--atomix-todo-completed-text-decoration)}.c-todo__item-content{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.c-todo__checkbox-label{align-items:center;cursor:pointer;display:flex;flex:1;gap:.5rem}.c-todo__checkbox{flex-shrink:0}.c-todo__item-text{word-break:break-word}.c-todo__delete-btn{flex-shrink:0;opacity:.7;transition:opacity .2s ease}.c-todo__delete-btn:hover{opacity:1}.c-todo--sm{font-size:.875rem;padding:.75rem}.c-todo--sm .c-todo__title{font-size:1.1rem;margin-bottom:.75rem}.c-todo--sm .c-todo__item{padding:.5rem}.c-todo--lg{padding:1.5rem}.c-todo--lg .c-todo__title{font-size:1.5rem;margin-bottom:1.25rem}.c-todo--lg .c-todo__item{padding:1rem}.c-todo--disabled{opacity:.6}.c-todo--disabled,.c-todo--disabled .c-todo__checkbox-label{cursor:not-allowed}.c-toggle{--atomix-toggle-gap:0.75rem;--atomix-toggle-switch-bg:var(--atomix-tertiary-bg-subtle);--atomix-toggle-switch-disabled-bg:var(--atomix-secondary-bg-subtle);--atomix-toggle-switch-border-radius:12px;--atomix-toggle-switch-box-shadow:0 2px 4px rgba(0,0,0,.1);--atomix-toggle-switch-handle-bg:var(--atomix-primary-bg-subtle);--atomix-toggle-switch-handle-border-radius:800px;--atomix-toggle-switch-width:2.5rem;--atomix-toggle-switch-height:1.5rem;--atomix-toggle-switch-handle-width:1.25rem;--atomix-toggle-switch-handle-height:1.25rem;--atomix-toggle-switch-handle-margin:0.125rem;--atomix-toggle-label-font-size:16px;--atomix-toggle-label-color:var(--atomix-primary-text-emphasis);gap:var(--atomix-toggle-gap)}.c-toggle,.c-toggle__switch{align-items:center;display:flex}.c-toggle__switch{background-color:var(--atomix-toggle-switch-bg);border-radius:var(--atomix-toggle-switch-border-radius);cursor:pointer;flex:0 0 var(--atomix-toggle-switch-width);height:var(--atomix-toggle-switch-height);position:relative;transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--atomix-toggle-switch-width)}.c-toggle__switch:before{background-color:var(--atomix-toggle-switch-handle-bg);border-radius:var(--atomix-toggle-switch-handle-border-radius);content:"";display:inline-block;height:var(--atomix-toggle-switch-handle-height);margin:var(--atomix-toggle-switch-handle-margin);transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:var(--atomix-toggle-switch-handle-width)}.c-toggle__label{color:var(--atomix-toggle-label-color);font-size:var(--atomix-toggle-label-font-size)}.c-toggle.is-on{--atomix-toggle-switch-bg:var(--atomix-primary)}.c-toggle.is-on .c-toggle__switch:before{transform:translate(calc(var(--atomix-toggle-switch-width) - var(--atomix-toggle-switch-handle-width) - var(--atomix-toggle-switch-handle-margin)*2))}.c-toggle.is-disabled:not(.is-on){pointer-events:none}.c-toggle.is-disabled:not(.is-on) .c-toggle__switch{background-color:var(--atomix-toggle-switch-disabled-bg)}.c-toggle.is-disabled.is-on{pointer-events:none}.c-toggle.is-disabled.is-on .c-toggle__switch:after{background-color:hsla(220,9%,46%,.6);border-radius:var(--atomix-toggle-switch-handle-border-radius);content:"";inset:0;position:absolute}.c-tooltip{--atomix-tooltip-max-width:17.5rem;--atomix-tooltip-padding-x:0.75rem;--atomix-tooltip-padding-y:0.5rem;--atomix-tooltip-bg:var(--atomix-invert-bg-subtle);--atomix-tooltip-font-size:14px;--atomix-tooltip-font-weight:400;--atomix-tooltip-color:var(--atomix-invert-text-emphasis);--atomix-tooltip-border-radius:6px;--atomix-tooltip-border-width: ;--atomix-tooltip-border-color: ;--atomix-tooltip-box-shadow:0 2px 8px rgba(0,0,0,.15);--atomix-tooltip-arrow-size:0.5rem;--atomix-tooltip-offset:0.5rem;--atomix-z-index-tooltip:1060;height:-moz-max-content;height:max-content;max-width:var(--atomix-tooltip-max-width);pointer-events:none;position:absolute;width:-moz-max-content;width:max-content;z-index:var(--atomix-z-index-tooltip)}.c-tooltip__content{background-color:var(--atomix-tooltip-bg);border-radius:var(--atomix-tooltip-border-radius);box-shadow:var(--atomix-tooltip-box-shadow);color:var(--atomix-tooltip-color);font-size:var(--atomix-tooltip-font-size);font-weight:var(--atomix-tooltip-font-weight);opacity:0;padding:var(--atomix-tooltip-padding-y) var(--atomix-tooltip-padding-x);pointer-events:auto;position:relative;transform:scale(.95);transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);z-index:2}.c-tooltip__content.is-active{opacity:1;transform:scale(1)}.c-tooltip__arrow{background-color:var(--atomix-tooltip-bg);border-radius:calc((var(--atomix-tooltip-arrow-size) - var(--atomix-tooltip-border-radius))/2);height:var(--atomix-tooltip-arrow-size);position:absolute;width:var(--atomix-tooltip-arrow-size);z-index:1}.c-tooltip--left .c-tooltip__arrow,.c-tooltip--right .c-tooltip__arrow,.c-tooltip--top .c-tooltip__arrow,.c-tooltip__arrow{transform:rotate(45deg)}.c-tooltip--bottom .c-tooltip__arrow{transform:rotate(225deg)}.c-tooltip--glass{z-index:unset}.c-tooltip--glass .c-tooltip__arrow,.c-tooltip--glass .c-tooltip__content{background-color:color-mix(in srgb,var(--atomix-tooltip-bg) 40%,transparent)}.c-tooltip--glass .c-tooltip__arrow{backdrop-filter:var(--atomix-glass-container-backdrop);clip-path:polygon(0 100%,100% 100%,100% 0)}.c-upload{--atomix-upload-width:37.5rem;--atomix-upload-padding-x:0rem;--atomix-upload-padding-y:0rem;--atomix-upload-inner-padding-x:1.5rem;--atomix-upload-inner-padding-y:2rem;--atomix-upload-border-radius:8px;--atomix-upload-border-width:0.125rem;--atomix-upload-border-color:var(--atomix-primary-border-subtle);--atomix-upload-bg:var(--atomix-body-bg);--atomix-upload-hover-bg:var(--atomix-secondary-bg-subtle);--atomix-upload-icon-size:48px;--atomix-upload-icon-padding:0px;--atomix-upload-icon-bg:var(--atomix-body-bg);--atomix-upload-title-font-size:20px;--atomix-upload-title-font-weight:600;--atomix-upload-title-color:var(--atomix-body-color);--atomix-upload-title-margin-top:1rem;--atomix-upload-text-font-size:16px;--atomix-upload-text-font-weight:400;--atomix-upload-text-color:var(--atomix-body-color);--atomix-upload-text-margin-top:0.5rem;--atomix-upload-btn-margin-top:1.5rem;--atomix-upload-btn-margin-left:1rem;--atomix-upload-helper-text-font-size:14px;--atomix-upload-helper-text-font-weight:400;--atomix-upload-helper-text-color:var(--atomix-body-color);--atomix-upload-helper-text-margin-top:0.75rem;--atomix-upload-loader-padding-x:1rem;--atomix-upload-loader-padding-y:1rem;--atomix-upload-loader-border-radius:8px;--atomix-upload-loader-border-width:1px;--atomix-upload-loader-border-color:var(--atomix-primary-border-subtle);--atomix-upload-loader-margin-top:16px;--atomix-upload-loader-title-color:var(--atomix-body-color);--atomix-upload-loader-title-font-size:16px;--atomix-upload-loader-title-font-weight:500;--atomix-upload-loader-text-color:var(--atomix-tertiary-text-emphasis);--atomix-upload-loader-text-font-size:14px;--atomix-upload-loader-text-margin-top:0.375rem;--atomix-upload-loader-color:var(--atomix-primary);--atomix-upload-loader-bar-height:0.5rem;--atomix-upload-loader-bar-margin-top:0.75rem;--atomix-upload-loader-bg-opacity:1;--atomix-upload-loader-progress:39%;--atomix-upload-content-margin-left:1.25rem;--atomix-upload-disabled-opacity:0.6;--atomix-upload-loader-control-icon-size:18px;--atomix-upload-loader-contorl-color:var(--atomix-body-color);--atomix-upload-helper-text-opacity:0.7;--atomix-upload-text-opacity:0.8;--atomix-upload-text-margin-bottom:1rem;background-color:var(--atomix-upload-bg);border-radius:var(--atomix-upload-border-radius);max-width:var(--atomix-upload-width);padding:var(--atomix-upload-padding-y) var(--atomix-upload-padding-x);transition-delay:0s;transition-duration:.2s;transition-property:all;transition-timing-function:ease-in-out;width:100%}.c-upload:hover{background-color:var(--atomix-upload-hover-bg)}.c-upload__inner{align-items:center;border:var(--atomix-upload-border-width) dashed var(--atomix-upload-border-color);border-radius:var(--atomix-upload-border-radius);cursor:pointer;display:flex;flex-direction:column;padding:var(--atomix-upload-inner-padding-y) var(--atomix-upload-inner-padding-x);transition:all .3s ease-in-out}.c-upload__inner:hover{background-color:var(--atomix-primary-bg-subtle);border-color:var(--atomix-primary-6);box-shadow:var(--atomix-box-shadow);transform:translateY(-2px)}.c-upload__icon{background-color:var(--atomix-primary-bg-subtle);border-radius:var(--atomix-border-radius-pill);color:var(--atomix-primary-6);font-size:var(--atomix-upload-icon-size);margin-bottom:12;padding:12;transition:all .3s ease-in-out}.c-upload__icon:hover{background-color:var(--atomix-primary-border-subtle);color:var(--atomix-primary-7);transform:scale(1.05)}.c-upload__title{color:var(--atomix-upload-title-color);font-size:var(--atomix-upload-title-font-size);font-weight:var(--atomix-upload-title-font-weight);line-height:1.4;margin-bottom:var(--atomix-upload-title-margin-bottom);margin-top:var(--atomix-upload-title-margin-top);text-align:center}.c-upload__text{color:var(--atomix-upload-text-color);font-size:var(--atomix-upload-text-font-size);font-weight:var(--atomix-upload-text-font-weight);line-height:1.5;margin-bottom:var(--atomix-upload-text-margin-bottom);margin-top:var(--atomix-upload-text-margin-top);opacity:var(--atomix-upload-text-opacity);text-align:center}.c-upload__btn{margin-top:var(--atomix-upload-btn-margin-top)}.c-upload__helper-text{color:var(--atomix-upload-helper-text-color);font-size:var(--atomix-upload-helper-text-font-size);font-weight:var(--atomix-upload-helper-text-font-weight);line-height:1.4;margin-top:var(--atomix-upload-helper-text-margin-top);opacity:var(--atomix-upload-helper-text-opacity);text-align:center}.c-upload__row{flex-wrap:wrap;justify-content:space-between;width:100%}.c-upload__col,.c-upload__row{align-items:center;display:flex}.c-upload__content{margin-left:var(--atomix-upload-content-margin-left)}.c-upload__loader{--upload-loader-percentage:0;align-items:center;background-color:var(--atomix-body-bg);border:var(--atomix-upload-loader-border-width) solid var(--atomix-upload-loader-border-color);border-radius:var(--atomix-upload-loader-border-radius);box-shadow:var(--atomix-box-shadow-sm);display:flex;justify-content:space-between;margin-top:var(--atomix-upload-loader-margin-top);max-width:37.5rem;overflow:hidden;padding:var(--atomix-upload-loader-padding-y) var(--atomix-upload-loader-padding-x);position:relative;width:100%}.c-upload__loader-title{color:var(--atomix-upload-loader-title-color);font-size:var(--atomix-upload-loader-title-font-size);font-weight:var(--atomix-upload-loader-title-font-weight);line-height:1.715}.c-upload__loader-progress{color:var(--atomix-upload-loader-text-color);display:flex;font-size:var(--atomix-upload-loader-text-font-size);gap:10px;line-height:1.43;margin-top:var(--atomix-upload-loader-text-margin-top)}.c-upload__loader-control{align-items:center;display:flex;gap:.25rem}.c-upload__loader-close{background:none;border:none;border-radius:var(--atomix-border-radius-sm);color:var(--atomix-upload-loader-contorl-color);cursor:pointer;font-size:var(--atomix-upload-loader-control-icon-size);padding:4;transition:all .2s ease-in-out}.c-upload__loader-close:hover{background-color:var(--atomix-danger-bg-subtle);color:var(--atomix-danger-text-emphasis)}.c-upload__loader-close:focus{outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}.c-upload__loader-bar{height:22px;width:22px}.c-upload__loader-bar svg{height:100%;width:100%}.c-upload__loader-bar svg circle{height:100%;width:100%;fill:none;stroke:var(--atomix-secondary-bg-subtle);stroke-width:2px;stroke-linecap:round;transform:translate(1px,1px)}.c-upload__loader-bar svg circle:nth-child(2){stroke-dasharray:63;stroke-dashoffset:63}.c-upload__loader-bar svg circle:nth-child(2){stroke-dashoffset:calc(63 - var(--upload-loader-percentage)*63/100);stroke:var(--atomix-upload-loader-color)}.c-upload--large{--atomix-upload-width:50rem;--atomix-upload-inner-padding-x:2rem;--atomix-upload-inner-padding-y:2.5rem;--atomix-upload-title-margin-top:0;--atomix-upload-btn-margin-top:0;--atomix-upload-helper-text-margin-top:0}.c-upload--large .c-upload__loader{max-width:22.5rem}.c-upload--large .c-upload__btn{margin-left:var(--atomix-upload-btn-margin-left)}.c-upload--sm{--atomix-upload-width:30rem}.c-upload--success{--atomix-upload-loader-progress:100%;--atomix-upload-loader-text-color:var(--atomix-success);--atomix-upload-loader-color:var(--atomix-success);--atomix-upload-loader-contorl-color:var(--atomix-success)}.c-upload--error{--atomix-upload-loader-text-color:var(--atomix-error);--atomix-upload-loader-color:var(--atomix-error);--atomix-upload-loader-contorl-color:var(--atomix-error)}.c-upload--disabled{cursor:not-allowed;opacity:var(--atomix-upload-disabled-opacity);-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-upload--disabled .c-upload__btn{pointer-events:none}.c-upload--disabled .c-upload__inner{cursor:not-allowed}.c-upload--disabled .c-upload__inner:hover{background-color:transparent;border-color:var(--atomix-upload-border-color);box-shadow:none;transform:none}.c-upload--dragging .c-upload__inner{background-color:var(--atomix-primary-bg-subtle);border-color:var(--atomix-primary-6);box-shadow:var(--atomix-box-shadow-lg);transform:scale(1.02)}.c-upload--dragging .c-upload__icon{background-color:var(--atomix-primary-border-subtle);color:var(--atomix-primary-7);transform:scale(1.1)}.c-upload--dragging .c-upload__title{color:var(--atomix-primary-6)}.c-upload--loading .c-upload__loader-bar circle:nth-child(2){stroke:var(--atomix-primary-6)}.c-upload--success .c-upload__loader-bar circle:nth-child(2){stroke:var(--atomix-success-6)}.c-upload--error .c-upload__loader-bar circle:nth-child(2){stroke:var(--atomix-error-6)}.c-upload__input{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}@media (max-width:768px){.c-upload{max-width:100%}.c-upload__inner{padding:16 12}.c-upload__icon{font-size:28;margin-bottom:8;padding:8}.c-upload__title{font-size:var(--atomix-font-size-md)}.c-upload__text{font-size:var(--atomix-font-size-xs)}.c-upload__loader{align-items:flex-start;flex-direction:column;gap:8;padding:8 12}.c-upload__loader-control{align-self:flex-end}}@media (prefers-reduced-motion:reduce){.c-upload__inner{transition:none}.c-upload__inner:hover{transform:none}.c-upload__icon{transition:none}.c-upload__icon:hover{transform:none}.c-upload--dragging .c-upload__icon,.c-upload--dragging .c-upload__inner{transform:none}}@media (prefers-contrast:high){.c-upload__inner{border-width:3px}.c-upload--dragging .c-upload__inner{border-width:4px}.c-upload__loader{border-width:2px}}.c-upload__inner:focus-visible{outline:2px solid var(--atomix-focus-border-color);outline-offset:2px}.c-video-player{--atomix--video-player-bg:#000;--atomix--video-player-border-radius:8px;--atomix--video-player-controls-padding:20px 16px 16px;--atomix--video-player-progress-height:4px;--atomix--video-player-button-size:40px;--atomix--video-player-font-size:14px;--atomix--video-player-transition:all 0.3s ease;--atomix--video-player-volume-width:80px;--atomix--video-player-volume-width-mobile:60px;--atomix--video-player-volume-height:4px;--atomix--video-player-volume-height-hover:6px;--atomix--video-player-volume-thumb-size:12px;--atomix--video-player-volume-bg:hsla(0,0%,100%,.3);--atomix--video-player-volume-bg-hover:hsla(0,0%,100%,.5);--atomix--video-player-volume-fill:var(--atomix-color-primary);--atomix--video-player-volume-fill-hover:var(--atomix-color-primary-light);--atomix--video-player-volume-fill-active:var(--atomix-color-primary-dark);--atomix--video-player-subtitle-bg:rgba(0,0,0,.85);--atomix--video-player-subtitle-color:#fff;--atomix--video-player-subtitle-font-size:18px;--atomix--video-player-subtitle-font-weight:500;--atomix--video-player-subtitle-line-height:1.5;--atomix--video-player-subtitle-border-radius:6px;--atomix--video-player-subtitle-text-shadow:1px 1px 2px rgba(0,0,0,.8);--atomix--video-player-subtitle-box-shadow:0 2px 8px rgba(0,0,0,.3);background-color:var(--atomix--video-player-bg,#000);border-radius:var(--atomix--video-player-border-radius,.5rem);font-family:var(--atomix--font-family-base);overflow:hidden;position:relative;width:100%}.c-video-player__video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.c-video-player__video::cue{background:var(--atomix-video-player-subtitle-bg);border-radius:var(--atomix-video-player-subtitle-border-radius);box-shadow:var(--atomix-video-player-subtitle-box-shadow);color:var(--atomix-video-player-subtitle-color);display:inline-block;font-size:var(--atomix-video-player-subtitle-font-size);font-weight:var(--atomix-video-player-subtitle-font-weight);height:auto;line-height:var(--atomix-video-player-subtitle-line-height);padding:var(--atomix-video-player-subtitle-padding);text-align:center;text-shadow:var(--atomix-video-player-subtitle-text-shadow);white-space:pre-line;width:auto}.c-video-player__video::cue(.large){font-size:calc(var(--atomix-video-player-subtitle-font-size)*1.2);padding:calc(var(--atomix-video-player-subtitle-padding)*1.3)}.c-video-player__video::cue(.small){font-size:calc(var(--atomix-video-player-subtitle-font-size)*.85);padding:calc(var(--atomix-video-player-subtitle-padding)*.8)}.c-video-player--youtube .c-video-player__video{border:none}.c-video-player--youtube .c-video-player__controls{display:none}.c-video-player__loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.c-video-player__spinner{animation:spin 1s linear infinite;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top:3px solid var(--atomix-primary);height:2.5rem;width:2.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.c-video-player__controls{background:linear-gradient(transparent,rgba(0,0,0,.8));bottom:0;left:0;opacity:0;padding:1.25rem 1rem 1rem;position:absolute;right:0;transition:all .3s ease;visibility:hidden;z-index:3}.c-video-player__controls--visible{opacity:1;visibility:visible}.c-video-player__progress-container{margin-bottom:.75rem}.c-video-player__progress-bar{background:hsla(0,0%,100%,.3);border-radius:.125rem;cursor:pointer;height:.25rem;position:relative;transition:height .2s ease}.c-video-player__progress-bar:hover{height:.375rem}.c-video-player__progress-buffered{background:hsla(0,0%,100%,.5)}.c-video-player__progress-buffered,.c-video-player__progress-played{border-radius:.125rem;height:100%;left:0;position:absolute;top:0;transition:width .1s ease}.c-video-player__progress-played,.c-video-player__progress-thumb{background:var(--atomix-primary)}.c-video-player__progress-thumb{border-radius:50%;height:.75rem;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;width:.75rem}.c-video-player__progress-bar:hover .c-video-player__progress-thumb{opacity:1}.c-video-player__controls-row{justify-content:space-between}.c-video-player__controls-left,.c-video-player__controls-right,.c-video-player__controls-row{align-items:center;display:flex;gap:.5rem}.c-video-player__control-button{align-items:center;background:transparent;border:none;border-radius:.25rem;color:var(--atomix-primary);cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:all .2s ease;width:2.5rem}.c-video-player__control-button:hover{background:hsla(0,0%,100%,.2)}.c-video-player__control-button:focus{outline:2px solid var(--atomix-primary);outline-offset:2px}.c-video-player__control-button:disabled{cursor:not-allowed;opacity:.5}.c-video-player__control-button svg{height:1.25rem;width:1.25rem}.c-video-player__volume-container{align-items:center;display:flex;gap:.5rem;position:relative}.c-video-player__volume-slider{margin:-.5rem;opacity:0;padding:.5rem;transform:translateX(-.5rem);transition:all .2s ease;visibility:hidden;width:var(--atomix-video-player-volume-width,5rem)}.c-video-player__volume-container:focus-within .c-video-player__volume-slider,.c-video-player__volume-container:hover .c-video-player__volume-slider{opacity:1;transform:translateX(0);visibility:visible}.c-video-player__volume-bar{background:var(--atomix-video-player-volume-bg,hsla(0,0%,100%,.3));border-radius:.125rem;cursor:pointer;height:var(--atomix-video-player-volume-height,.25rem);position:relative;transition:all .2s ease}.c-video-player__volume-bar:focus-within,.c-video-player__volume-bar:hover{background:var(--atomix--video-player-volume-bg-hover,hsla(0,0%,100%,.5));height:var(--atomix--video-player-volume-height-hover,.375rem)}.c-video-player__volume-bar:active{background:var(--atomix--video-player-volume-bg-hover,hsla(0,0%,100%,.5))}.c-video-player__volume-bar:focus{outline:2px solid var(--atomix-primary);outline-offset:2px}.c-video-player__volume-fill{background:var(--atomix--video-player-volume-fill,var(--atomix-primary));border-radius:.125rem;height:100%;position:relative;transition:all .1s ease}.c-video-player__volume-bar:hover .c-video-player__volume-fill{background:var(--atomix--video-player-volume-fill-hover,var(--atomix-primary))}.c-video-player__volume-bar:active .c-video-player__volume-fill{background:var(--atomix--video-player-volume-fill-active,var(--atomix-primary))}.c-video-player__volume-fill:after{background:#fff;border:2px solid var(--atomix-video-player-volume-fill,var(--atomix-primary));border-radius:50%;box-shadow:0 4px 8px rgba(0,0,0,.3);content:"";height:var(--atomix-video-player-volume-thumb-size,.75rem);opacity:0;position:absolute;right:calc(var(--atomix-video-player-volume-thumb-size, .75rem)/-2);top:50%;transform:translateY(-50%);transition:all .2s ease;width:var(--atomix-video-player-volume-thumb-size,.75rem)}.c-video-player__volume-bar:focus-within .c-video-player__volume-fill:after,.c-video-player__volume-bar:hover .c-video-player__volume-fill:after{opacity:1;transform:translateY(-50%) scale(1.1)}.c-video-player__time-display{align-items:center;color:#fff;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;min-width:5rem}.c-video-player__settings-container{position:relative}.c-video-player__settings-menu{backdrop-filter:blur(10px);background-color:rgba(var(--atomix-primary-rgb),.7);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;bottom:3.125rem;min-width:12.5rem;padding:.5rem;position:absolute;right:0}.c-video-player__settings-tabs{border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;margin-bottom:.5rem}.c-video-player__settings-tab{background:transparent;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;flex:1;font-size:.75rem;padding:.5rem .75rem;transition:color .2s ease}.c-video-player__settings-tab--active{border-bottom:2px solid var(--atomix-primary);color:#fff}.c-video-player__settings-tab:hover{color:#fff}.c-video-player__settings-content{max-height:12.5rem;overflow-y:auto}.c-video-player__settings-options{display:flex;flex-direction:column;gap:.125rem}.c-video-player__settings-option{background:transparent;border:none;border-radius:.25rem;color:hsla(0,0%,100%,.8);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;text-align:left;transition:all .2s ease}.c-video-player__settings-option:hover{background:hsla(0,0%,100%,.1);color:#fff}.c-video-player__settings-option--active{background:var(--atomix-primary);color:#fff}@media (max-width:768px){.c-video-player__controls{padding:1rem .75rem .75rem}.c-video-player__controls-left,.c-video-player__controls-right,.c-video-player__controls-row{gap:.25rem}.c-video-player__control-button{height:2.25rem;width:2.25rem}.c-video-player__control-button svg{height:1.125rem;width:1.125rem}.c-video-player__volume-slider{margin:-.25rem;opacity:1;padding:.25rem;transform:translateX(0);visibility:visible;width:var(--atomix-video-player-volume-width-mobile,3.75rem)}.c-video-player__volume-bar{height:var(--atomix-video-player-volume-height-hover,.375rem)}.c-video-player__time-display{font-size:.75rem;min-width:4.375rem}.c-video-player__settings-menu{min-width:10rem;right:-1.25rem}.c-video-player__video::cue{font-size:16px;padding:4.8px 9.6px}.c-video-player__subtitles{bottom:4rem;max-width:95%}.c-video-player__subtitles-text{font-size:16px;padding:4.8px 9.6px}}.c-video-player:fullscreen .c-video-player__controls{padding:1.5rem 1.25rem 1.25rem}.c-video-player:fullscreen .c-video-player__control-button{height:3rem;width:3rem}.c-video-player:fullscreen .c-video-player__control-button svg{height:1.5rem;width:1.5rem}.c-video-player:fullscreen .c-video-player__time-display{font-size:1rem}.c-video-player:fullscreen .c-video-player__video::cue{font-size:24px;padding:7.8px 15.6px}.c-video-player:fullscreen .c-video-player__subtitles{bottom:6rem}.c-video-player:fullscreen .c-video-player__subtitles-text{font-size:24px;padding:7.8px 15.6px}.c-video-player:picture-in-picture .c-video-player__controls{display:none}@media (prefers-color-scheme:dark){.c-video-player{--atomix--video-player-bg:#000}}@media (prefers-color-scheme:light){.c-video-player{--atomix--video-player-bg:#000}}@media (prefers-contrast:high){.c-video-player .c-video-player__progress-bar{background:hsla(0,0%,100%,.8)}.c-video-player .c-video-player__control-button{border:1px solid hsla(0,0%,100%,.5)}}.c-video-player--ambient{overflow:visible}.c-video-player__ambient-canvas{display:none;filter:blur(40px);height:120%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:-1}.c-video-player--ambient .c-video-player__ambient-canvas{display:block}.c-video-player--glass{position:relative}.c-video-player__glass-overlay{border-radius:var(--atomix--video-player-border-radius,.5rem);left:0;overflow:hidden;position:absolute;top:0}.c-video-player__glass-content{bottom:0;left:0;pointer-events:auto;position:absolute;right:0;top:0}.c-video-player__subtitles{bottom:5rem;height:auto;left:50%;max-width:90%;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);width:auto;z-index:var(--atomix--video-player-subtitles-z,4)}.c-video-player__subtitles-text{background:var(--atomix--video-player-subtitle-bg);border-radius:var(--atomix-video-player-subtitle-border-radius);color:var(--atomix--video-player-subtitle-color);display:inline-block;font-size:var(--atomix--video-player-subtitle-font-size);font-weight:var(--atomix-video-player-subtitle-font-weight);line-height:var(--atomix-video-player-subtitle-line-height);margin:.125rem;padding:var(--atomix-video-player-subtitle-padding);text-shadow:var(--atomix-video-player-subtitle-text-shadow);white-space:pre-line;word-wrap:break-word;box-shadow:var(--atomix-video-player-subtitle-box-shadow);max-width:100%}@media (prefers-reduced-motion:reduce){.c-video-player .c-video-player__controls,.c-video-player .c-video-player__progress-buffered,.c-video-player .c-video-player__progress-played,.c-video-player .c-video-player__volume-fill{transition:none}.c-video-player .c-video-player__spinner{animation:none}.c-video-player--ambient .c-video-player__ambient-canvas{display:none}}.c-photo-viewer,.c-photo-viewer__content,.c-photo-viewer__image-container,.c-photo-viewer__thumbnail{align-items:center;display:flex;justify-content:center}.c-photo-viewer,.c-photo-viewer__backdrop,.c-photo-viewer__container,.c-photo-viewer__image{transition:all .25s cubic-bezier(.4,0,.2,1)}.c-photo-viewer__action-button,.c-photo-viewer__info-close,.c-photo-viewer__nav-button,.c-photo-viewer__thumbnail{transition:all .1s cubic-bezier(.4,0,.2,1)}.c-photo-viewer__container{backdrop-filter:blur(8px);background-color:var(--atomix-body-bg);border:1px solid var(--atomix-primary-border-subtle);border-radius:.625rem;box-shadow:0 16px 48px rgba(0,0,0,.175)}.c-photo-viewer__info-panel,.c-photo-viewer__thumbnails{scrollbar-color:var(--atomix-tertiary-text-emphasis) transparent;scrollbar-width:thin}.c-photo-viewer__info-panel::-webkit-scrollbar,.c-photo-viewer__thumbnails::-webkit-scrollbar{width:6px}.c-photo-viewer__info-panel::-webkit-scrollbar-track,.c-photo-viewer__thumbnails::-webkit-scrollbar-track{background:transparent}.c-photo-viewer__info-panel::-webkit-scrollbar-thumb,.c-photo-viewer__thumbnails::-webkit-scrollbar-thumb{background:var(--atomix-tertiary-text-emphasis);border-radius:3px}.c-photo-viewer__info-panel::-webkit-scrollbar-thumb:hover,.c-photo-viewer__thumbnails::-webkit-scrollbar-thumb:hover{background:var(--atomix-secondary-text-emphasis)}.c-photo-viewer__action-button:hover:not(:disabled),.c-photo-viewer__info-close:hover:not(:disabled),.c-photo-viewer__nav-button:hover:not(:disabled){box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.c-photo-viewer__action-button:active:not(:disabled),.c-photo-viewer__info-close:active:not(:disabled),.c-photo-viewer__nav-button:active:not(:disabled){box-shadow:0 2px 4px rgba(0,0,0,.075);transform:translateY(0)}.c-photo-viewer__image{backface-visibility:hidden;image-rendering:auto;image-rendering:-webkit-optimize-contrast;-o-object-fit:contain;object-fit:contain;touch-action:none;transform:translateZ(0);transform-origin:center center;will-change:transform;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.c-photo-viewer__thumbnail{background-color:transparent;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.075);cursor:pointer;overflow:hidden;position:relative}.c-photo-viewer__thumbnail:hover{border-color:var(--atomix-primary-border-subtle);box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-2px)}.is-active.c-photo-viewer__thumbnail{border-color:var(--atomix-primary);box-shadow:0 4px 8px rgba(0,0,0,.1);transform:scale(1.05)}.c-photo-viewer__info-section{margin-bottom:1rem}.c-photo-viewer__info-section:last-child{margin-bottom:0}body.is-open-photoviewer{overflow:hidden;position:fixed;touch-action:none;width:100%;-webkit-touch-callout:none;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-user-select:none}@supports (overflow:clip){body.is-open-photoviewer{overflow:clip}}@media (max-width:768px){body.is-open-photoviewer{-webkit-overflow-scrolling:touch;height:100vh;height:100dvh}}.c-photo-viewer{--atomix-photoviewer-bg:var(--atomix-body-bg);--atomix-photoviewer-border-radius:0.75rem;--atomix-photoviewer-shadow:0 16px 48px rgba(0,0,0,.175);--atomix-photoviewer-backdrop-bg:rgba(17,24,39,.9);--atomix-photoviewer-backdrop-blur:16px;--atomix-photoviewer-spacing:1.5rem;--atomix-photoviewer-transition-duration:0.25s;--atomix-photoviewer-transition-timing:cubic-bezier(0.4,0,0.2,1);background-color:transparent;height:100vh;position:fixed;width:100vw;z-index:1000}.c-photo-viewer,.c-photo-viewer__backdrop{inset:0;opacity:1;transition-property:opacity}.c-photo-viewer__backdrop{backdrop-filter:blur(var(--atomix-photoviewer-backdrop-blur));background:var(--atomix-photoviewer-backdrop-bg);position:absolute;z-index:1}.c-photo-viewer__container{display:flex;flex-direction:column;height:auto;margin:auto;max-height:95vh;max-width:95vw;min-width:320px;padding:var(--atomix-photoviewer-spacing);position:relative;width:auto;z-index:2}.c-photo-viewer__header{align-items:center;background:var(--atomix-body-bg);border-bottom:1px solid var(--atomix-primary-border-subtle);border-radius:.625rem .625rem 0 0;display:flex;flex-shrink:0;justify-content:space-between;min-height:4rem;padding:1rem}.c-photo-viewer__header-left{align-items:center;display:flex;gap:1rem}.c-photo-viewer__counter-badge{background:var(--atomix-primary);border-radius:50rem;color:var(--atomix-white);font-size:.875rem;font-weight:500;padding:.25rem .75rem}.c-photo-viewer__image-title{color:var(--atomix-body-color);font-size:1.25rem;font-weight:600;margin:0}.c-photo-viewer__actions{align-items:center;display:flex;gap:.5rem}.c-photo-viewer__divider{background:var(--atomix-primary-border-subtle);height:1.5rem;margin:0 .25rem;width:1px}.c-photo-viewer__action-button{background:var(--atomix-body-bg);border:1px solid var(--atomix-primary-border-subtle);border-radius:50rem;box-shadow:0 2px 4px rgba(0,0,0,.075);color:var(--atomix-body-color);height:2.5rem;width:2.5rem}.c-photo-viewer__action-button:hover:not(:disabled){background:var(--atomix-secondary-bg-subtle);border-color:var(--atomix-primary);color:var(--atomix-primary)}.c-photo-viewer__action-button:disabled{cursor:not-allowed;opacity:.5}.c-photo-viewer__action-button.is-active{background:var(--atomix-primary);border-color:var(--atomix-primary);color:var(--atomix-body-bg)}.c-photo-viewer__close-button{color:var(--atomix-error)}.c-photo-viewer__close-button:hover:not(:disabled){background:var(--atomix-error-bg-subtle);border-color:var(--atomix-error);color:var(--atomix-error)}.c-photo-viewer__content{border-radius:0 0 .625rem .625rem;flex:1;min-height:0}.c-photo-viewer__content,.c-photo-viewer__image-container{background:var(--atomix-body-bg);overflow:hidden;position:relative}.c-photo-viewer__image-container{cursor:grab;height:100%;width:100%}.c-photo-viewer__image-container.is-transitioning{pointer-events:none}.c-photo-viewer__image-container:active{cursor:grabbing}.c-photo-viewer__image{max-height:100%;max-width:100%;transition-property:transform,opacity}.c-photo-viewer__nav-button{background:var(--atomix-body-bg);border:1px solid var(--atomix-primary-border-subtle);border-radius:50rem;box-shadow:0 2px 4px rgba(0,0,0,.075);color:var(--atomix-body-color);height:3.5rem;position:absolute;top:50%;transform:translateY(-50%)!important;width:3.5rem;z-index:10}.c-photo-viewer__nav-button:hover:not(:disabled){background:var(--atomix-secondary-bg-subtle);border-color:var(--atomix-primary);box-shadow:0 4px 8px rgba(0,0,0,.1);color:var(--atomix-primary)}.c-photo-viewer__nav-button:disabled{cursor:not-allowed;opacity:.3}.c-photo-viewer__nav-button--prev{left:1rem}.c-photo-viewer__nav-button--next{right:1rem}.c-photo-viewer__thumbnails{background:var(--atomix-body-bg);border-top:1px solid var(--atomix-primary-border-subtle);max-height:120px;overflow-y:auto;padding:1.5rem}.c-photo-viewer__thumbnails-container{align-items:center;display:flex;gap:1rem;justify-content:center;min-height:72px}.c-photo-viewer__thumbnail{border:2px solid transparent;flex-shrink:0;height:72px;padding:0;width:72px}.c-photo-viewer__thumbnail.is-active{border-color:var(--atomix-primary)}.c-photo-viewer__thumbnail-wrapper{border-radius:6px;height:100%;overflow:hidden;position:relative;width:100%}.c-photo-viewer__thumbnail-img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .1s cubic-bezier(.4,0,.2,1);width:100%}.c-photo-viewer__thumbnail-indicator{background:var(--atomix-primary);border-radius:2px;bottom:0;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.c-photo-viewer__info-panel{background:var(--atomix-body-bg);border-left:1px solid var(--atomix-primary-border-subtle);box-shadow:0 16px 48px rgba(0,0,0,.175);height:100%;overflow-y:auto;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);width:360px;z-index:20}.c-photo-viewer--info-open .c-photo-viewer__info-panel{transform:translateX(0)}.c-photo-viewer__info-header{align-items:center;background:var(--atomix-body-bg);border-bottom:1px solid var(--atomix-primary-border-subtle);display:flex;justify-content:space-between;padding:1rem;position:sticky;top:0;z-index:1}.c-photo-viewer__info-panel-title{color:var(--atomix-body-color);font-size:1.25rem;font-weight:600;margin:0}.c-photo-viewer__info-close{background:var(--atomix-body-bg);border:1px solid var(--atomix-primary-border-subtle);border-radius:50rem;box-shadow:0 2px 4px rgba(0,0,0,.075);color:var(--atomix-body-color);height:2.5rem;width:2.5rem}.c-photo-viewer__info-close:hover:not(:disabled){background:var(--atomix-secondary-bg-subtle);border-color:var(--atomix-primary);color:var(--atomix-primary)}.c-photo-viewer__info-content{padding:1rem}.c-photo-viewer__info-title{color:var(--atomix-body-color);font-size:1.25rem;font-weight:600;margin:0}.c-photo-viewer__info-description{color:var(--atomix-secondary-text-emphasis);font-size:1rem;line-height:1.5;margin:0}.c-photo-viewer__info-meta{display:flex;flex-direction:column;gap:.5rem}.c-photo-viewer__info-meta-item{align-items:center;color:var(--atomix-tertiary-text-emphasis);display:flex;font-size:.875rem;gap:.5rem}.c-photo-viewer__info-section-title{color:var(--atomix-body-color);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.c-photo-viewer__info-tags{display:flex;flex-wrap:wrap;gap:.5rem}.c-photo-viewer__info-tag{background:var(--atomix-secondary-bg-subtle);border-radius:.25rem;color:var(--atomix-secondary-text-emphasis);font-size:.75rem;font-weight:500;padding:.25rem .5rem;transition:all .1s cubic-bezier(.4,0,.2,1)}.c-photo-viewer__info-tag:hover{background:var(--atomix-primary-bg-subtle);color:var(--atomix-primary)}@media (max-width:768px){.c-photo-viewer__container{border-radius:0;max-height:100vh;max-width:100vw;padding:0}.c-photo-viewer__header{border-radius:0;padding:.75rem}.c-photo-viewer__content{border-radius:0}.c-photo-viewer__nav-button{height:2.5rem;width:2.5rem}.c-photo-viewer__nav-button--prev{left:.5rem}.c-photo-viewer__nav-button--next{right:.5rem}.c-photo-viewer__thumbnails{padding:.75rem}.c-photo-viewer__info-panel{position:fixed;right:0;top:0;transform:translateX(100%);width:100%}.c-photo-viewer__info-content,.c-photo-viewer__info-header{padding:.75rem}}.c-photo-viewer--fullscreen__container{border-radius:0;max-height:100vh;max-width:100vw;padding:0}.c-photo-viewer--fullscreen__content,.c-photo-viewer--fullscreen__header{border-radius:0}.c-photo-viewer--dragging__image-container{cursor:grabbing}.c-photo-viewer--dragging__image{transition:none}.c-photo-viewer--thumbnails-top .c-photo-viewer__container{flex-direction:column}.c-photo-viewer--thumbnails-top .c-photo-viewer__thumbnails{border-bottom:1px solid var(--atomix-primary-border-subtle);border-radius:.625rem .625rem 0 0;border-top:none;order:-1}.c-photo-viewer--thumbnails-top .c-photo-viewer__header{border-bottom:1px solid var(--atomix-primary-border-subtle);border-radius:0;order:0}.c-photo-viewer--thumbnails-top .c-photo-viewer__content{border-radius:0 0 .625rem .625rem;border-top:none;order:1}.c-photo-viewer--thumbnails-left .c-photo-viewer__container{flex-direction:row;max-width:calc(95vw + 360px)}.c-photo-viewer--thumbnails-left .c-photo-viewer__thumbnails{border-bottom:none;border-radius:.625rem 0 0 .625rem;border-right:1px solid var(--atomix-primary-border-subtle);border-top:none;display:flex;flex-direction:column;max-height:none;max-width:120px;min-width:120px;order:-1;padding:1.5rem .75rem}.c-photo-viewer--thumbnails-left .c-photo-viewer__thumbnails-container{flex:1;flex-direction:column;justify-content:flex-start;min-height:auto;min-width:72px}.c-photo-viewer--thumbnails-left .c-photo-viewer__content,.c-photo-viewer--thumbnails-left .c-photo-viewer__header{order:1}.c-photo-viewer--thumbnails-left .c-photo-viewer__header{align-items:flex-start;border-left:none;border-radius:0 .625rem 0 0;flex-direction:column;justify-content:flex-start;min-height:auto;padding:.75rem;position:relative}.c-photo-viewer--thumbnails-left .c-photo-viewer__header-left{align-self:flex-start;margin-bottom:1rem}.c-photo-viewer--thumbnails-left .c-photo-viewer__actions{align-items:stretch;flex-direction:column;gap:.5rem}.c-photo-viewer--thumbnails-left .c-photo-viewer__content{border-left:none;border-radius:0 0 .625rem 0;flex:1}.c-photo-viewer--thumbnails-right .c-photo-viewer__container{flex-direction:row;max-width:calc(95vw + 360px)}.c-photo-viewer--thumbnails-right .c-photo-viewer__thumbnails{border-bottom:none;border-left:1px solid var(--atomix-primary-border-subtle);border-radius:0 .625rem .625rem 0;border-top:none;display:flex;flex-direction:column;max-height:none;max-width:120px;min-width:120px;order:1;padding:1.5rem .75rem}.c-photo-viewer--thumbnails-right .c-photo-viewer__thumbnails-container{flex:1;flex-direction:column;justify-content:flex-start;min-height:auto;min-width:72px}.c-photo-viewer--thumbnails-right .c-photo-viewer__content,.c-photo-viewer--thumbnails-right .c-photo-viewer__header{order:0}.c-photo-viewer--thumbnails-right .c-photo-viewer__header{align-items:stretch;border-radius:.625rem 0 0 0;border-right:none;flex-direction:column;min-height:auto;padding:.75rem;width:100%}.c-photo-viewer--thumbnails-right .c-photo-viewer__header-left{align-self:flex-start;margin-bottom:1rem}.c-photo-viewer--thumbnails-right .c-photo-viewer__actions{align-items:stretch;flex-direction:column;gap:.5rem}.c-photo-viewer--thumbnails-right .c-photo-viewer__content{border-radius:0 0 0 .625rem;border-right:none;flex:1}.c-photo-viewer--thumbnails-bottom .c-photo-viewer__header{border-radius:.625rem .625rem 0 0}.c-photo-viewer--thumbnails-bottom .c-photo-viewer__content,.c-photo-viewer--thumbnails-bottom .c-photo-viewer__thumbnails{border-radius:0 0 .625rem .625rem}.c-photo-viewer--thumbnails-none .c-photo-viewer__thumbnails{display:none}.c-photo-viewer--thumbnails-none .c-photo-viewer__container{border-radius:.625rem}.c-photo-viewer--thumbnails-none .c-photo-viewer__header{border-radius:.625rem .625rem 0 0}.c-photo-viewer--thumbnails-none .c-photo-viewer__content{border-radius:0 0 .625rem .625rem}@media (max-width:768px){.c-photo-viewer--thumbnails-left .c-photo-viewer__container,.c-photo-viewer--thumbnails-right .c-photo-viewer__container{border-radius:0;flex-direction:column;max-width:100vw}.c-photo-viewer--thumbnails-left .c-photo-viewer__thumbnails,.c-photo-viewer--thumbnails-right .c-photo-viewer__thumbnails{border:none;border-radius:0;border-top:1px solid var(--atomix-primary-border-subtle);display:block;max-width:none;min-width:auto;order:1;padding:.75rem}.c-photo-viewer--thumbnails-left .c-photo-viewer__thumbnails-container,.c-photo-viewer--thumbnails-right .c-photo-viewer__thumbnails-container{flex-direction:row;justify-content:center;min-height:72px;min-width:auto}.c-photo-viewer--thumbnails-left .c-photo-viewer__content,.c-photo-viewer--thumbnails-right .c-photo-viewer__content{border-radius:0;display:flex;flex-direction:column;order:0}.c-photo-viewer--thumbnails-left .c-photo-viewer__header,.c-photo-viewer--thumbnails-right .c-photo-viewer__header{align-items:center;border-bottom:1px solid var(--atomix-primary-border-subtle);border-left:1px solid var(--atomix-primary-border-subtle);border-radius:0;border-right:1px solid var(--atomix-primary-border-subtle);flex-direction:row;justify-content:space-between;padding:1rem}.c-photo-viewer--thumbnails-left .c-photo-viewer__header-left,.c-photo-viewer--thumbnails-right .c-photo-viewer__header-left{align-self:auto;margin-bottom:0}.c-photo-viewer--thumbnails-left .c-photo-viewer__actions,.c-photo-viewer--thumbnails-right .c-photo-viewer__actions{align-items:center;flex-direction:row;gap:.5rem}.c-photo-viewer--thumbnails-top .c-photo-viewer__container{border-radius:0;flex-direction:column}.c-photo-viewer--thumbnails-top .c-photo-viewer__thumbnails{border-radius:0;order:-1}.c-photo-viewer--thumbnails-top .c-photo-viewer__header{border-bottom:1px solid var(--atomix-primary-border-subtle);border-radius:0;order:0}.c-photo-viewer--thumbnails-top .c-photo-viewer__content{border-radius:0;order:1}.c-photo-viewer--thumbnails-bottom .c-photo-viewer__container,.c-photo-viewer--thumbnails-bottom .c-photo-viewer__content,.c-photo-viewer--thumbnails-bottom .c-photo-viewer__header,.c-photo-viewer--thumbnails-bottom .c-photo-viewer__thumbnails,.c-photo-viewer--thumbnails-none .c-photo-viewer__container,.c-photo-viewer--thumbnails-none .c-photo-viewer__content,.c-photo-viewer--thumbnails-none .c-photo-viewer__header{border-radius:0}}.c-image-gallery{margin:0 auto;max-width:1200px;padding:1rem;width:100%}.c-image-gallery__title{color:#1f2937;font-size:1.25rem;margin-bottom:.5rem}.c-image-gallery__description{color:#4b5563;font-size:1.125rem;margin-bottom:1.5rem;max-width:800px}.c-image-gallery__item{border-radius:.625rem;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.c-image-gallery__item:hover{box-shadow:0 16px 48px rgba(0,0,0,.175);transform:translateY(-5px)}.c-image-gallery__item:hover .c-image-gallery__card{border-color:#b94dff}.c-image-gallery__card{height:100%;transition:border-color .3s ease}.c-image-gallery__card img{height:auto;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease;width:100%}.c-image-gallery__card:hover img{transform:scale(1.05)}@media (max-width:768px){.c-image-gallery__title{font-size:1.75rem}.c-image-gallery__description{font-size:.875rem}}
|
|
447
|
+
/*!
|
|
448
|
+
* Mashroom Theme Utilities Index
|
|
449
|
+
* Psychedelic mushroom-inspired theme with trippy visuals
|
|
450
|
+
*/.u-clearfix:after{clear:both!important;content:""!important;display:block!important}.u-glass-clean-root{contain:none!important;isolation:auto!important;transform:none!important;transform-style:flat!important;will-change:auto!important;z-index:unset}.u-glass-debug{outline:2px dashed red!important}.u-glass-debug:after{background:red;color:#fff;content:"Glass Debug";font-size:10px;left:0;padding:2px 4px;position:absolute;top:-20px;z-index:9999}@media (prefers-reduced-motion:reduce){.u-glass-no-motion{animation:none!important;transition:none!important}}.u-link-primary{color:RGBA(var(--atomix-primary-rgb),var(--atomix-u-link-opacity,1))!important;text-decoration-color:RGBA(var(--atomix-primary-rgb),var(--atomix-u-link-underline-opacity,1))!important}.u-link-primary:focus,.u-link-primary:hover{color:RGBA(171.7,38.25,255,var(--atomix-u-link-opacity,1))!important;text-decoration-color:RGBA(171.7,38.25,255,var(--atomix-u-link-underline-opacity,1))!important}.u-link-secondary{color:RGBA(var(--atomix-secondary-rgb),var(--atomix-u-link-opacity,1))!important;text-decoration-color:RGBA(var(--atomix-secondary-rgb),var(--atomix-u-link-underline-opacity,1))!important}.u-link-secondary:focus,.u-link-secondary:hover{color:RGBA(244.8,245.65,247.35,var(--atomix-u-link-opacity,1))!important;text-decoration-color:RGBA(244.8,245.65,247.35,var(--atomix-u-link-underline-opacity,1))!important}.u-link-success{color:RGBA(var(--atomix-success-rgb),var(--atomix-u-link-opacity,1))!important;text-decoration-color:RGBA(var(--atomix-success-rgb),var(--atomix-u-link-underline-opacity,1))!important}.u-link-success:focus,.u-link-success:hover{color:RGBA(38.25,222.7,150.45,var(--atomix-u-link-opacity,1))!important;text-decoration-color:RGBA(38.25,222.7,150.45,var(--atomix-u-link-underline-opacity,1))!important}.u-link-info{color:RGBA(var(--atomix-info-rgb),var(--atomix-u-link-opacity,1))!important;text-decoration-color:RGBA(var(--atomix-info-rgb),var(--atomix-u-link-underline-opacity,1))!important}.u-link-info:focus,.u-link-info:hover{color:RGBA(38.25,157.25,255,var(--atomix-u-link-opacity,1))!important;text-decoration-color:RGBA(38.25,157.25,255,var(--atomix-u-link-underline-opacity,1))!important}.u-link-warning{color:RGBA(var(--atomix-warning-rgb),var(--atomix-u-link-opacity,1))!important;text-decoration-color:RGBA(var(--atomix-warning-rgb),var(--atomix-u-link-underline-opacity,1))!important}.u-link-warning:focus,.u-link-warning:hover{color:RGBA(255,197.2,38.25,var(--atomix-u-link-opacity,1))!important;text-decoration-color:RGBA(255,197.2,38.25,var(--atomix-u-link-underline-opacity,1))!important}.u-link-error{color:RGBA(var(--atomix-error-rgb),var(--atomix-u-link-opacity,1))!important;text-decoration-color:RGBA(var(--atomix-error-rgb),var(--atomix-u-link-underline-opacity,1))!important}.u-link-error:focus,.u-link-error:hover{color:RGBA(255,65.45,151.3,var(--atomix-u-link-opacity,1))!important;text-decoration-color:RGBA(255,65.45,151.3,var(--atomix-u-link-underline-opacity,1))!important}.u-link-light{color:RGBA(var(--atomix-light-rgb),var(--atomix-u-link-opacity,1))!important;text-decoration-color:RGBA(var(--atomix-light-rgb),var(--atomix-u-link-underline-opacity,1))!important}.u-link-light:focus,.u-link-light:hover{color:RGBA(249.9,250.75,251.6,var(--atomix-u-link-opacity,1))!important;text-decoration-color:RGBA(249.9,250.75,251.6,var(--atomix-u-link-underline-opacity,1))!important}.u-link-dark{color:RGBA(var(--atomix-dark-rgb),var(--atomix-u-link-opacity,1))!important;text-decoration-color:RGBA(var(--atomix-dark-rgb),var(--atomix-u-link-underline-opacity,1))!important}.u-link-dark:focus,.u-link-dark:hover{color:RGBA(64.6,73.1,85,var(--atomix-u-link-opacity,1))!important;text-decoration-color:RGBA(64.6,73.1,85,var(--atomix-u-link-underline-opacity,1))!important}.u-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.u-bg-primary{background-color:#9d00ff}.u-bg-secondary{background-color:#f3f4f6}.u-bg-success{background-color:#00d984}.u-bg-info{background-color:#008cff}.u-bg-warning{background-color:#fb0}.u-bg-error{background-color:#ff2085}.u-bg-light{background-color:#f9fafb}.u-bg-dark{background-color:#1f2937}.u-bg-black{background-color:#000}.u-bg-white{background-color:#fff}.u-bg-body{background-color:var(--atomix-body-bg)}.u-bg-primary-subtle{background-color:var(--atomix-primary-bg-subtle)}.u-bg-secondary-subtle{background-color:var(--atomix-secondary-bg-subtle)}.u-bg-tertiary-subtle{background-color:var(--atomix-tertiary-bg-subtle)}.u-bg-invert-subtle{background-color:var(--atomix-invert-bg-subtle)}.u-bg-brand-subtle{background-color:var(--atomix-brand-bg-subtle)}.u-bg-success-subtle{background-color:var(--atomix-success-bg-subtle)}.u-bg-info-subtle{background-color:var(--atomix-info-bg-subtle)}.u-bg-warning-subtle{background-color:var(--atomix-warning-bg-subtle)}.u-bg-error-subtle{background-color:var(--atomix-error-bg-subtle)}.u-bg-light-subtle{background-color:var(--atomix-light-bg-subtle)}.u-bg-dark-subtle{background-color:var(--atomix-dark-bg-subtle)}.u-bg-transparent{background-color:transparent}.u-border{border:var(--atomix-border-width) var(--atomix-border-style) var(--atomix-border-color)}.u-border-0{border:0}.u-border-t{border-top:var(--atomix-border-width) var(--atomix-border-style) var(--atomix-border-color)}.u-border-t-0{border-top:0}.u-border-e{border-inline-end:var(--atomix-border-width) var(--atomix-border-style) var(--atomix-border-color)}.u-border-e-0{border-inline-end:0}.u-border-b{border-bottom:var(--atomix-border-width) var(--atomix-border-style) var(--atomix-border-color)}.u-border-b-0{border-bottom:0}.u-border-s{border-inline-start:var(--atomix-border-width) var(--atomix-border-style) var(--atomix-border-color)}.u-border-s-0{border-inline-start:0}.u-border-primary{border-color:#9d00ff}.u-border-secondary{border-color:#f3f4f6}.u-border-success{border-color:#00d984}.u-border-info{border-color:#008cff}.u-border-warning{border-color:#fb0}.u-border-error{border-color:#ff2085}.u-border-light{border-color:#f9fafb}.u-border-dark{border-color:#1f2937}.u-border-black{border-color:#000}.u-border-white{border-color:#fff}.u-border-primary-subtle{border-color:var(--atomix-primary-border-subtle)}.u-border-secondary-subtle{border-color:var(--atomix-secondary-border-subtle)}.u-border-success-subtle{border-color:var(--atomix-success-border-subtle)}.u-border-info-subtle{border-color:var(--atomix-info-border-subtle)}.u-border-warning-subtle{border-color:var(--atomix-warning-border-subtle)}.u-border-error-subtle{border-color:var(--atomix-error-border-subtle)}.u-border-brand-subtle{border-color:var(--atomix-brand-border-subtle)}.u-border-light-subtle{border-color:var(--atomix-light-border-subtle)}.u-border-dark-subtle{border-color:var(--atomix-dark-border-subtle)}.u-border-1{border-width:1px}.u-border-2{border-width:2px}.u-border-3{border-width:3px}.u-border-4{border-width:4px}.u-border-5{border-width:5px}.u-border-opacity-10{--atomix-u-u-border-opacity-10:0.1}.u-border-opacity-25{--atomix-u-u-border-opacity-25:0.25}.u-border-opacity-50{--atomix-u-u-border-opacity-50:0.5}.u-border-opacity-75{--atomix-u-u-border-opacity-75:0.75}.u-border-opacity-100{--atomix-u-u-border-opacity-100:1}.u-rounded{border-radius:var(--atomix-border-radius)}.u-rounded-0{border-radius:0}.u-rounded-sm{border-radius:var(--atomix-border-radius-sm)}.u-rounded-md{border-radius:var(--atomix-border-radius)}.u-rounded-lg{border-radius:var(--atomix-border-radius-lg)}.u-rounded-xl{border-radius:var(--atomix-border-radius-xl)}.u-rounded-xxl{border-radius:var(--atomix-border-radius-xxl)}.u-rounded-circle{border-radius:50%}.u-rounded-pill{border-radius:var(--atomix-border-radius-pill)}.u-rounded-top{border-start-end-radius:var(--atomix-border-radius);border-start-start-radius:var(--atomix-border-radius)}.u-rounded-top-0{border-start-end-radius:0;border-start-start-radius:0}.u-rounded-top-sm{border-start-end-radius:var(--atomix-border-radius-sm);border-start-start-radius:var(--atomix-border-radius-sm)}.u-rounded-top-md{border-start-end-radius:var(--atomix-border-radius);border-start-start-radius:var(--atomix-border-radius)}.u-rounded-top-lg{border-start-end-radius:var(--atomix-border-radius-lg);border-start-start-radius:var(--atomix-border-radius-lg)}.u-rounded-top-xl{border-start-end-radius:var(--atomix-border-radius-xl);border-start-start-radius:var(--atomix-border-radius-xl)}.u-rounded-top-xxl{border-start-end-radius:var(--atomix-border-radius-xxl);border-start-start-radius:var(--atomix-border-radius-xxl)}.u-rounded-top-circle{border-start-end-radius:50%;border-start-start-radius:50%}.u-rounded-top-pill{border-start-end-radius:var(--atomix-border-radius-pill);border-start-start-radius:var(--atomix-border-radius-pill)}.u-rounded-end{border-end-end-radius:var(--atomix-border-radius);border-start-end-radius:var(--atomix-border-radius)}.u-rounded-end-0{border-end-end-radius:0;border-start-end-radius:0}.u-rounded-end-sm{border-end-end-radius:var(--atomix-border-radius-sm);border-start-end-radius:var(--atomix-border-radius-sm)}.u-rounded-end-md{border-end-end-radius:var(--atomix-border-radius);border-start-end-radius:var(--atomix-border-radius)}.u-rounded-end-lg{border-end-end-radius:var(--atomix-border-radius-lg);border-start-end-radius:var(--atomix-border-radius-lg)}.u-rounded-end-xl{border-end-end-radius:var(--atomix-border-radius-xl);border-start-end-radius:var(--atomix-border-radius-xl)}.u-rounded-end-xxl{border-end-end-radius:var(--atomix-border-radius-xxl);border-start-end-radius:var(--atomix-border-radius-xxl)}.u-rounded-end-circle{border-end-end-radius:50%;border-start-end-radius:50%}.u-rounded-end-pill{border-end-end-radius:var(--atomix-border-radius-pill);border-start-end-radius:var(--atomix-border-radius-pill)}.u-rounded-bottom{border-end-end-radius:var(--atomix-border-radius);border-end-start-radius:var(--atomix-border-radius)}.u-rounded-bottom-0{border-end-end-radius:0;border-end-start-radius:0}.u-rounded-bottom-sm{border-end-end-radius:var(--atomix-border-radius-sm);border-end-start-radius:var(--atomix-border-radius-sm)}.u-rounded-bottom-md{border-end-end-radius:var(--atomix-border-radius);border-end-start-radius:var(--atomix-border-radius)}.u-rounded-bottom-lg{border-end-end-radius:var(--atomix-border-radius-lg);border-end-start-radius:var(--atomix-border-radius-lg)}.u-rounded-bottom-xl{border-end-end-radius:var(--atomix-border-radius-xl);border-end-start-radius:var(--atomix-border-radius-xl)}.u-rounded-bottom-xxl{border-end-end-radius:var(--atomix-border-radius-xxl);border-end-start-radius:var(--atomix-border-radius-xxl)}.u-rounded-bottom-circle{border-end-end-radius:50%;border-end-start-radius:50%}.u-rounded-bottom-pill{border-end-end-radius:var(--atomix-border-radius-pill);border-end-start-radius:var(--atomix-border-radius-pill)}.u-rounded-start{border-end-start-radius:var(--atomix-border-radius);border-start-start-radius:var(--atomix-border-radius)}.u-rounded-start-0{border-end-start-radius:0;border-start-start-radius:0}.u-rounded-start-sm{border-end-start-radius:var(--atomix-border-radius-sm);border-start-start-radius:var(--atomix-border-radius-sm)}.u-rounded-start-md{border-end-start-radius:var(--atomix-border-radius);border-start-start-radius:var(--atomix-border-radius)}.u-rounded-start-lg{border-end-start-radius:var(--atomix-border-radius-lg);border-start-start-radius:var(--atomix-border-radius-lg)}.u-rounded-start-xl{border-end-start-radius:var(--atomix-border-radius-xl);border-start-start-radius:var(--atomix-border-radius-xl)}.u-rounded-start-xxl{border-end-start-radius:var(--atomix-border-radius-xxl);border-start-start-radius:var(--atomix-border-radius-xxl)}.u-rounded-start-circle{border-end-start-radius:50%;border-start-start-radius:50%}.u-rounded-start-pill{border-end-start-radius:var(--atomix-border-radius-pill);border-start-start-radius:var(--atomix-border-radius-pill)}.u-d-inline{display:inline}.u-d-inline-block{display:inline-block}.u-d-block{display:block}.u-d-grid{display:grid}.u-d-inline-grid{display:inline-grid}.u-d-table{display:table}.u-d-table-row{display:table-row}.u-d-table-cell{display:table-cell}.u-d-flex{display:flex}.u-d-inline-flex{display:inline-flex}.u-d-none{display:none}.u-flex-fill{flex:1 1 auto}.u-flex-row{flex-direction:row}.u-flex-column{flex-direction:column}.u-flex-row-reverse{flex-direction:row-reverse}.u-flex-column-reverse{flex-direction:column-reverse}.u-flex-grow-0{flex-grow:0}.u-flex-grow-1{flex-grow:1}.u-flex-shrink-0{flex-shrink:0}.u-flex-shrink-1{flex-shrink:1}.u-flex-wrap{flex-wrap:wrap}.u-flex-nowrap{flex-wrap:nowrap}.u-flex-wrap-reverse{flex-wrap:wrap-reverse}.u-justify-content-start{justify-content:flex-start}.u-justify-content-end{justify-content:flex-end}.u-justify-content-center{justify-content:center}.u-justify-content-between{justify-content:space-between}.u-justify-content-around{justify-content:space-around}.u-justify-content-evenly{justify-content:space-evenly}.u-align-items-start{align-items:flex-start}.u-align-items-end{align-items:flex-end}.u-align-items-center{align-items:center}.u-align-items-baseline{align-items:baseline}.u-align-items-stretch{align-items:stretch}.u-align-content-start{align-content:flex-start}.u-align-content-end{align-content:flex-end}.u-align-content-center{align-content:center}.u-align-content-between{align-content:space-between}.u-align-content-around{align-content:space-around}.u-align-content-stretch{align-content:stretch}.u-align-self-auto{align-self:auto}.u-align-self-start{align-self:flex-start}.u-align-self-end{align-self:flex-end}.u-align-self-center{align-self:center}.u-align-self-baseline{align-self:baseline}.u-align-self-stretch{align-self:stretch}.u-order-first{order:-1}.u-order-0{order:0}.u-order-1{order:1}.u-order-2{order:2}.u-order-3{order:3}.u-order-4{order:4}.u-order-5{order:5}.u-order-last{order:6}.u-bg-gradient-primary{background-image:linear-gradient(135deg,#f0d8ff,#e2b0ff,#d080ff)}.u-bg-gradient-secondary{background-image:linear-gradient(135deg,#f3f4f6,#e5e7eb,#d1d5db)}.u-bg-gradient-light{background-image:linear-gradient(135deg,#f9fafb,#f3f4f6,#e5e7eb)}.u-bg-gradient-dark{background-image:linear-gradient(135deg,#4b5563,#1f2937,#000)}.u-bg-gradient-success{background-image:linear-gradient(135deg,#d0ffeb,#50ffbb,#00ff9d)}.u-bg-gradient-info{background-image:linear-gradient(135deg,#d0f8ff,#90e8ff,#00b4ff)}.u-bg-gradient-warning{background-image:linear-gradient(135deg,#ffffd8,#ffffb0,#ffdd20)}.u-bg-gradient-error{background-image:linear-gradient(135deg,#fff0f5,#ffe0eb,#ffc0d5)}.u-link-opacityhover-10{--atomix-u-u-link-opacity-10:0.1}.u-link-opacityhover-25{--atomix-u-u-link-opacity-25:0.25}.u-link-opacityhover-50{--atomix-u-u-link-opacity-50:0.5}.u-link-opacityhover-75{--atomix-u-u-link-opacity-75:0.75}.u-link-opacityhover-100{--atomix-u-u-link-opacity-100:1}.u-link-offsethover-1{text-underline-offset:.125em}.u-link-offsethover-2{text-underline-offset:.25em}.u-link-offsethover-3{text-underline-offset:.375em}.u-link-underline-primary{text-decoration-color:#9d00ff}.u-link-underline-secondary{text-decoration-color:#f3f4f6}.u-link-underline-success{text-decoration-color:#00d984}.u-link-underline-info{text-decoration-color:#008cff}.u-link-underline-warning{text-decoration-color:#fb0}.u-link-underline-error{text-decoration-color:#ff2085}.u-link-underline-light{text-decoration-color:#f9fafb}.u-link-underline-dark{text-decoration-color:#1f2937}.u-link-underline-black{text-decoration-color:#000}.u-link-underline-white{text-decoration-color:#fff}.u-link-underline{text-decoration-color:rgba(var(--atomix-link-color-rgb),var(--atomix-u-link-underline-opacity,1))}.u-link-underline-opacityhover-0{--atomix-u-u-link-underline-opacity-0:0}.u-link-underline-opacityhover-10{--atomix-u-u-link-underline-opacity-10:0.1}.u-link-underline-opacityhover-25{--atomix-u-u-link-underline-opacity-25:0.25}.u-link-underline-opacityhover-50{--atomix-u-u-link-underline-opacity-50:0.5}.u-link-underline-opacityhover-75{--atomix-u-u-link-underline-opacity-75:0.75}.u-link-underline-opacityhover-100{--atomix-u-u-link-underline-opacity-100:1}.u-object-fit-contain{-o-object-fit:contain;object-fit:contain}.u-object-fit-cover{-o-object-fit:cover;object-fit:cover}.u-object-fit-fill{-o-object-fit:fill;object-fit:fill}.u-object-fit-scale{-o-object-fit:scale-down;object-fit:scale-down}.u-object-fit-none{-o-object-fit:none;object-fit:none}.u-opacity-0{opacity:0}.u-opacity-25{opacity:.25}.u-opacity-50{opacity:.5}.u-opacity-75{opacity:.75}.u-opacity-100{opacity:1}.u-overflow-auto{overflow:auto}.u-overflow-hidden{overflow:hidden}.u-overflow-visible{overflow:visible}.u-overflow-scroll{overflow:scroll}.u-overflow-x-auto{overflow-x:auto}.u-overflow-x-hidden{overflow-x:hidden}.u-overflow-x-visible{overflow-x:visible}.u-overflow-x-scroll{overflow-x:scroll}.u-overflow-y-auto{overflow-y:auto}.u-overflow-y-hidden{overflow-y:hidden}.u-overflow-y-visible{overflow-y:visible}.u-overflow-y-scroll{overflow-y:scroll}.u-position-static{position:static}.u-position-relative{position:relative}.u-position-absolute{position:absolute}.u-position-fixed{position:fixed}.u-position-sticky{position:sticky}.u-top-0{top:0}.u-top-25{top:25%}.u-top-50{top:50%}.u-top-75{top:75%}.u-top-100{top:100%}.u-bottom-0{bottom:0}.u-bottom-25{bottom:25%}.u-bottom-50{bottom:50%}.u-bottom-75{bottom:75%}.u-bottom-100{bottom:100%}.u-start-0{inset-inline-start:0}.u-start-25{inset-inline-start:25%}.u-start-50{inset-inline-start:50%}.u-start-75{inset-inline-start:75%}.u-start-100{inset-inline-start:100%}.u-end-0{inset-inline-end:0}.u-end-25{inset-inline-end:25%}.u-end-50{inset-inline-end:50%}.u-end-75{inset-inline-end:75%}.u-end-100{inset-inline-end:100%}.u-translate-middle{transform:translate(-50%,-50%)}.u-translate-middle-x{transform:translateX(-50%)}.u-translate-middle-y{transform:translateY(-50%)}.u-shadow{box-shadow:var(--atomix-box-shadow)}.u-shadow-xs{box-shadow:var(--atomix-box-shadow-xs)}.u-shadow-sm{box-shadow:var(--atomix-box-shadow-sm)}.u-shadow-lg{box-shadow:var(--atomix-box-shadow-lg)}.u-shadow-xl{box-shadow:var(--atomix-box-shadow-xl)}.u-shadow-inset{box-shadow:var(--atomix-box-shadow-inset)}.u-shadow-none{box-shadow:none}.u-w-5{width:5%}.u-w-10{width:10%}.u-w-25{width:25%}.u-w-50{width:50%}.u-w-75{width:75%}.u-w-100{width:100%}.u-w-auto{width:auto}.u-mw-100{max-width:100%}.u-vw-100{width:100vw}.u-min-vw-100{min-width:100vw}.u-h-5{height:5%}.u-h-10{height:10%}.u-h-25{height:25%}.u-h-50{height:50%}.u-h-75{height:75%}.u-h-100{height:100%}.u-h-auto{height:auto}.u-mh-100{max-height:100%}.u-vh-100{height:100vh}.u-min-vh-100{min-height:100vh}.u-m-0{margin:0}.u-m-1{margin:.25rem}.u-m-px-6{margin:.375rem}.u-m-2{margin:.5rem}.u-m-px-10{margin:.625rem}.u-m-3{margin:.75rem}.u-m-px-14{margin:.875rem}.u-m-4{margin:1rem}.u-m-5{margin:1.25rem}.u-m-px-22{margin:1.375rem}.u-m-6{margin:1.5rem}.u-m-7{margin:1.75rem}.u-m-px-30{margin:1.875rem}.u-m-8{margin:2rem}.u-m-9{margin:2.25rem}.u-m-10{margin:2.5rem}.u-m-11{margin:2.75rem}.u-m-12{margin:3rem}.u-m-14{margin:3.5rem}.u-m-16{margin:4rem}.u-m-20{margin:5rem}.u-m-24{margin:6rem}.u-m-28{margin:7rem}.u-m-32{margin:8rem}.u-m-36{margin:9rem}.u-m-40{margin:10rem}.u-m-44{margin:11rem}.u-m-48{margin:12rem}.u-m-52{margin:13rem}.u-m-56{margin:14rem}.u-m-60{margin:15rem}.u-m-64{margin:16rem}.u-m-72{margin:18rem}.u-m-80{margin:20rem}.u-m-90{margin:22.5rem}.u-m-200{margin:50rem}.u-m-auto{margin:auto}.u-mx-0{margin-inline:0}.u-mx-1{margin-inline:.25rem}.u-mx-px-6{margin-inline:.375rem}.u-mx-2{margin-inline:.5rem}.u-mx-px-10{margin-inline:.625rem}.u-mx-3{margin-inline:.75rem}.u-mx-px-14{margin-inline:.875rem}.u-mx-4{margin-inline:1rem}.u-mx-5{margin-inline:1.25rem}.u-mx-px-22{margin-inline:1.375rem}.u-mx-6{margin-inline:1.5rem}.u-mx-7{margin-inline:1.75rem}.u-mx-px-30{margin-inline:1.875rem}.u-mx-8{margin-inline:2rem}.u-mx-9{margin-inline:2.25rem}.u-mx-10{margin-inline:2.5rem}.u-mx-11{margin-inline:2.75rem}.u-mx-12{margin-inline:3rem}.u-mx-14{margin-inline:3.5rem}.u-mx-16{margin-inline:4rem}.u-mx-20{margin-inline:5rem}.u-mx-24{margin-inline:6rem}.u-mx-28{margin-inline:7rem}.u-mx-32{margin-inline:8rem}.u-mx-36{margin-inline:9rem}.u-mx-40{margin-inline:10rem}.u-mx-44{margin-inline:11rem}.u-mx-48{margin-inline:12rem}.u-mx-52{margin-inline:13rem}.u-mx-56{margin-inline:14rem}.u-mx-60{margin-inline:15rem}.u-mx-64{margin-inline:16rem}.u-mx-72{margin-inline:18rem}.u-mx-80{margin-inline:20rem}.u-mx-90{margin-inline:22.5rem}.u-mx-200{margin-inline:50rem}.u-mx-auto{margin-inline:auto}.u-my-0{margin-block:0}.u-my-1{margin-block:.25rem}.u-my-px-6{margin-block:.375rem}.u-my-2{margin-block:.5rem}.u-my-px-10{margin-block:.625rem}.u-my-3{margin-block:.75rem}.u-my-px-14{margin-block:.875rem}.u-my-4{margin-block:1rem}.u-my-5{margin-block:1.25rem}.u-my-px-22{margin-block:1.375rem}.u-my-6{margin-block:1.5rem}.u-my-7{margin-block:1.75rem}.u-my-px-30{margin-block:1.875rem}.u-my-8{margin-block:2rem}.u-my-9{margin-block:2.25rem}.u-my-10{margin-block:2.5rem}.u-my-11{margin-block:2.75rem}.u-my-12{margin-block:3rem}.u-my-14{margin-block:3.5rem}.u-my-16{margin-block:4rem}.u-my-20{margin-block:5rem}.u-my-24{margin-block:6rem}.u-my-28{margin-block:7rem}.u-my-32{margin-block:8rem}.u-my-36{margin-block:9rem}.u-my-40{margin-block:10rem}.u-my-44{margin-block:11rem}.u-my-48{margin-block:12rem}.u-my-52{margin-block:13rem}.u-my-56{margin-block:14rem}.u-my-60{margin-block:15rem}.u-my-64{margin-block:16rem}.u-my-72{margin-block:18rem}.u-my-80{margin-block:20rem}.u-my-90{margin-block:22.5rem}.u-my-200{margin-block:50rem}.u-my-auto{margin-block:auto}.u-mt-0{margin-top:0}.u-mt-1{margin-top:.25rem}.u-mt-px-6{margin-top:.375rem}.u-mt-2{margin-top:.5rem}.u-mt-px-10{margin-top:.625rem}.u-mt-3{margin-top:.75rem}.u-mt-px-14{margin-top:.875rem}.u-mt-4{margin-top:1rem}.u-mt-5{margin-top:1.25rem}.u-mt-px-22{margin-top:1.375rem}.u-mt-6{margin-top:1.5rem}.u-mt-7{margin-top:1.75rem}.u-mt-px-30{margin-top:1.875rem}.u-mt-8{margin-top:2rem}.u-mt-9{margin-top:2.25rem}.u-mt-10{margin-top:2.5rem}.u-mt-11{margin-top:2.75rem}.u-mt-12{margin-top:3rem}.u-mt-14{margin-top:3.5rem}.u-mt-16{margin-top:4rem}.u-mt-20{margin-top:5rem}.u-mt-24{margin-top:6rem}.u-mt-28{margin-top:7rem}.u-mt-32{margin-top:8rem}.u-mt-36{margin-top:9rem}.u-mt-40{margin-top:10rem}.u-mt-44{margin-top:11rem}.u-mt-48{margin-top:12rem}.u-mt-52{margin-top:13rem}.u-mt-56{margin-top:14rem}.u-mt-60{margin-top:15rem}.u-mt-64{margin-top:16rem}.u-mt-72{margin-top:18rem}.u-mt-80{margin-top:20rem}.u-mt-90{margin-top:22.5rem}.u-mt-200{margin-top:50rem}.u-mt-auto{margin-top:auto}.u-me-0{margin-inline-end:0}.u-me-1{margin-inline-end:.25rem}.u-me-px-6{margin-inline-end:.375rem}.u-me-2{margin-inline-end:.5rem}.u-me-px-10{margin-inline-end:.625rem}.u-me-3{margin-inline-end:.75rem}.u-me-px-14{margin-inline-end:.875rem}.u-me-4{margin-inline-end:1rem}.u-me-5{margin-inline-end:1.25rem}.u-me-px-22{margin-inline-end:1.375rem}.u-me-6{margin-inline-end:1.5rem}.u-me-7{margin-inline-end:1.75rem}.u-me-px-30{margin-inline-end:1.875rem}.u-me-8{margin-inline-end:2rem}.u-me-9{margin-inline-end:2.25rem}.u-me-10{margin-inline-end:2.5rem}.u-me-11{margin-inline-end:2.75rem}.u-me-12{margin-inline-end:3rem}.u-me-14{margin-inline-end:3.5rem}.u-me-16{margin-inline-end:4rem}.u-me-20{margin-inline-end:5rem}.u-me-24{margin-inline-end:6rem}.u-me-28{margin-inline-end:7rem}.u-me-32{margin-inline-end:8rem}.u-me-36{margin-inline-end:9rem}.u-me-40{margin-inline-end:10rem}.u-me-44{margin-inline-end:11rem}.u-me-48{margin-inline-end:12rem}.u-me-52{margin-inline-end:13rem}.u-me-56{margin-inline-end:14rem}.u-me-60{margin-inline-end:15rem}.u-me-64{margin-inline-end:16rem}.u-me-72{margin-inline-end:18rem}.u-me-80{margin-inline-end:20rem}.u-me-90{margin-inline-end:22.5rem}.u-me-200{margin-inline-end:50rem}.u-me-auto{margin-inline-end:auto}.u-mb-0{margin-bottom:0}.u-mb-1{margin-bottom:.25rem}.u-mb-px-6{margin-bottom:.375rem}.u-mb-2{margin-bottom:.5rem}.u-mb-px-10{margin-bottom:.625rem}.u-mb-3{margin-bottom:.75rem}.u-mb-px-14{margin-bottom:.875rem}.u-mb-4{margin-bottom:1rem}.u-mb-5{margin-bottom:1.25rem}.u-mb-px-22{margin-bottom:1.375rem}.u-mb-6{margin-bottom:1.5rem}.u-mb-7{margin-bottom:1.75rem}.u-mb-px-30{margin-bottom:1.875rem}.u-mb-8{margin-bottom:2rem}.u-mb-9{margin-bottom:2.25rem}.u-mb-10{margin-bottom:2.5rem}.u-mb-11{margin-bottom:2.75rem}.u-mb-12{margin-bottom:3rem}.u-mb-14{margin-bottom:3.5rem}.u-mb-16{margin-bottom:4rem}.u-mb-20{margin-bottom:5rem}.u-mb-24{margin-bottom:6rem}.u-mb-28{margin-bottom:7rem}.u-mb-32{margin-bottom:8rem}.u-mb-36{margin-bottom:9rem}.u-mb-40{margin-bottom:10rem}.u-mb-44{margin-bottom:11rem}.u-mb-48{margin-bottom:12rem}.u-mb-52{margin-bottom:13rem}.u-mb-56{margin-bottom:14rem}.u-mb-60{margin-bottom:15rem}.u-mb-64{margin-bottom:16rem}.u-mb-72{margin-bottom:18rem}.u-mb-80{margin-bottom:20rem}.u-mb-90{margin-bottom:22.5rem}.u-mb-200{margin-bottom:50rem}.u-mb-auto{margin-bottom:auto}.u-ms-0{margin-inline-start:0}.u-ms-1{margin-inline-start:.25rem}.u-ms-px-6{margin-inline-start:.375rem}.u-ms-2{margin-inline-start:.5rem}.u-ms-px-10{margin-inline-start:.625rem}.u-ms-3{margin-inline-start:.75rem}.u-ms-px-14{margin-inline-start:.875rem}.u-ms-4{margin-inline-start:1rem}.u-ms-5{margin-inline-start:1.25rem}.u-ms-px-22{margin-inline-start:1.375rem}.u-ms-6{margin-inline-start:1.5rem}.u-ms-7{margin-inline-start:1.75rem}.u-ms-px-30{margin-inline-start:1.875rem}.u-ms-8{margin-inline-start:2rem}.u-ms-9{margin-inline-start:2.25rem}.u-ms-10{margin-inline-start:2.5rem}.u-ms-11{margin-inline-start:2.75rem}.u-ms-12{margin-inline-start:3rem}.u-ms-14{margin-inline-start:3.5rem}.u-ms-16{margin-inline-start:4rem}.u-ms-20{margin-inline-start:5rem}.u-ms-24{margin-inline-start:6rem}.u-ms-28{margin-inline-start:7rem}.u-ms-32{margin-inline-start:8rem}.u-ms-36{margin-inline-start:9rem}.u-ms-40{margin-inline-start:10rem}.u-ms-44{margin-inline-start:11rem}.u-ms-48{margin-inline-start:12rem}.u-ms-52{margin-inline-start:13rem}.u-ms-56{margin-inline-start:14rem}.u-ms-60{margin-inline-start:15rem}.u-ms-64{margin-inline-start:16rem}.u-ms-72{margin-inline-start:18rem}.u-ms-80{margin-inline-start:20rem}.u-ms-90{margin-inline-start:22.5rem}.u-ms-200{margin-inline-start:50rem}.u-ms-auto{margin-inline-start:auto}.u-p-0{padding:0}.u-p-1{padding:.25rem}.u-p-px-6{padding:.375rem}.u-p-2{padding:.5rem}.u-p-px-10{padding:.625rem}.u-p-3{padding:.75rem}.u-p-px-14{padding:.875rem}.u-p-4{padding:1rem}.u-p-5{padding:1.25rem}.u-p-px-22{padding:1.375rem}.u-p-6{padding:1.5rem}.u-p-7{padding:1.75rem}.u-p-px-30{padding:1.875rem}.u-p-8{padding:2rem}.u-p-9{padding:2.25rem}.u-p-10{padding:2.5rem}.u-p-11{padding:2.75rem}.u-p-12{padding:3rem}.u-p-14{padding:3.5rem}.u-p-16{padding:4rem}.u-p-20{padding:5rem}.u-p-24{padding:6rem}.u-p-28{padding:7rem}.u-p-32{padding:8rem}.u-p-36{padding:9rem}.u-p-40{padding:10rem}.u-p-44{padding:11rem}.u-p-48{padding:12rem}.u-p-52{padding:13rem}.u-p-56{padding:14rem}.u-p-60{padding:15rem}.u-p-64{padding:16rem}.u-p-72{padding:18rem}.u-p-80{padding:20rem}.u-p-90{padding:22.5rem}.u-p-200{padding:50rem}.u-px-0{padding-inline:0}.u-px-1{padding-inline:.25rem}.u-px-px-6{padding-inline:.375rem}.u-px-2{padding-inline:.5rem}.u-px-px-10{padding-inline:.625rem}.u-px-3{padding-inline:.75rem}.u-px-px-14{padding-inline:.875rem}.u-px-4{padding-inline:1rem}.u-px-5{padding-inline:1.25rem}.u-px-px-22{padding-inline:1.375rem}.u-px-6{padding-inline:1.5rem}.u-px-7{padding-inline:1.75rem}.u-px-px-30{padding-inline:1.875rem}.u-px-8{padding-inline:2rem}.u-px-9{padding-inline:2.25rem}.u-px-10{padding-inline:2.5rem}.u-px-11{padding-inline:2.75rem}.u-px-12{padding-inline:3rem}.u-px-14{padding-inline:3.5rem}.u-px-16{padding-inline:4rem}.u-px-20{padding-inline:5rem}.u-px-24{padding-inline:6rem}.u-px-28{padding-inline:7rem}.u-px-32{padding-inline:8rem}.u-px-36{padding-inline:9rem}.u-px-40{padding-inline:10rem}.u-px-44{padding-inline:11rem}.u-px-48{padding-inline:12rem}.u-px-52{padding-inline:13rem}.u-px-56{padding-inline:14rem}.u-px-60{padding-inline:15rem}.u-px-64{padding-inline:16rem}.u-px-72{padding-inline:18rem}.u-px-80{padding-inline:20rem}.u-px-90{padding-inline:22.5rem}.u-px-200{padding-inline:50rem}.u-py-0{padding-block:0}.u-py-1{padding-block:.25rem}.u-py-px-6{padding-block:.375rem}.u-py-2{padding-block:.5rem}.u-py-px-10{padding-block:.625rem}.u-py-3{padding-block:.75rem}.u-py-px-14{padding-block:.875rem}.u-py-4{padding-block:1rem}.u-py-5{padding-block:1.25rem}.u-py-px-22{padding-block:1.375rem}.u-py-6{padding-block:1.5rem}.u-py-7{padding-block:1.75rem}.u-py-px-30{padding-block:1.875rem}.u-py-8{padding-block:2rem}.u-py-9{padding-block:2.25rem}.u-py-10{padding-block:2.5rem}.u-py-11{padding-block:2.75rem}.u-py-12{padding-block:3rem}.u-py-14{padding-block:3.5rem}.u-py-16{padding-block:4rem}.u-py-20{padding-block:5rem}.u-py-24{padding-block:6rem}.u-py-28{padding-block:7rem}.u-py-32{padding-block:8rem}.u-py-36{padding-block:9rem}.u-py-40{padding-block:10rem}.u-py-44{padding-block:11rem}.u-py-48{padding-block:12rem}.u-py-52{padding-block:13rem}.u-py-56{padding-block:14rem}.u-py-60{padding-block:15rem}.u-py-64{padding-block:16rem}.u-py-72{padding-block:18rem}.u-py-80{padding-block:20rem}.u-py-90{padding-block:22.5rem}.u-py-200{padding-block:50rem}.u-pt-0{padding-top:0}.u-pt-1{padding-top:.25rem}.u-pt-px-6{padding-top:.375rem}.u-pt-2{padding-top:.5rem}.u-pt-px-10{padding-top:.625rem}.u-pt-3{padding-top:.75rem}.u-pt-px-14{padding-top:.875rem}.u-pt-4{padding-top:1rem}.u-pt-5{padding-top:1.25rem}.u-pt-px-22{padding-top:1.375rem}.u-pt-6{padding-top:1.5rem}.u-pt-7{padding-top:1.75rem}.u-pt-px-30{padding-top:1.875rem}.u-pt-8{padding-top:2rem}.u-pt-9{padding-top:2.25rem}.u-pt-10{padding-top:2.5rem}.u-pt-11{padding-top:2.75rem}.u-pt-12{padding-top:3rem}.u-pt-14{padding-top:3.5rem}.u-pt-16{padding-top:4rem}.u-pt-20{padding-top:5rem}.u-pt-24{padding-top:6rem}.u-pt-28{padding-top:7rem}.u-pt-32{padding-top:8rem}.u-pt-36{padding-top:9rem}.u-pt-40{padding-top:10rem}.u-pt-44{padding-top:11rem}.u-pt-48{padding-top:12rem}.u-pt-52{padding-top:13rem}.u-pt-56{padding-top:14rem}.u-pt-60{padding-top:15rem}.u-pt-64{padding-top:16rem}.u-pt-72{padding-top:18rem}.u-pt-80{padding-top:20rem}.u-pt-90{padding-top:22.5rem}.u-pt-200{padding-top:50rem}.u-pe-0{padding-inline-end:0}.u-pe-1{padding-inline-end:.25rem}.u-pe-px-6{padding-inline-end:.375rem}.u-pe-2{padding-inline-end:.5rem}.u-pe-px-10{padding-inline-end:.625rem}.u-pe-3{padding-inline-end:.75rem}.u-pe-px-14{padding-inline-end:.875rem}.u-pe-4{padding-inline-end:1rem}.u-pe-5{padding-inline-end:1.25rem}.u-pe-px-22{padding-inline-end:1.375rem}.u-pe-6{padding-inline-end:1.5rem}.u-pe-7{padding-inline-end:1.75rem}.u-pe-px-30{padding-inline-end:1.875rem}.u-pe-8{padding-inline-end:2rem}.u-pe-9{padding-inline-end:2.25rem}.u-pe-10{padding-inline-end:2.5rem}.u-pe-11{padding-inline-end:2.75rem}.u-pe-12{padding-inline-end:3rem}.u-pe-14{padding-inline-end:3.5rem}.u-pe-16{padding-inline-end:4rem}.u-pe-20{padding-inline-end:5rem}.u-pe-24{padding-inline-end:6rem}.u-pe-28{padding-inline-end:7rem}.u-pe-32{padding-inline-end:8rem}.u-pe-36{padding-inline-end:9rem}.u-pe-40{padding-inline-end:10rem}.u-pe-44{padding-inline-end:11rem}.u-pe-48{padding-inline-end:12rem}.u-pe-52{padding-inline-end:13rem}.u-pe-56{padding-inline-end:14rem}.u-pe-60{padding-inline-end:15rem}.u-pe-64{padding-inline-end:16rem}.u-pe-72{padding-inline-end:18rem}.u-pe-80{padding-inline-end:20rem}.u-pe-90{padding-inline-end:22.5rem}.u-pe-200{padding-inline-end:50rem}.u-pb-0{padding-bottom:0}.u-pb-1{padding-bottom:.25rem}.u-pb-px-6{padding-bottom:.375rem}.u-pb-2{padding-bottom:.5rem}.u-pb-px-10{padding-bottom:.625rem}.u-pb-3{padding-bottom:.75rem}.u-pb-px-14{padding-bottom:.875rem}.u-pb-4{padding-bottom:1rem}.u-pb-5{padding-bottom:1.25rem}.u-pb-px-22{padding-bottom:1.375rem}.u-pb-6{padding-bottom:1.5rem}.u-pb-7{padding-bottom:1.75rem}.u-pb-px-30{padding-bottom:1.875rem}.u-pb-8{padding-bottom:2rem}.u-pb-9{padding-bottom:2.25rem}.u-pb-10{padding-bottom:2.5rem}.u-pb-11{padding-bottom:2.75rem}.u-pb-12{padding-bottom:3rem}.u-pb-14{padding-bottom:3.5rem}.u-pb-16{padding-bottom:4rem}.u-pb-20{padding-bottom:5rem}.u-pb-24{padding-bottom:6rem}.u-pb-28{padding-bottom:7rem}.u-pb-32{padding-bottom:8rem}.u-pb-36{padding-bottom:9rem}.u-pb-40{padding-bottom:10rem}.u-pb-44{padding-bottom:11rem}.u-pb-48{padding-bottom:12rem}.u-pb-52{padding-bottom:13rem}.u-pb-56{padding-bottom:14rem}.u-pb-60{padding-bottom:15rem}.u-pb-64{padding-bottom:16rem}.u-pb-72{padding-bottom:18rem}.u-pb-80{padding-bottom:20rem}.u-pb-90{padding-bottom:22.5rem}.u-pb-200{padding-bottom:50rem}.u-ps-0{padding-inline-start:0}.u-ps-1{padding-inline-start:.25rem}.u-ps-px-6{padding-inline-start:.375rem}.u-ps-2{padding-inline-start:.5rem}.u-ps-px-10{padding-inline-start:.625rem}.u-ps-3{padding-inline-start:.75rem}.u-ps-px-14{padding-inline-start:.875rem}.u-ps-4{padding-inline-start:1rem}.u-ps-5{padding-inline-start:1.25rem}.u-ps-px-22{padding-inline-start:1.375rem}.u-ps-6{padding-inline-start:1.5rem}.u-ps-7{padding-inline-start:1.75rem}.u-ps-px-30{padding-inline-start:1.875rem}.u-ps-8{padding-inline-start:2rem}.u-ps-9{padding-inline-start:2.25rem}.u-ps-10{padding-inline-start:2.5rem}.u-ps-11{padding-inline-start:2.75rem}.u-ps-12{padding-inline-start:3rem}.u-ps-14{padding-inline-start:3.5rem}.u-ps-16{padding-inline-start:4rem}.u-ps-20{padding-inline-start:5rem}.u-ps-24{padding-inline-start:6rem}.u-ps-28{padding-inline-start:7rem}.u-ps-32{padding-inline-start:8rem}.u-ps-36{padding-inline-start:9rem}.u-ps-40{padding-inline-start:10rem}.u-ps-44{padding-inline-start:11rem}.u-ps-48{padding-inline-start:12rem}.u-ps-52{padding-inline-start:13rem}.u-ps-56{padding-inline-start:14rem}.u-ps-60{padding-inline-start:15rem}.u-ps-64{padding-inline-start:16rem}.u-ps-72{padding-inline-start:18rem}.u-ps-80{padding-inline-start:20rem}.u-ps-90{padding-inline-start:22.5rem}.u-ps-200{padding-inline-start:50rem}.u-gap-0{gap:0}.u-gap-1{gap:.25rem}.u-gap-px-6{gap:.375rem}.u-gap-2{gap:.5rem}.u-gap-px-10{gap:.625rem}.u-gap-3{gap:.75rem}.u-gap-px-14{gap:.875rem}.u-gap-4{gap:1rem}.u-gap-5{gap:1.25rem}.u-gap-px-22{gap:1.375rem}.u-gap-6{gap:1.5rem}.u-gap-7{gap:1.75rem}.u-gap-px-30{gap:1.875rem}.u-gap-8{gap:2rem}.u-gap-9{gap:2.25rem}.u-gap-10{gap:2.5rem}.u-gap-11{gap:2.75rem}.u-gap-12{gap:3rem}.u-gap-14{gap:3.5rem}.u-gap-16{gap:4rem}.u-gap-20{gap:5rem}.u-gap-24{gap:6rem}.u-gap-28{gap:7rem}.u-gap-32{gap:8rem}.u-gap-36{gap:9rem}.u-gap-40{gap:10rem}.u-gap-44{gap:11rem}.u-gap-48{gap:12rem}.u-gap-52{gap:13rem}.u-gap-56{gap:14rem}.u-gap-60{gap:15rem}.u-gap-64{gap:16rem}.u-gap-72{gap:18rem}.u-gap-80{gap:20rem}.u-gap-90{gap:22.5rem}.u-gap-200{gap:50rem}.u-row-gap-0{row-gap:0}.u-row-gap-1{row-gap:.25rem}.u-row-gap-px-6{row-gap:.375rem}.u-row-gap-2{row-gap:.5rem}.u-row-gap-px-10{row-gap:.625rem}.u-row-gap-3{row-gap:.75rem}.u-row-gap-px-14{row-gap:.875rem}.u-row-gap-4{row-gap:1rem}.u-row-gap-5{row-gap:1.25rem}.u-row-gap-px-22{row-gap:1.375rem}.u-row-gap-6{row-gap:1.5rem}.u-row-gap-7{row-gap:1.75rem}.u-row-gap-px-30{row-gap:1.875rem}.u-row-gap-8{row-gap:2rem}.u-row-gap-9{row-gap:2.25rem}.u-row-gap-10{row-gap:2.5rem}.u-row-gap-11{row-gap:2.75rem}.u-row-gap-12{row-gap:3rem}.u-row-gap-14{row-gap:3.5rem}.u-row-gap-16{row-gap:4rem}.u-row-gap-20{row-gap:5rem}.u-row-gap-24{row-gap:6rem}.u-row-gap-28{row-gap:7rem}.u-row-gap-32{row-gap:8rem}.u-row-gap-36{row-gap:9rem}.u-row-gap-40{row-gap:10rem}.u-row-gap-44{row-gap:11rem}.u-row-gap-48{row-gap:12rem}.u-row-gap-52{row-gap:13rem}.u-row-gap-56{row-gap:14rem}.u-row-gap-60{row-gap:15rem}.u-row-gap-64{row-gap:16rem}.u-row-gap-72{row-gap:18rem}.u-row-gap-80{row-gap:20rem}.u-row-gap-90{row-gap:22.5rem}.u-row-gap-200{row-gap:50rem}.u-column-gap-0{-moz-column-gap:0;column-gap:0}.u-column-gap-1{-moz-column-gap:.25rem;column-gap:.25rem}.u-column-gap-px-6{-moz-column-gap:.375rem;column-gap:.375rem}.u-column-gap-2{-moz-column-gap:.5rem;column-gap:.5rem}.u-column-gap-px-10{-moz-column-gap:.625rem;column-gap:.625rem}.u-column-gap-3{-moz-column-gap:.75rem;column-gap:.75rem}.u-column-gap-px-14{-moz-column-gap:.875rem;column-gap:.875rem}.u-column-gap-4{-moz-column-gap:1rem;column-gap:1rem}.u-column-gap-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.u-column-gap-px-22{-moz-column-gap:1.375rem;column-gap:1.375rem}.u-column-gap-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.u-column-gap-7{-moz-column-gap:1.75rem;column-gap:1.75rem}.u-column-gap-px-30{-moz-column-gap:1.875rem;column-gap:1.875rem}.u-column-gap-8{-moz-column-gap:2rem;column-gap:2rem}.u-column-gap-9{-moz-column-gap:2.25rem;column-gap:2.25rem}.u-column-gap-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.u-column-gap-11{-moz-column-gap:2.75rem;column-gap:2.75rem}.u-column-gap-12{-moz-column-gap:3rem;column-gap:3rem}.u-column-gap-14{-moz-column-gap:3.5rem;column-gap:3.5rem}.u-column-gap-16{-moz-column-gap:4rem;column-gap:4rem}.u-column-gap-20{-moz-column-gap:5rem;column-gap:5rem}.u-column-gap-24{-moz-column-gap:6rem;column-gap:6rem}.u-column-gap-28{-moz-column-gap:7rem;column-gap:7rem}.u-column-gap-32{-moz-column-gap:8rem;column-gap:8rem}.u-column-gap-36{-moz-column-gap:9rem;column-gap:9rem}.u-column-gap-40{-moz-column-gap:10rem;column-gap:10rem}.u-column-gap-44{-moz-column-gap:11rem;column-gap:11rem}.u-column-gap-48{-moz-column-gap:12rem;column-gap:12rem}.u-column-gap-52{-moz-column-gap:13rem;column-gap:13rem}.u-column-gap-56{-moz-column-gap:14rem;column-gap:14rem}.u-column-gap-60{-moz-column-gap:15rem;column-gap:15rem}.u-column-gap-64{-moz-column-gap:16rem;column-gap:16rem}.u-column-gap-72{-moz-column-gap:18rem;column-gap:18rem}.u-column-gap-80{-moz-column-gap:20rem;column-gap:20rem}.u-column-gap-90{-moz-column-gap:22.5rem;column-gap:22.5rem}.u-column-gap-200{-moz-column-gap:50rem;column-gap:50rem}.u-fs-xs{font-size:.75rem}.u-fs-sm{font-size:.875rem}.u-fs-base{font-size:1rem}.u-fs-md{font-size:1.125rem}.u-fs-lg{font-size:1.25rem}.u-fs-xl{font-size:1.5rem}.u-fs-2xl{font-size:2rem}.u-fs-h1{font-size:2.75rem}.u-fs-h2{font-size:2.25rem}.u-fs-h3{font-size:1.75rem}.u-fs-h4{font-size:1.375rem}.u-fs-h5{font-size:1.125rem}.u-fs-h6{font-size:1rem}.u-fs-display-1{font-size:4.5rem}.u-fs-1{font-size:2.75rem}.u-fs-2{font-size:2.25rem}.u-fs-3{font-size:1.75rem}.u-fs-4{font-size:1.375rem}.u-fs-5{font-size:1.125rem}.u-fs-6{font-size:1rem}.u-fst-italic{font-style:italic}.u-fst-normal{font-style:normal}.u-fw-light{font-weight:300}.u-fw-normal{font-weight:400}.u-fw-medium{font-weight:500}.u-fw-semibold{font-weight:600}.u-fw-bold{font-weight:700}.u-fw-heavy{font-weight:800}.u-fw-black{font-weight:900}.u-lh-base{line-height:1.6}.u-lh-sm{line-height:1.4}.u-lh-lg{line-height:1.8}.u-lh-1{line-height:1}.u-text-start{text-align:start}.u-text-end{text-align:end}.u-text-center{text-align:center}.u-td-none{text-decoration:none}.u-td-underline{text-decoration:underline}.u-td-line-through{text-decoration:line-through}.u-text-lowercase{text-transform:lowercase}.u-text-uppercase{text-transform:uppercase}.u-text-capitalize{text-transform:capitalize}.u-text-wrap{white-space:normal}.u-text-nowrap{white-space:nowrap}.u-text-break{word-wrap:break-word!important;word-break:break-word!important}.u-text-primary{color:#9d00ff}.u-text-secondary{color:#f3f4f6}.u-text-success{color:#00d984}.u-text-info{color:#008cff}.u-text-warning{color:#fb0}.u-text-error{color:#ff2085}.u-text-light{color:#f9fafb}.u-text-dark{color:#1f2937}.u-text-black{color:#000}.u-text-white{color:#fff}.u-text-body{color:#111827}.u-text-primary-emphasis{color:var(--atomix-primary-text-emphasis)}.u-text-secondary-emphasis{color:var(--atomix-secondary-text-emphasis)}.u-text-tertiary-emphasis{color:var(--atomix-tertiary-text-emphasis)}.u-text-disabled-emphasis{color:var(--atomix-disabled-text-emphasis)}.u-text-invert-emphasis{color:var(--atomix-invert-text-emphasis)}.u-text-brand-emphasis{color:var(--atomix-brand-text-emphasis)}.u-text-success-emphasis{color:var(--atomix-success-text-emphasis)}.u-text-info-emphasis{color:var(--atomix-info-text-emphasis)}.u-text-warning-emphasis{color:var(--atomix-warning-text-emphasis)}.u-text-error-emphasis{color:var(--atomix-error-text-emphasis)}.u-text-light-emphasis{color:var(--atomix-light-text-emphasis)}.u-text-dark-emphasis{color:var(--atomix-dark-text-emphasis)}.visibility-u-visible{visibility:visible}.visibility-u-invisible{visibility:hidden}.u-z-n1{z-index:-1}.u-z-0{z-index:0}.u-z-1{z-index:1}.u-z-2{z-index:2}.u-z-3{z-index:3}.u-z-4{z-index:4}.u-z-5{z-index:5}.u-z-dropdown{z-index:1000}.u-z-sticky{z-index:1020}.u-z-fixed{z-index:1030}.u-z-modal{z-index:1040}.u-z-popover{z-index:1050}.u-z-tooltip{z-index:1060}.u-z-drawer{z-index:1070}
|