1 @import '../../styles/themes';
2 @import '~@nebular/theme/styles/global/bootstrap/hero-buttons';
3 @import '~bootstrap/scss/mixins/breakpoints';
4 @import '~@nebular/theme/styles/global/bootstrap/breakpoints';
6 @include nb-install-component() {
8 flex-direction: column;
14 justify-content: space-between;
21 font-weight: nb-theme(font-weight-bold);
22 transition: opacity 0.3s ease;
25 color: nb-theme(color-fg-text);
30 color: nb-theme(color-fg);
34 @include nb-for-theme(cosmic) {
36 color: nb-theme(color-fg);
40 color: nb-theme(color-white);
52 display: inline-block;
60 &:checked + .slider::before {
61 transform: translateX(2.25rem);
71 border-radius: 1.75rem;
72 background-color: nb-theme(layout-bg);
81 background-color: nb-theme(color-success);
84 box-shadow: 0 0 0.25rem 0 rgba(nb-theme(color-fg), 0.4);
86 @include nb-for-theme(cosmic) {
87 @include btn-hero-primary-gradient();
92 @include media-breakpoint-down(is) {
98 @include media-breakpoint-down(xs) {
99 align-items: flex-end;