@gem-sdk/styles 1.14.0-dev.694 → 1.14.0-dev.701

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.
Files changed (4) hide show
  1. package/dist/toolbar.css +87 -114
  2. package/dist/toolbar.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/css/builds/toolbar.css +98 -95
package/dist/toolbar.css CHANGED
@@ -67,11 +67,11 @@
67
67
  background: #3c67ff;
68
68
  }
69
69
  [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]:hover {
70
- background: #7190FF;
70
+ background: #7190ff;
71
71
  }
72
72
  /* fix hover parent */
73
73
  [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]:before {
74
- content: "";
74
+ content: '';
75
75
  width: 100%;
76
76
  height: 4px;
77
77
  background: transparent;
@@ -79,7 +79,7 @@
79
79
  left: 0;
80
80
  position: absolute;
81
81
  }
82
- [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-parent-revert="true"]:before {
82
+ [data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-parent-revert='true']:before {
83
83
  bottom: unset;
84
84
  top: -4px;
85
85
  }
@@ -203,7 +203,7 @@
203
203
  }
204
204
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]:before {
205
205
  position: absolute;
206
- content: "";
206
+ content: '';
207
207
  background: #424242;
208
208
  width: 1px;
209
209
  height: calc(100% - 4px);
@@ -212,7 +212,7 @@
212
212
  }
213
213
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]:before {
214
214
  position: absolute;
215
- content: "";
215
+ content: '';
216
216
  background: #424242;
217
217
  width: 1px;
218
218
  height: calc(100% - 4px);
@@ -257,7 +257,7 @@
257
257
  height: 16px;
258
258
  }
259
259
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate]:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete]:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out]:hover, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section]:hover {
260
- background: rgba(225, 225, 225, 0.2);
260
+ background-color: rgba(225, 225, 225, 0.2);
261
261
  }
262
262
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate][data-toolbar-disable='true'] svg, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete][data-toolbar-disable='true'] svg, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out][data-toolbar-disable='true'] svg, [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section][data-toolbar-disable='true'] svg {
263
263
  opacity: 0.4;
@@ -283,7 +283,7 @@
283
283
  [data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-create-theme-section] {
284
284
  display: none;
285
285
  }
286
- [data-toolbar-wrap] [data-toolbar][data-toolbar-active-overflow],
286
+ [data-toolbar-wrap] [data-toolbar][data-toolbar-active-overflow],
287
287
  [data-toolbar-wrap] [data-toolbar][data-toolbar-hover-overflow] {
288
288
  left: unset;
289
289
  right: 0;
@@ -361,7 +361,7 @@
361
361
  }
362
362
  [data-toolbar-wrap] [data-outline][data-outline-overlay],
363
363
  [data-toolbar-wrap] [data-outline][data-outline-force-overlay] {
364
- background: rgba(60, 103, 255, 0.10);
364
+ background: rgba(60, 103, 255, 0.1);
365
365
  transition-delay: 0ms;
366
366
  }
367
367
  [data-toolbar-wrap] [data-outline][data-outline-overlay][data-outline-theme-section='true'],
@@ -495,7 +495,9 @@
495
495
  visibility: hidden;
496
496
  -webkit-user-select: none;
497
497
  user-select: none;
498
- transition: border-color 200ms ease-in-out, opacity 0ms ease-in-out;
498
+ transition:
499
+ border-color 200ms ease-in-out,
500
+ opacity 0ms ease-in-out;
499
501
  transition-delay: 100ms;
500
502
  }
501
503
  [data-toolbar-wrap] [data-toolbar-add-top] svg, [data-toolbar-wrap] [data-toolbar-add-bottom] svg {
@@ -506,7 +508,7 @@
506
508
  transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
507
509
  }
508
510
  [data-toolbar-wrap] [data-toolbar-add-top]:hover, [data-toolbar-wrap] [data-toolbar-add-bottom]:hover {
509
- background-color: #F6F6F6;
511
+ background-color: #f6f6f6;
510
512
  }
511
513
  [data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-disable='true'], [data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-disable='true'] {
512
514
  background: #f4f4f4;
@@ -609,7 +611,7 @@
609
611
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip] {
610
612
  width: unset;
611
613
  max-width: unset;
612
- background-color: #676767 !important;
614
+ background-color: #333333 !important;
613
615
  color: #fff;
614
616
  text-align: center;
615
617
  border-radius: 6px;
@@ -639,7 +641,7 @@
639
641
  margin-top: -5px;
640
642
  border-width: 5px;
641
643
  border-style: solid;
642
- border-color: transparent #676767 transparent transparent;
644
+ border-color: transparent #333333 transparent transparent;
643
645
  }
644
646
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='left'] {
645
647
  top: -5px;
@@ -653,7 +655,7 @@
653
655
  margin-top: -5px;
654
656
  border-width: 5px;
655
657
  border-style: solid;
656
- border-color: transparent transparent transparent #676767;
658
+ border-color: transparent transparent transparent #333333;
657
659
  }
658
660
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='top'] {
659
661
  bottom: 105%;
@@ -662,12 +664,12 @@
662
664
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='top']::after {
663
665
  content: ' ';
664
666
  position: absolute;
665
- top: 100%;
667
+ top: calc(100% - 0.5px);
666
668
  left: 50%;
667
669
  margin-left: -5px;
668
670
  border-width: 5px;
669
671
  border-style: solid;
670
- border-color: #676767 transparent transparent transparent;
672
+ border-color: #333333 transparent transparent transparent;
671
673
  }
672
674
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position='bottom'] {
673
675
  top: 105%;
@@ -681,7 +683,7 @@
681
683
  margin-left: -5px;
682
684
  border-width: 5px;
683
685
  border-style: solid;
684
- border-color: transparent transparent #676767 transparent;
686
+ border-color: transparent transparent #333333 transparent;
685
687
  }
686
688
  /* Tooltips state */
687
689
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] {
@@ -710,8 +712,9 @@
710
712
  }
711
713
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position='top'] {
712
714
  margin-bottom: 12px;
713
- -webkit-transform: translateX(-91px);
714
- transform: translateX(-91px);
715
+ left: 50%;
716
+ -webkit-transform: translateX(-50%);
717
+ transform: translateX(-50%);
715
718
  }
716
719
  [data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position='bottom'] {
717
720
  top: 36px;
@@ -793,39 +796,32 @@
793
796
  opacity: 1;
794
797
  }
795
798
 
796
-
797
799
  [data-toolbar-debug] [data-toolbar] {
798
800
  opacity: 1;
799
801
  visibility: visible;
800
802
  }
801
803
 
802
-
803
804
  [data-toolbar-debug] [data-outline] {
804
805
  opacity: 1;
805
806
  visibility: visible;
806
807
  }
807
808
 
808
-
809
809
  [data-toolbar-active='true'] .theme-section-tooltip {
810
810
  right: -53px !important;
811
811
  padding-top: 16px !important;
812
812
  }
813
813
 
814
-
815
814
  [data-toolbar-active='true'] .theme-section-tooltip::before {
816
815
  right: 45% !important;
817
816
  top: 12px !important;
818
817
  }
819
818
 
820
-
821
819
  /* Create theme section tooltip */
822
820
 
823
-
824
821
  .theme-section-tooltip-wrapper {
825
822
  position: relative;
826
823
  }
827
824
 
828
-
829
825
  .theme-section-tooltip-wrapper .theme-section-tooltip {
830
826
  cursor: default;
831
827
  min-width: 284px;
@@ -838,7 +834,6 @@
838
834
  padding-top: 9px;
839
835
  }
840
836
 
841
-
842
837
  .theme-section-tooltip-wrapper .theme-section-tooltip::before {
843
838
  content: '';
844
839
  position: absolute;
@@ -851,7 +846,6 @@
851
846
  top: 5px;
852
847
  }
853
848
 
854
-
855
849
  .theme-section-tooltip-wrapper .theme-section-tooltip__image {
856
850
  background: #212121;
857
851
  border-radius: 12px 12px 0 0;
@@ -862,7 +856,6 @@
862
856
  min-height: 150px;
863
857
  }
864
858
 
865
-
866
859
  .theme-section-tooltip-wrapper .theme-section-tooltip__body {
867
860
  display: flex;
868
861
  flex-direction: column;
@@ -872,7 +865,6 @@
872
865
  white-space: normal;
873
866
  }
874
867
 
875
-
876
868
  .theme-section-tooltip-wrapper .theme-section-tooltip__body-title {
877
869
  color: #f9f9f9;
878
870
  font-size: 14px;
@@ -880,7 +872,6 @@
880
872
  line-height: 24px;
881
873
  }
882
874
 
883
-
884
875
  .theme-section-tooltip-wrapper .theme-section-tooltip__body-desc {
885
876
  color: #aaa;
886
877
  font-size: 14px;
@@ -888,7 +879,6 @@
888
879
  line-height: 24px;
889
880
  }
890
881
 
891
-
892
882
  .theme-section-tooltip-wrapper .theme-section-tooltip__action {
893
883
  padding: 16px;
894
884
  border-radius: 0 0 12px 12px;
@@ -898,7 +888,6 @@
898
888
  flex-direction: column;
899
889
  }
900
890
 
901
-
902
891
  .theme-section-tooltip-wrapper .theme-section-tooltip__action button {
903
892
  cursor: pointer;
904
893
  width: 100%;
@@ -913,23 +902,19 @@
913
902
  transition: all 0.15s ease-in;
914
903
  }
915
904
 
916
-
917
905
  .theme-section-tooltip-wrapper .theme-section-tooltip__action button:hover {
918
906
  background: #2856f8;
919
907
  }
920
908
 
921
-
922
909
  .theme-section-tooltip-wrapper .theme-section-tooltip__action-limit button {
923
910
  background: #fdb913 !important;
924
911
  color: #212121 !important;
925
912
  }
926
913
 
927
-
928
914
  .theme-section-tooltip-wrapper .theme-section-tooltip__action-limit button:hover {
929
915
  background: #fdc742 !important;
930
916
  }
931
917
 
932
-
933
918
  .theme-section-tooltip-wrapper .theme-section-tooltip__action-learn-more {
934
919
  color: #8aa4ff;
935
920
  text-align: center;
@@ -941,109 +926,97 @@
941
926
  transition: all 0.15s ease-in;
942
927
  }
943
928
 
944
-
945
929
  .theme-section-tooltip-wrapper .theme-section-tooltip__action-learn-more:hover {
946
930
  color: #b1c3ff;
947
931
  }
948
932
 
949
-
950
933
  /* Toolbar onboarding */
951
934
 
952
-
953
935
  [data-toolbar-onboarding] {
954
- position: absolute;
955
- left: 0;
956
- top: 0;
957
- width: 320px;
958
- background-color: #fff;
959
- color:rgba(60, 103, 255, 0.24);
960
- border-radius: 8px;
961
- box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12), 0px -4px 16px 0px rgba(0, 0, 0, 0.06);
962
- z-index: 40;
963
- visibility: hidden;
964
- opacity: 0;
965
- }
966
-
967
-
968
- [data-toolbar-onboarding][data-onboarding-active]{
969
- visibility: visible;
970
- opacity: 1;
971
- transition: opacity .25s;
972
- }
936
+ position: absolute;
937
+ left: 0;
938
+ top: 0;
939
+ width: 320px;
940
+ background-color: #fff;
941
+ color: rgba(60, 103, 255, 0.24);
942
+ border-radius: 8px;
943
+ box-shadow:
944
+ 0px 4px 16px 0px rgba(0, 0, 0, 0.12),
945
+ 0px -4px 16px 0px rgba(0, 0, 0, 0.06);
946
+ z-index: 40;
947
+ visibility: hidden;
948
+ opacity: 0;
949
+ }
973
950
 
951
+ [data-toolbar-onboarding][data-onboarding-active] {
952
+ visibility: visible;
953
+ opacity: 1;
954
+ transition: opacity 0.25s;
955
+ }
974
956
 
975
957
  [data-toolbar-onboarding] [data-onboarding-wrapper] {
976
-
977
- }
978
-
958
+ }
979
959
 
980
960
  [data-toolbar-onboarding] [data-icon] {
981
- position: absolute;
982
- top: -4px;
983
- left: 16px;
984
- /* Popover */
985
- box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12), 0px -4px 16px 0px rgba(0, 0, 0, 0.06);
986
- }
987
-
988
-
989
- [data-toolbar-onboarding] [data-icon][data-position="top"] {
990
- top: unset;
991
- bottom: -4px;
992
- }
993
-
961
+ position: absolute;
962
+ top: -4px;
963
+ left: 16px;
964
+ /* Popover */
965
+ box-shadow:
966
+ 0px 4px 16px 0px rgba(0, 0, 0, 0.12),
967
+ 0px -4px 16px 0px rgba(0, 0, 0, 0.06);
968
+ }
994
969
 
995
- [data-toolbar-onboarding] [data-close] {
996
- position: absolute;
997
- top: 8px;
998
- right: 8px;
999
- z-index: 99;
1000
- border-radius: 8px;
1001
- background-color: transparent;
1002
- transition: background .25s;
970
+ [data-toolbar-onboarding] [data-icon][data-position='top'] {
971
+ top: unset;
972
+ bottom: -4px;
1003
973
  }
1004
974
 
975
+ [data-toolbar-onboarding] [data-close] {
976
+ position: absolute;
977
+ top: 8px;
978
+ right: 8px;
979
+ z-index: 99;
980
+ border-radius: 8px;
981
+ background-color: transparent;
982
+ transition: background 0.25s;
983
+ }
1005
984
 
1006
985
  [data-toolbar-onboarding] [data-close]:hover {
1007
- background-color: #E2E2E2;
1008
- }
1009
-
986
+ background-color: #e2e2e2;
987
+ }
1010
988
 
1011
989
  [data-toolbar-onboarding] [data-close] svg {
1012
- -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
1013
- filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
1014
- }
1015
-
1016
-
1017
- [data-toolbar-onboarding] [data-content] {
1018
- padding: 16px;
990
+ -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
991
+ filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
1019
992
  }
1020
993
 
994
+ [data-toolbar-onboarding] [data-content] {
995
+ padding: 16px;
996
+ }
1021
997
 
1022
998
  [data-toolbar-onboarding] video {
1023
- border-radius: 8px 8px 0 0;
1024
- }
1025
-
999
+ border-radius: 8px 8px 0 0;
1000
+ }
1026
1001
 
1027
1002
  [data-toolbar-onboarding] h3 {
1028
- color: #212121;
1029
- font-family: Inter;
1030
- font-size: 16px;
1031
- font-style: normal;
1032
- font-weight: 600;
1033
- line-height: 24px; /* 150% */
1034
- letter-spacing: -0.32px;
1035
- }
1036
-
1037
-
1038
- [data-toolbar-onboarding] p{
1039
- color: #676767;
1040
- font-family: Inter;
1041
- font-size: 14px;
1042
- font-style: normal;
1043
- font-weight: 400;
1044
- line-height: 24px; /* 171.429% */
1045
- }
1003
+ color: #212121;
1004
+ font-family: Inter;
1005
+ font-size: 16px;
1006
+ font-style: normal;
1007
+ font-weight: 600;
1008
+ line-height: 24px; /* 150% */
1009
+ letter-spacing: -0.32px;
1010
+ }
1046
1011
 
1012
+ [data-toolbar-onboarding] p {
1013
+ color: #676767;
1014
+ font-family: Inter;
1015
+ font-size: 14px;
1016
+ font-style: normal;
1017
+ font-weight: 400;
1018
+ line-height: 24px; /* 171.429% */
1019
+ }
1047
1020
 
1048
1021
  @media (max-width: 767px) {
1049
1022
  [data-toolbar-wrap] [data-toolbar-add-top], [data-toolbar-wrap] [data-toolbar-add-bottom] {
@@ -1056,4 +1029,4 @@
1056
1029
  top: unset;
1057
1030
  bottom: -14px;
1058
1031
  }
1059
- }
1032
+ }
package/dist/toolbar.min.css CHANGED
@@ -1 +1 @@
1
- [data-toolbar-wrap]{position:relative}[data-toolbar-wrap] [data-toolbar]{align-items:center;background:#3c67ff;border:1px solid #3c67ff;border-radius:6px 6px 0 0;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif,ui-sans-serif,system-ui;height:24px;left:0;max-width:unset;opacity:0;padding:4px;pointer-events:unset;position:absolute;top:-24px;transition:opacity 0ms ease-in-out;-webkit-user-select:none;user-select:none;visibility:hidden;white-space:nowrap;z-index:20}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent],[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent]{align-items:center;display:flex}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-icon-drag],[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-icon-drag]{display:none}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-icon-drag] svg,[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-icon-drag] svg{display:block;height:16px;max-width:unset;width:16px}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-name],[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-name]{display:block;font-size:12px;font-weight:500;padding-left:4px;padding-right:4px;white-space:pre}[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent]{cursor:grab}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]{background:#fff;background:#3c67ff;border-radius:8px;color:#fff;height:32px;left:0;opacity:1;padding:8px;position:absolute;top:-32px;visibility:visible;z-index:30}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]:hover{background:#7190ff}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]:before{background:transparent;bottom:-4px;content:"";height:4px;left:0;position:absolute;width:100%}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-parent-revert=true]:before{bottom:unset;top:-4px}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true]{background-color:#9144da;color:#fff}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true]:hover{background-color:#af7edd}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true][data-toolbar-hover-focus],[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true][data-toolbar-hover-focus]:hover{background:#ebddf8}[data-toolbar-wrap] [data-toolbar] [data-toolbar-create-theme-section]{border-left:1px solid;border-color:#d6d6d6;font-size:12px;font-weight:500;line-height:16px;margin-bottom:8px;margin-left:4px;margin-top:8px;padding-left:8px;padding-right:4px}[data-toolbar-wrap] [data-toolbar] [data-toolbar-active-create-theme-section],[data-toolbar-wrap] [data-toolbar] [data-toolbar-delete],[data-toolbar-wrap] [data-toolbar] [data-toolbar-duplicate],[data-toolbar-wrap] [data-toolbar] [data-toolbar-icon-parent],[data-toolbar-wrap] [data-toolbar] [data-toolbar-zoom-out]{display:none}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true]{background-color:#9144da;color:#fff}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-active] [data-toolbar-show-parent]:before{background-color:#af7edd}[data-toolbar-wrap] [data-toolbar-theme-section=true] [data-toolbar-duplicate]{border-color:#be86f3}[data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover]{border-width:0;opacity:1;transition-delay:.1s;visibility:visible;z-index:30}[data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-hover]:hover{background:#3c67ff;border-color:#3c67ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover]:hover [data-toolbar-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover]:hover [data-toolbar-create-theme-section]{border-color:#3c67ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover-revert]{border-radius:0 0 6px 6px;top:calc(100% - 1px)}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover-inside]{border-radius:0 0 6px 6px;top:0}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]{background:#3c67ff;z-index:40}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]:hover{background:#3c67ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-hover][data-toolbar-hover-focus]{background:#9144da;padding:4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-active]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-hover]:hover{background:#9144da}[data-toolbar-wrap] [data-toolbar][data-toolbar-active]{background:#151515;border-color:#424242;border-radius:8px;color:#fff;height:32px;opacity:1;top:-35px;visibility:visible;z-index:20}[data-toolbar-wrap] [data-toolbar][data-toolbar-active]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-hover-focus],[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-hover-focus]:hover{background:#151515}[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-theme-section=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-theme-section=true][data-toolbar-hover-focus]{background:#9144da}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]{border-radius:6px;height:24px;margin-right:9px;padding:4px;position:relative;transition:background .2s ease-in-out}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]:before{background:#424242;content:"";height:calc(100% - 4px);position:absolute;right:-5px;right:-4px;top:2px;width:1px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent]{display:block;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent] svg{display:block;height:16px;max-width:unset;width:16px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent][data-toolbar-icon-parent-open=true]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]:hover{background-color:hsla(0,0%,88%,.2)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-drag]{display:block}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete],[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate],[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out]{border-radius:6px;display:block;padding:4px;transition:background .2s ease-in-out}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out] svg{display:block;height:16px;max-width:unset;width:16px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out]:hover{background:hsla(0,0%,88%,.2)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section][data-toolbar-disable=true] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete][data-toolbar-disable=true] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate][data-toolbar-disable=true] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out][data-toolbar-disable=true] svg{opacity:.4}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section][data-toolbar-disable=true]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete][data-toolbar-disable=true]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate][data-toolbar-disable=true]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out][data-toolbar-disable=true]:hover{background:transparent}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section-wrapper]{border-left:1px solid #6a6a6a;border-right:1px solid #6a6a6a;margin:0 4px;padding:0 4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section]{align-items:center;display:flex!important;gap:4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section] p{font-size:12px;font-weight:500}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-create-theme-section]{display:none}[data-toolbar-wrap] [data-toolbar][data-toolbar-active-overflow],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover-overflow]{left:unset;right:0}[data-toolbar-wrap] [data-toolbar][data-toolbar-active-revert]{top:calc(100% + 3px)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active-inside]{top:4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true]{border-color:#424242;left:unset;right:0}[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true][data-toolbar-active],[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true][data-toolbar-hover-focus],[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true][data-toolbar-hover-focus] [data-toolbar-create-theme-section]{border-color:#424242}[data-toolbar-wrap] [data-toolbar][data-toolbar-editor-inline-focus]{display:none}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-active],[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-hover-focus]{border-color:#9144da}[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus][data-toolbar-limit=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-limit=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-limit=true]{background:#f44336;border-color:#f44336;color:#fff}[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit=true] [data-toolbar-active-create-theme-section-wrapper],[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit=true] [data-toolbar-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus][data-toolbar-limit=true] [data-toolbar-active-create-theme-section-wrapper],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus][data-toolbar-limit=true] [data-toolbar-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-limit=true] [data-toolbar-active-create-theme-section-wrapper],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-limit=true] [data-toolbar-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-limit=true] [data-toolbar-active-create-theme-section-wrapper],[data-toolbar-wrap] [data-toolbar][data-toolbar-limit=true] [data-toolbar-create-theme-section]{border-color:#fff}[data-toolbar-wrap] [data-outline]{border:1px solid #3c67ff;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity 0ms ease-in-out;visibility:hidden;width:100%;z-index:0}[data-toolbar-wrap] [data-outline][data-outline-force-hover],[data-toolbar-wrap] [data-outline][data-outline-hover]{opacity:1;transition-delay:.1s;visibility:visible;z-index:1}[data-toolbar-wrap] [data-outline][data-outline-active]{opacity:1;visibility:visible;z-index:1}[data-toolbar-wrap] [data-outline][data-outline-force-overlay],[data-toolbar-wrap] [data-outline][data-outline-overlay]{background:rgba(60,103,255,.1);transition-delay:0ms}[data-toolbar-wrap] [data-outline][data-outline-force-overlay][data-outline-theme-section=true],[data-toolbar-wrap] [data-outline][data-outline-overlay][data-outline-theme-section=true]{background:#ebddf866}[data-toolbar-wrap] [data-outline][data-outline-overlay-theme-section]{background:transparent}[data-toolbar-wrap] [data-outline][data-outline-hover][data-outline-section=true],[data-toolbar-wrap] [data-outline][data-outline-section=true][data-outline-active],[data-toolbar-wrap] [data-outline][data-outline-section=true][data-outline-hover-focus]{border-color:#3c67ff;z-index:0}[data-toolbar-wrap] [data-outline][data-outline-editor-inline-focus]{border-color:transparent;outline:unset;z-index:0}[data-toolbar-wrap] [data-component-tag=Heading] [data-outline][data-outline-editor-inline-focus],[data-toolbar-wrap] [data-component-tag=Text] [data-outline][data-outline-editor-inline-focus]{border-color:#3c67ff;height:calc(100% + 4px);left:0;outline:4px solid rgba(60,103,255,.24);top:0;width:calc(100% + 4px);z-index:0}[data-toolbar-wrap] [data-component-tag=Section]>[data-toolbar] [data-toolbar-show-parent]{margin-right:0}[data-toolbar-wrap] [data-component-tag=Section]>[data-toolbar] [data-toolbar-show-parent]:before{display:none}[data-toolbar-wrap] [data-outline][data-outline-theme-section=true],[data-toolbar-wrap] [data-outline][data-outline-theme-section=true][data-outline-active],[data-toolbar-wrap] [data-outline][data-outline-theme-section=true][data-outline-hover-focus]{border-color:#9144da;z-index:0}[data-toolbar-wrap] [data-outline][data-outline-active][data-outline-limit=true],[data-toolbar-wrap] [data-outline][data-outline-hover][data-outline-hover-focus][data-outline-limit=true],[data-toolbar-wrap] [data-outline][data-outline-hover][data-outline-limit=true],[data-toolbar-wrap] [data-outline][data-outline-limit=true]{border-color:#f44336}[data-toolbar-wrap] [data-outline][data-outline-parent-hover],[data-toolbar-wrap] [data-outline][data-outline-section][data-outline-parent-hover]{border-style:dashed}[data-toolbar-wrap] [data-theme-section] [data-outline][data-outline-hover][data-outline-hover-focus],[data-toolbar-wrap] [data-theme-section] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-theme-section] [data-toolbar-add-top],[data-toolbar-wrap] [data-theme-section] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]{transition-delay:0ms}[data-toolbar-wrap] [data-theme-section] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-theme-section] [data-toolbar-add-top]{border-color:#9144da}[data-toolbar-wrap] [data-theme-section] .button-text:after{display:none!important}[data-toolbar-wrap] [data-theme-section] .gp-text:hover{border-color:transparent!important}[data-toolbar-wrap] [data-theme-section-status]{align-items:center;background:#ebddf8;border-radius:3px;color:#212121;display:none;font-size:14px;font-weight:400;gap:4px;left:8px;line-height:24px;max-width:32px;overflow:hidden;padding:4px;position:absolute;top:8px;transition:max-width 1s ease-in-out;z-index:50}[data-toolbar-wrap] [data-theme-section-status-active=true]{display:flex}[data-toolbar-wrap] [data-theme-section-status-icon]{align-items:center;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}[data-toolbar-wrap] [data-theme-section-status-text]{display:block;white-space:nowrap}[data-toolbar-wrap] [data-theme-section-status]:hover{max-width:100%}[data-toolbar-wrap] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-toolbar-add-top]{align-items:center;background:#fff;border:1px solid #3c67ff;border-radius:8px;color:#3c67ff;cursor:pointer;display:flex;height:32px;justify-content:center;left:calc(50% - 16px);opacity:0;position:absolute;top:-16px;transition:border-color .2s ease-in-out,opacity 0ms ease-in-out;transition-delay:.1s;-webkit-user-select:none;user-select:none;visibility:hidden;width:32px;z-index:50}[data-toolbar-wrap] [data-toolbar-add-bottom] svg,[data-toolbar-wrap] [data-toolbar-add-top] svg{height:16px;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:16px}[data-toolbar-wrap] [data-toolbar-add-bottom]:hover,[data-toolbar-wrap] [data-toolbar-add-top]:hover{background-color:#f6f6f6}[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-disable=true],[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-disable=true]:hover,[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-disable=true],[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-disable=true]:hover{background:#f4f4f4;border-color:#d6d6d6;color:#d6d6d6}[data-toolbar-wrap] [data-toolbar-add-bottom]{bottom:-16px;top:unset}[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-open=true] svg,[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-open=true] svg{-webkit-transform:rotate(45deg);transform:rotate(45deg)}[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-active],[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-hover],[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-active],[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-hover]{opacity:1;visibility:visible}[data-toolbar-wrap] [data-spacing]{z-index:10}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom]{bottom:0;display:flex;display:none;justify-content:center;left:0;position:absolute;width:100%;z-index:10}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-bg]{align-items:center;background-color:#3c67ff33;display:flex;justify-content:center;left:0;position:absolute;top:0;width:100%}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-bg] [data-spacing-margin-bottom-value]{background-color:#3c67ff;border-radius:4px;color:#fff;display:none;font-size:8px;font-weight:700;padding:2px;position:absolute}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-drag]{background-color:#3c67ff;border-top-left-radius:4px;border-top-right-radius:4px;bottom:0;cursor:ns-resize;height:4px;position:absolute;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:height .2s;width:40px}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-drag]:hover{height:6px}[data-toolbar-wrap] [data-spacing][data-spacing-theme-section=true] [data-spacing-margin-bottom-bg]{background-color:#9144da33}[data-toolbar-wrap] [data-spacing][data-spacing-theme-section=true] [data-spacing-margin-bottom-bg] [data-spacing-margin-bottom-value],[data-toolbar-wrap] [data-spacing][data-spacing-theme-section=true] [data-spacing-margin-bottom-drag]{background-color:#9144da}[data-toolbar-wrap] [data-spacing-margin-bottom][data-spacing-margin-bottom-active]{display:flex}[data-toolbar-wrap] [data-spacing][data-spacing-hidden]{display:none}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip]{background-color:#676767!important;border-radius:6px;color:#fff;font-size:16px;max-width:unset;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transition:opacity 1s;white-space:nowrap;width:unset;z-index:1}[data-toolbar-wrap] [data-toolbar-tooltip-trigger]:hover [data-toolbar-tooltip]{opacity:1}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=right]{left:105%;top:-5px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=right]:after{border:5px solid transparent;border-right-color:#676767;content:" ";margin-top:-5px;position:absolute;right:100%;top:50%}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=left]{right:105%;top:-5px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=left]:after{border:5px solid transparent;border-left-color:#676767;content:" ";left:100%;margin-top:-5px;position:absolute;top:50%}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=top]{bottom:105%;left:0}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=top]:after{border:5px solid transparent;border-top-color:#676767;content:" ";left:50%;margin-left:-5px;position:absolute;top:100%}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=bottom]{left:0;top:105%}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=bottom]:after{border:5px solid transparent;border-bottom-color:#676767;bottom:100%;content:" ";left:50%;margin-left:-5px;position:absolute}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate]{position:relative}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] [data-toolbar-tooltip]{left:unset;margin-top:12px;right:0}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] [data-toolbar-tooltip][data-toolbar-tooltip-position=bottom]:after{content:" ";left:unset;right:6px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete]{position:relative}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip]{font-size:12px;line-height:20px;padding:8px;text-align:left;white-space:normal;width:206px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position=top]{margin-bottom:12px;-webkit-transform:translateX(-91px);transform:translateX(-91px)}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position=bottom]{left:unset;right:-4px;top:36px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position=bottom]:after{left:unset;right:10px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-add-bottom] [data-toolbar-tooltip],[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-add-top] [data-toolbar-tooltip]{left:50%;margin-bottom:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}[data-toolbar-wrap] [data-column]{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}[data-toolbar-wrap] [data-column] [data-column-hand-drag]{align-items:center;cursor:grab;justify-content:center;opacity:0;pointer-events:auto;visibility:hidden}[data-toolbar-wrap] [data-column] [data-column-hand-drag] [data-column-hand-visual]{background-color:#d6d6d6;border-radius:2px;height:80%;transition:all .2s;width:3px}[data-toolbar-wrap] [data-column] [data-column-hand-drag] [data-column-hand-visual-drag]{color:#3c67ff;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .2s;visibility:hidden;width:16px}[data-toolbar-wrap] [data-column] [data-column-hand-drag] [data-column-hand-visual-drag] svg{height:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:16px}[data-toolbar-wrap] [data-column] [data-column-hand-drag]:hover [data-column-hand-visual],[data-toolbar-wrap] [data-column] [data-column-hand-drag][data-column-hand-drag-active=true] [data-column-hand-visual]{background-color:#3c67ff}[data-toolbar-wrap] [data-column] [data-column-hand-drag]:hover [data-column-hand-visual-drag],[data-toolbar-wrap] [data-column] [data-column-hand-drag][data-column-hand-drag-active=true] [data-column-hand-visual-drag]{opacity:1;visibility:visible}[data-toolbar-wrap] [data-column][data-column-theme-section=true] [data-column-hand-drag] [data-column-hand-visual-drag]{color:#9144da}[data-toolbar-wrap] [data-column][data-column-theme-section=true] [data-column-hand-drag]:hover [data-column-hand-visual],[data-toolbar-wrap] [data-column][data-column-theme-section=true] [data-column-hand-drag][data-column-hand-drag-active=true] [data-column-hand-visual]{background-color:#9144da}[data-toolbar-debug] [data-outline],[data-toolbar-debug] [data-toolbar],[data-toolbar-wrap] [data-column][data-column-force-visible=true] [data-column-hand-drag],[data-toolbar-wrap] [data-column][data-column-is-drag-visible=true] [data-column-hand-drag],[data-toolbar-wrap] [data-column][data-column-theme-section=true] [data-column-hand-drag]:hover [data-column-hand-visual-drag],[data-toolbar-wrap] [data-column][data-column-theme-section=true] [data-column-hand-drag][data-column-hand-drag-active=true] [data-column-hand-visual-drag],[data-toolbar-wrap] [data-column][data-column-visible] [data-column-hand-drag]{opacity:1;visibility:visible}[data-toolbar-active=true] .theme-section-tooltip{padding-top:16px!important;right:-53px!important}[data-toolbar-active=true] .theme-section-tooltip:before{right:45%!important;top:12px!important}.theme-section-tooltip-wrapper{position:relative}.theme-section-tooltip-wrapper .theme-section-tooltip{border-radius:12px;cursor:default;display:flex;flex-direction:column;min-width:284px;padding-top:9px;position:absolute;right:-4px;top:100%}.theme-section-tooltip-wrapper .theme-section-tooltip:before{background:#212121;content:"";height:8px;position:absolute;right:16px;top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.theme-section-tooltip-wrapper .theme-section-tooltip__image{background:#212121;border-radius:12px 12px 0 0;min-height:150px;padding:16px 20px 8px 21px}.theme-section-tooltip-wrapper .theme-section-tooltip__body{background:#151515;display:flex;flex-direction:column;gap:8px;padding:16px;white-space:normal}.theme-section-tooltip-wrapper .theme-section-tooltip__body-title{color:#f9f9f9;font-size:14px;font-weight:500;line-height:24px}.theme-section-tooltip-wrapper .theme-section-tooltip__body-desc{color:#aaa;font-size:14px;font-weight:400;line-height:24px}.theme-section-tooltip-wrapper .theme-section-tooltip__action{background:#151515;border-radius:0 0 12px 12px;border-top:1px solid #3b3b3b;display:flex;flex-direction:column;padding:16px}.theme-section-tooltip-wrapper .theme-section-tooltip__action button{background:#3c67ff;border-radius:8px;color:#f9f9f9;cursor:pointer;font-size:14px;font-weight:500;height:40px;line-height:24px;text-align:center;transition:all .15s ease-in;width:100%}.theme-section-tooltip-wrapper .theme-section-tooltip__action button:hover{background:#2856f8}.theme-section-tooltip-wrapper .theme-section-tooltip__action-limit button{background:#fdb913!important;color:#212121!important}.theme-section-tooltip-wrapper .theme-section-tooltip__action-limit button:hover{background:#fdc742!important}.theme-section-tooltip-wrapper .theme-section-tooltip__action-learn-more{color:#8aa4ff;cursor:pointer;font-size:12px;font-weight:500;line-height:20px;margin-top:8px;text-align:center;transition:all .15s ease-in}.theme-section-tooltip-wrapper .theme-section-tooltip__action-learn-more:hover{color:#b1c3ff}[data-toolbar-onboarding]{background-color:#fff;border-radius:8px;box-shadow:0 4px 16px 0 rgba(0,0,0,.12),0 -4px 16px 0 rgba(0,0,0,.06);color:rgba(60,103,255,.24);left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:320px;z-index:40}[data-toolbar-onboarding][data-onboarding-active]{opacity:1;transition:opacity .25s;visibility:visible}[data-toolbar-onboarding] [data-icon]{box-shadow:0 4px 16px 0 rgba(0,0,0,.12),0 -4px 16px 0 rgba(0,0,0,.06);left:16px;position:absolute;top:-4px}[data-toolbar-onboarding] [data-icon][data-position=top]{bottom:-4px;top:unset}[data-toolbar-onboarding] [data-close]{background-color:transparent;border-radius:8px;position:absolute;right:8px;top:8px;transition:background .25s;z-index:99}[data-toolbar-onboarding] [data-close]:hover{background-color:#e2e2e2}[data-toolbar-onboarding] [data-close] svg{-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}[data-toolbar-onboarding] [data-content]{padding:16px}[data-toolbar-onboarding] video{border-radius:8px 8px 0 0}[data-toolbar-onboarding] h3{color:#212121;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;letter-spacing:-.32px;line-height:24px}[data-toolbar-onboarding] p{color:#676767;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:24px}@media (max-width:767px){[data-toolbar-wrap] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-toolbar-add-top]{height:28px;left:calc(50% - 14px);top:-14px;width:28px}[data-toolbar-wrap] [data-toolbar-add-bottom]{bottom:-14px;top:unset}}
1
+ [data-toolbar-wrap]{position:relative}[data-toolbar-wrap] [data-toolbar]{align-items:center;background:#3c67ff;border:1px solid #3c67ff;border-radius:6px 6px 0 0;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif,ui-sans-serif,system-ui;height:24px;left:0;max-width:unset;opacity:0;padding:4px;pointer-events:unset;position:absolute;top:-24px;transition:opacity 0ms ease-in-out;-webkit-user-select:none;user-select:none;visibility:hidden;white-space:nowrap;z-index:20}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent],[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent]{align-items:center;display:flex}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-icon-drag],[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-icon-drag]{display:none}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-icon-drag] svg,[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-icon-drag] svg{display:block;height:16px;max-width:unset;width:16px}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent] [data-toolbar-name],[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent] [data-toolbar-name]{display:block;font-size:12px;font-weight:500;padding-left:4px;padding-right:4px;white-space:pre}[data-toolbar-wrap] [data-toolbar] [data-toolbar-show-parent]{cursor:grab}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]{background:#fff;background:#3c67ff;border-radius:8px;color:#fff;height:32px;left:0;opacity:1;padding:8px;position:absolute;top:-32px;visibility:visible;z-index:30}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]:hover{background:#7190ff}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent]:before{background:transparent;bottom:-4px;content:"";height:4px;left:0;position:absolute;width:100%}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-parent-revert=true]:before{bottom:unset;top:-4px}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true]{background-color:#9144da;color:#fff}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true]:hover{background-color:#af7edd}[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true][data-toolbar-hover-focus],[data-toolbar-wrap] [data-toolbar] [data-toolbar-parent][data-toolbar-theme-section=true][data-toolbar-hover-focus]:hover{background:#ebddf8}[data-toolbar-wrap] [data-toolbar] [data-toolbar-create-theme-section]{border-left:1px solid;border-color:#d6d6d6;font-size:12px;font-weight:500;line-height:16px;margin-bottom:8px;margin-left:4px;margin-top:8px;padding-left:8px;padding-right:4px}[data-toolbar-wrap] [data-toolbar] [data-toolbar-active-create-theme-section],[data-toolbar-wrap] [data-toolbar] [data-toolbar-delete],[data-toolbar-wrap] [data-toolbar] [data-toolbar-duplicate],[data-toolbar-wrap] [data-toolbar] [data-toolbar-icon-parent],[data-toolbar-wrap] [data-toolbar] [data-toolbar-zoom-out]{display:none}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true]{background-color:#9144da;color:#fff}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-active] [data-toolbar-show-parent]:before{background-color:#af7edd}[data-toolbar-wrap] [data-toolbar-theme-section=true] [data-toolbar-duplicate]{border-color:#be86f3}[data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover]{border-width:0;opacity:1;transition-delay:.1s;visibility:visible;z-index:30}[data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-hover]:hover{background:#3c67ff;border-color:#3c67ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-force-hover]:hover [data-toolbar-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover]:hover [data-toolbar-create-theme-section]{border-color:#3c67ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover-revert]{border-radius:0 0 6px 6px;top:calc(100% - 1px)}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover-inside]{border-radius:0 0 6px 6px;top:0}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]{background:#3c67ff;z-index:40}[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]:hover{background:#3c67ff}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-hover][data-toolbar-hover-focus]{background:#9144da;padding:4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-active]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-hover]:hover{background:#9144da}[data-toolbar-wrap] [data-toolbar][data-toolbar-active]{background:#151515;border-color:#424242;border-radius:8px;color:#fff;height:32px;opacity:1;top:-35px;visibility:visible;z-index:20}[data-toolbar-wrap] [data-toolbar][data-toolbar-active]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-hover-focus],[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-hover-focus]:hover{background:#151515}[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-theme-section=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-theme-section=true][data-toolbar-hover-focus]{background:#9144da}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]{border-radius:6px;height:24px;margin-right:9px;padding:4px;position:relative;transition:background .2s ease-in-out}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]:before{background:#424242;content:"";height:calc(100% - 4px);position:absolute;right:-5px;right:-4px;top:2px;width:1px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent]{display:block;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent] svg{display:block;height:16px;max-width:unset;width:16px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-parent][data-toolbar-icon-parent-open=true]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent]:hover{background-color:hsla(0,0%,88%,.2)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-show-parent] [data-toolbar-icon-drag]{display:block}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete],[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate],[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out]{border-radius:6px;display:block;padding:4px;transition:background .2s ease-in-out}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out] svg{display:block;height:16px;max-width:unset;width:16px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out]:hover{background-color:hsla(0,0%,88%,.2)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section][data-toolbar-disable=true] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete][data-toolbar-disable=true] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate][data-toolbar-disable=true] svg,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out][data-toolbar-disable=true] svg{opacity:.4}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section][data-toolbar-disable=true]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-delete][data-toolbar-disable=true]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-duplicate][data-toolbar-disable=true]:hover,[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-zoom-out][data-toolbar-disable=true]:hover{background:transparent}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section-wrapper]{border-left:1px solid #6a6a6a;border-right:1px solid #6a6a6a;margin:0 4px;padding:0 4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section]{align-items:center;display:flex!important;gap:4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-active-create-theme-section] p{font-size:12px;font-weight:500}[data-toolbar-wrap] [data-toolbar][data-toolbar-active] [data-toolbar-create-theme-section]{display:none}[data-toolbar-wrap] [data-toolbar][data-toolbar-active-overflow],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover-overflow]{left:unset;right:0}[data-toolbar-wrap] [data-toolbar][data-toolbar-active-revert]{top:calc(100% + 3px)}[data-toolbar-wrap] [data-toolbar][data-toolbar-active-inside]{top:4px}[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true]{border-color:#424242;left:unset;right:0}[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true][data-toolbar-active],[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true][data-toolbar-hover-focus],[data-toolbar-wrap] [data-toolbar][data-toolbar-section=true][data-toolbar-hover-focus] [data-toolbar-create-theme-section]{border-color:#424242}[data-toolbar-wrap] [data-toolbar][data-toolbar-editor-inline-focus]{display:none}[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-active],[data-toolbar-wrap] [data-toolbar][data-toolbar-theme-section=true][data-toolbar-hover-focus]{border-color:#9144da}[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus][data-toolbar-limit=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-limit=true],[data-toolbar-wrap] [data-toolbar][data-toolbar-limit=true]{background:#f44336;border-color:#f44336;color:#fff}[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit=true] [data-toolbar-active-create-theme-section-wrapper],[data-toolbar-wrap] [data-toolbar][data-toolbar-active][data-toolbar-limit=true] [data-toolbar-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus][data-toolbar-limit=true] [data-toolbar-active-create-theme-section-wrapper],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus][data-toolbar-limit=true] [data-toolbar-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-limit=true] [data-toolbar-active-create-theme-section-wrapper],[data-toolbar-wrap] [data-toolbar][data-toolbar-hover][data-toolbar-limit=true] [data-toolbar-create-theme-section],[data-toolbar-wrap] [data-toolbar][data-toolbar-limit=true] [data-toolbar-active-create-theme-section-wrapper],[data-toolbar-wrap] [data-toolbar][data-toolbar-limit=true] [data-toolbar-create-theme-section]{border-color:#fff}[data-toolbar-wrap] [data-outline]{border:1px solid #3c67ff;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity 0ms ease-in-out;visibility:hidden;width:100%;z-index:0}[data-toolbar-wrap] [data-outline][data-outline-force-hover],[data-toolbar-wrap] [data-outline][data-outline-hover]{opacity:1;transition-delay:.1s;visibility:visible;z-index:1}[data-toolbar-wrap] [data-outline][data-outline-active]{opacity:1;visibility:visible;z-index:1}[data-toolbar-wrap] [data-outline][data-outline-force-overlay],[data-toolbar-wrap] [data-outline][data-outline-overlay]{background:rgba(60,103,255,.1);transition-delay:0ms}[data-toolbar-wrap] [data-outline][data-outline-force-overlay][data-outline-theme-section=true],[data-toolbar-wrap] [data-outline][data-outline-overlay][data-outline-theme-section=true]{background:#ebddf866}[data-toolbar-wrap] [data-outline][data-outline-overlay-theme-section]{background:transparent}[data-toolbar-wrap] [data-outline][data-outline-hover][data-outline-section=true],[data-toolbar-wrap] [data-outline][data-outline-section=true][data-outline-active],[data-toolbar-wrap] [data-outline][data-outline-section=true][data-outline-hover-focus]{border-color:#3c67ff;z-index:0}[data-toolbar-wrap] [data-outline][data-outline-editor-inline-focus]{border-color:transparent;outline:unset;z-index:0}[data-toolbar-wrap] [data-component-tag=Heading] [data-outline][data-outline-editor-inline-focus],[data-toolbar-wrap] [data-component-tag=Text] [data-outline][data-outline-editor-inline-focus]{border-color:#3c67ff;height:calc(100% + 4px);left:0;outline:4px solid rgba(60,103,255,.24);top:0;width:calc(100% + 4px);z-index:0}[data-toolbar-wrap] [data-component-tag=Section]>[data-toolbar] [data-toolbar-show-parent]{margin-right:0}[data-toolbar-wrap] [data-component-tag=Section]>[data-toolbar] [data-toolbar-show-parent]:before{display:none}[data-toolbar-wrap] [data-outline][data-outline-theme-section=true],[data-toolbar-wrap] [data-outline][data-outline-theme-section=true][data-outline-active],[data-toolbar-wrap] [data-outline][data-outline-theme-section=true][data-outline-hover-focus]{border-color:#9144da;z-index:0}[data-toolbar-wrap] [data-outline][data-outline-active][data-outline-limit=true],[data-toolbar-wrap] [data-outline][data-outline-hover][data-outline-hover-focus][data-outline-limit=true],[data-toolbar-wrap] [data-outline][data-outline-hover][data-outline-limit=true],[data-toolbar-wrap] [data-outline][data-outline-limit=true]{border-color:#f44336}[data-toolbar-wrap] [data-outline][data-outline-parent-hover],[data-toolbar-wrap] [data-outline][data-outline-section][data-outline-parent-hover]{border-style:dashed}[data-toolbar-wrap] [data-theme-section] [data-outline][data-outline-hover][data-outline-hover-focus],[data-toolbar-wrap] [data-theme-section] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-theme-section] [data-toolbar-add-top],[data-toolbar-wrap] [data-theme-section] [data-toolbar][data-toolbar-hover][data-toolbar-hover-focus]{transition-delay:0ms}[data-toolbar-wrap] [data-theme-section] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-theme-section] [data-toolbar-add-top]{border-color:#9144da}[data-toolbar-wrap] [data-theme-section] .button-text:after{display:none!important}[data-toolbar-wrap] [data-theme-section] .gp-text:hover{border-color:transparent!important}[data-toolbar-wrap] [data-theme-section-status]{align-items:center;background:#ebddf8;border-radius:3px;color:#212121;display:none;font-size:14px;font-weight:400;gap:4px;left:8px;line-height:24px;max-width:32px;overflow:hidden;padding:4px;position:absolute;top:8px;transition:max-width 1s ease-in-out;z-index:50}[data-toolbar-wrap] [data-theme-section-status-active=true]{display:flex}[data-toolbar-wrap] [data-theme-section-status-icon]{align-items:center;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}[data-toolbar-wrap] [data-theme-section-status-text]{display:block;white-space:nowrap}[data-toolbar-wrap] [data-theme-section-status]:hover{max-width:100%}[data-toolbar-wrap] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-toolbar-add-top]{align-items:center;background:#fff;border:1px solid #3c67ff;border-radius:8px;color:#3c67ff;cursor:pointer;display:flex;height:32px;justify-content:center;left:calc(50% - 16px);opacity:0;position:absolute;top:-16px;transition:border-color .2s ease-in-out,opacity 0ms ease-in-out;transition-delay:.1s;-webkit-user-select:none;user-select:none;visibility:hidden;width:32px;z-index:50}[data-toolbar-wrap] [data-toolbar-add-bottom] svg,[data-toolbar-wrap] [data-toolbar-add-top] svg{height:16px;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:16px}[data-toolbar-wrap] [data-toolbar-add-bottom]:hover,[data-toolbar-wrap] [data-toolbar-add-top]:hover{background-color:#f6f6f6}[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-disable=true],[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-disable=true]:hover,[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-disable=true],[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-disable=true]:hover{background:#f4f4f4;border-color:#d6d6d6;color:#d6d6d6}[data-toolbar-wrap] [data-toolbar-add-bottom]{bottom:-16px;top:unset}[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-open=true] svg,[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-open=true] svg{-webkit-transform:rotate(45deg);transform:rotate(45deg)}[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-active],[data-toolbar-wrap] [data-toolbar-add-bottom][data-toolbar-add-hover],[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-active],[data-toolbar-wrap] [data-toolbar-add-top][data-toolbar-add-hover]{opacity:1;visibility:visible}[data-toolbar-wrap] [data-spacing]{z-index:10}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom]{bottom:0;display:flex;display:none;justify-content:center;left:0;position:absolute;width:100%;z-index:10}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-bg]{align-items:center;background-color:#3c67ff33;display:flex;justify-content:center;left:0;position:absolute;top:0;width:100%}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-bg] [data-spacing-margin-bottom-value]{background-color:#3c67ff;border-radius:4px;color:#fff;display:none;font-size:8px;font-weight:700;padding:2px;position:absolute}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-drag]{background-color:#3c67ff;border-top-left-radius:4px;border-top-right-radius:4px;bottom:0;cursor:ns-resize;height:4px;position:absolute;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:height .2s;width:40px}[data-toolbar-wrap] [data-spacing] [data-spacing-margin-bottom] [data-spacing-margin-bottom-drag]:hover{height:6px}[data-toolbar-wrap] [data-spacing][data-spacing-theme-section=true] [data-spacing-margin-bottom-bg]{background-color:#9144da33}[data-toolbar-wrap] [data-spacing][data-spacing-theme-section=true] [data-spacing-margin-bottom-bg] [data-spacing-margin-bottom-value],[data-toolbar-wrap] [data-spacing][data-spacing-theme-section=true] [data-spacing-margin-bottom-drag]{background-color:#9144da}[data-toolbar-wrap] [data-spacing-margin-bottom][data-spacing-margin-bottom-active]{display:flex}[data-toolbar-wrap] [data-spacing][data-spacing-hidden]{display:none}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip]{background-color:#333!important;border-radius:6px;color:#fff;font-size:16px;max-width:unset;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transition:opacity 1s;white-space:nowrap;width:unset;z-index:1}[data-toolbar-wrap] [data-toolbar-tooltip-trigger]:hover [data-toolbar-tooltip]{opacity:1}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=right]{left:105%;top:-5px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=right]:after{border:5px solid transparent;border-right-color:#333;content:" ";margin-top:-5px;position:absolute;right:100%;top:50%}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=left]{right:105%;top:-5px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=left]:after{border:5px solid transparent;border-left-color:#333;content:" ";left:100%;margin-top:-5px;position:absolute;top:50%}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=top]{bottom:105%;left:0}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=top]:after{border:5px solid transparent;border-top-color:#333;content:" ";left:50%;margin-left:-5px;position:absolute;top:calc(100% - .5px)}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=bottom]{left:0;top:105%}[data-toolbar-wrap] [data-toolbar-tooltip-trigger] [data-toolbar-tooltip-position=bottom]:after{border:5px solid transparent;border-bottom-color:#333;bottom:100%;content:" ";left:50%;margin-left:-5px;position:absolute}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate]{position:relative}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] [data-toolbar-tooltip]{left:unset;margin-top:12px;right:0}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-duplicate] [data-toolbar-tooltip][data-toolbar-tooltip-position=bottom]:after{content:" ";left:unset;right:6px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete]{position:relative}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip]{font-size:12px;line-height:20px;padding:8px;text-align:left;white-space:normal;width:206px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position=top]{left:50%;margin-bottom:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position=bottom]{left:unset;right:-4px;top:36px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-delete] [data-toolbar-tooltip][data-toolbar-tooltip-position=bottom]:after{left:unset;right:10px}[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-add-bottom] [data-toolbar-tooltip],[data-toolbar-wrap] [data-toolbar-tooltip-trigger][data-toolbar-add-top] [data-toolbar-tooltip]{left:50%;margin-bottom:12px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}[data-toolbar-wrap] [data-column]{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}[data-toolbar-wrap] [data-column] [data-column-hand-drag]{align-items:center;cursor:grab;justify-content:center;opacity:0;pointer-events:auto;visibility:hidden}[data-toolbar-wrap] [data-column] [data-column-hand-drag] [data-column-hand-visual]{background-color:#d6d6d6;border-radius:2px;height:80%;transition:all .2s;width:3px}[data-toolbar-wrap] [data-column] [data-column-hand-drag] [data-column-hand-visual-drag]{color:#3c67ff;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .2s;visibility:hidden;width:16px}[data-toolbar-wrap] [data-column] [data-column-hand-drag] [data-column-hand-visual-drag] svg{height:16px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:16px}[data-toolbar-wrap] [data-column] [data-column-hand-drag]:hover [data-column-hand-visual],[data-toolbar-wrap] [data-column] [data-column-hand-drag][data-column-hand-drag-active=true] [data-column-hand-visual]{background-color:#3c67ff}[data-toolbar-wrap] [data-column] [data-column-hand-drag]:hover [data-column-hand-visual-drag],[data-toolbar-wrap] [data-column] [data-column-hand-drag][data-column-hand-drag-active=true] [data-column-hand-visual-drag]{opacity:1;visibility:visible}[data-toolbar-wrap] [data-column][data-column-theme-section=true] [data-column-hand-drag] [data-column-hand-visual-drag]{color:#9144da}[data-toolbar-wrap] [data-column][data-column-theme-section=true] [data-column-hand-drag]:hover [data-column-hand-visual],[data-toolbar-wrap] [data-column][data-column-theme-section=true] [data-column-hand-drag][data-column-hand-drag-active=true] [data-column-hand-visual]{background-color:#9144da}[data-toolbar-debug] [data-outline],[data-toolbar-debug] [data-toolbar],[data-toolbar-wrap] [data-column][data-column-force-visible=true] [data-column-hand-drag],[data-toolbar-wrap] [data-column][data-column-is-drag-visible=true] [data-column-hand-drag],[data-toolbar-wrap] [data-column][data-column-theme-section=true] [data-column-hand-drag]:hover [data-column-hand-visual-drag],[data-toolbar-wrap] [data-column][data-column-theme-section=true] [data-column-hand-drag][data-column-hand-drag-active=true] [data-column-hand-visual-drag],[data-toolbar-wrap] [data-column][data-column-visible] [data-column-hand-drag]{opacity:1;visibility:visible}[data-toolbar-active=true] .theme-section-tooltip{padding-top:16px!important;right:-53px!important}[data-toolbar-active=true] .theme-section-tooltip:before{right:45%!important;top:12px!important}.theme-section-tooltip-wrapper{position:relative}.theme-section-tooltip-wrapper .theme-section-tooltip{border-radius:12px;cursor:default;display:flex;flex-direction:column;min-width:284px;padding-top:9px;position:absolute;right:-4px;top:100%}.theme-section-tooltip-wrapper .theme-section-tooltip:before{background:#212121;content:"";height:8px;position:absolute;right:16px;top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.theme-section-tooltip-wrapper .theme-section-tooltip__image{background:#212121;border-radius:12px 12px 0 0;min-height:150px;padding:16px 20px 8px 21px}.theme-section-tooltip-wrapper .theme-section-tooltip__body{background:#151515;display:flex;flex-direction:column;gap:8px;padding:16px;white-space:normal}.theme-section-tooltip-wrapper .theme-section-tooltip__body-title{color:#f9f9f9;font-size:14px;font-weight:500;line-height:24px}.theme-section-tooltip-wrapper .theme-section-tooltip__body-desc{color:#aaa;font-size:14px;font-weight:400;line-height:24px}.theme-section-tooltip-wrapper .theme-section-tooltip__action{background:#151515;border-radius:0 0 12px 12px;border-top:1px solid #3b3b3b;display:flex;flex-direction:column;padding:16px}.theme-section-tooltip-wrapper .theme-section-tooltip__action button{background:#3c67ff;border-radius:8px;color:#f9f9f9;cursor:pointer;font-size:14px;font-weight:500;height:40px;line-height:24px;text-align:center;transition:all .15s ease-in;width:100%}.theme-section-tooltip-wrapper .theme-section-tooltip__action button:hover{background:#2856f8}.theme-section-tooltip-wrapper .theme-section-tooltip__action-limit button{background:#fdb913!important;color:#212121!important}.theme-section-tooltip-wrapper .theme-section-tooltip__action-limit button:hover{background:#fdc742!important}.theme-section-tooltip-wrapper .theme-section-tooltip__action-learn-more{color:#8aa4ff;cursor:pointer;font-size:12px;font-weight:500;line-height:20px;margin-top:8px;text-align:center;transition:all .15s ease-in}.theme-section-tooltip-wrapper .theme-section-tooltip__action-learn-more:hover{color:#b1c3ff}[data-toolbar-onboarding]{background-color:#fff;border-radius:8px;box-shadow:0 4px 16px 0 rgba(0,0,0,.12),0 -4px 16px 0 rgba(0,0,0,.06);color:rgba(60,103,255,.24);left:0;opacity:0;position:absolute;top:0;visibility:hidden;width:320px;z-index:40}[data-toolbar-onboarding][data-onboarding-active]{opacity:1;transition:opacity .25s;visibility:visible}[data-toolbar-onboarding] [data-icon]{box-shadow:0 4px 16px 0 rgba(0,0,0,.12),0 -4px 16px 0 rgba(0,0,0,.06);left:16px;position:absolute;top:-4px}[data-toolbar-onboarding] [data-icon][data-position=top]{bottom:-4px;top:unset}[data-toolbar-onboarding] [data-close]{background-color:transparent;border-radius:8px;position:absolute;right:8px;top:8px;transition:background .25s;z-index:99}[data-toolbar-onboarding] [data-close]:hover{background-color:#e2e2e2}[data-toolbar-onboarding] [data-close] svg{-webkit-filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}[data-toolbar-onboarding] [data-content]{padding:16px}[data-toolbar-onboarding] video{border-radius:8px 8px 0 0}[data-toolbar-onboarding] h3{color:#212121;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;letter-spacing:-.32px;line-height:24px}[data-toolbar-onboarding] p{color:#676767;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:24px}@media (max-width:767px){[data-toolbar-wrap] [data-toolbar-add-bottom],[data-toolbar-wrap] [data-toolbar-add-top]{height:28px;left:calc(50% - 14px);top:-14px;width:28px}[data-toolbar-wrap] [data-toolbar-add-bottom]{bottom:-14px;top:unset}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/styles",
3
- "version": "1.14.0-dev.694",
3
+ "version": "1.14.0-dev.701",
4
4
  "description": "Largely classless, blazing fast and super light-weight. Bonsai, a base CSS framework for modern browsers",
5
5
  "license": "MIT",
6
6
  "main": "src/index.js",
package/src/css/builds/toolbar.css CHANGED
@@ -70,12 +70,12 @@
70
70
  background: #3c67ff;
71
71
 
72
72
  &:hover {
73
- background: #7190FF;
73
+ background: #7190ff;
74
74
  }
75
75
 
76
76
  /* fix hover parent */
77
77
  &:before {
78
- content: "";
78
+ content: '';
79
79
  width: 100%;
80
80
  height: 4px;
81
81
  background: transparent;
@@ -84,7 +84,7 @@
84
84
  position: absolute;
85
85
  }
86
86
 
87
- &[data-toolbar-parent-revert="true"]:before {
87
+ &[data-toolbar-parent-revert='true']:before {
88
88
  bottom: unset;
89
89
  top: -4px;
90
90
  }
@@ -140,7 +140,6 @@
140
140
  }
141
141
  }
142
142
  }
143
-
144
143
 
145
144
  [data-toolbar-theme-section='true'] [data-toolbar-duplicate] {
146
145
  border-color: #be86f3;
@@ -242,7 +241,7 @@
242
241
 
243
242
  &:before {
244
243
  position: absolute;
245
- content: "";
244
+ content: '';
246
245
  background: #424242;
247
246
  width: 1px;
248
247
  height: calc(100% - 4px);
@@ -252,7 +251,7 @@
252
251
 
253
252
  &:before {
254
253
  position: absolute;
255
- content: "";
254
+ content: '';
256
255
  background: #424242;
257
256
  width: 1px;
258
257
  height: calc(100% - 4px);
@@ -302,7 +301,7 @@
302
301
  }
303
302
 
304
303
  &:hover {
305
- background: rgba(225, 225, 225, 0.2);
304
+ background-color: rgba(225, 225, 225, 0.2);
306
305
  }
307
306
 
308
307
  &[data-toolbar-disable='true'] {
@@ -339,7 +338,7 @@
339
338
  }
340
339
  }
341
340
 
342
- [data-toolbar][data-toolbar-active-overflow],
341
+ [data-toolbar][data-toolbar-active-overflow],
343
342
  [data-toolbar][data-toolbar-hover-overflow] {
344
343
  left: unset;
345
344
  right: 0;
@@ -424,7 +423,7 @@
424
423
 
425
424
  [data-outline][data-outline-overlay],
426
425
  [data-outline][data-outline-force-overlay] {
427
- background: rgba(60, 103, 255, 0.10);
426
+ background: rgba(60, 103, 255, 0.1);
428
427
  transition-delay: 0ms;
429
428
  }
430
429
 
@@ -467,7 +466,7 @@
467
466
  z-index: 0;
468
467
  }
469
468
  }
470
-
469
+
471
470
  [data-component-tag='Section'] {
472
471
  /* disable divider */
473
472
  > [data-toolbar] [data-toolbar-show-parent] {
@@ -585,10 +584,12 @@
585
584
  opacity: 0;
586
585
  visibility: hidden;
587
586
  user-select: none;
588
- transition: border-color 200ms ease-in-out, opacity 0ms ease-in-out;
587
+ transition:
588
+ border-color 200ms ease-in-out,
589
+ opacity 0ms ease-in-out;
589
590
  transition-delay: 100ms;
590
591
 
591
- @media(max-width: 767px) {
592
+ @media (max-width: 767px) {
592
593
  & {
593
594
  width: 28px;
594
595
  height: 28px;
@@ -604,7 +605,7 @@
604
605
  }
605
606
 
606
607
  &:hover {
607
- background-color: #F6F6F6;
608
+ background-color: #f6f6f6;
608
609
  }
609
610
 
610
611
  &[data-toolbar-disable='true'] {
@@ -623,8 +624,8 @@
623
624
  [data-toolbar-add-bottom] {
624
625
  top: unset;
625
626
  bottom: -16px;
626
-
627
- @media(max-width: 767px) {
627
+
628
+ @media (max-width: 767px) {
628
629
  & {
629
630
  top: unset;
630
631
  bottom: -14px;
@@ -737,7 +738,7 @@
737
738
  [data-toolbar-tooltip] {
738
739
  width: unset;
739
740
  max-width: unset;
740
- background-color: #676767 !important;
741
+ background-color: #333333 !important;
741
742
  color: #fff;
742
743
  text-align: center;
743
744
  border-radius: 6px;
@@ -769,7 +770,7 @@
769
770
  margin-top: -5px;
770
771
  border-width: 5px;
771
772
  border-style: solid;
772
- border-color: transparent #676767 transparent transparent;
773
+ border-color: transparent #333333 transparent transparent;
773
774
  }
774
775
  }
775
776
 
@@ -785,7 +786,7 @@
785
786
  margin-top: -5px;
786
787
  border-width: 5px;
787
788
  border-style: solid;
788
- border-color: transparent transparent transparent #676767;
789
+ border-color: transparent transparent transparent #333333;
789
790
  }
790
791
  }
791
792
 
@@ -796,12 +797,12 @@
796
797
  &::after {
797
798
  content: ' ';
798
799
  position: absolute;
799
- top: 100%;
800
+ top: calc(100% - 0.5px);
800
801
  left: 50%;
801
802
  margin-left: -5px;
802
803
  border-width: 5px;
803
804
  border-style: solid;
804
- border-color: #676767 transparent transparent transparent;
805
+ border-color: #333333 transparent transparent transparent;
805
806
  }
806
807
  }
807
808
 
@@ -817,7 +818,7 @@
817
818
  margin-left: -5px;
818
819
  border-width: 5px;
819
820
  border-style: solid;
820
- border-color: transparent transparent #676767 transparent;
821
+ border-color: transparent transparent #333333 transparent;
821
822
  }
822
823
  }
823
824
  }
@@ -840,7 +841,7 @@
840
841
  }
841
842
  }
842
843
  }
843
-
844
+
844
845
  [data-toolbar-tooltip-trigger][data-toolbar-delete] {
845
846
  position: relative;
846
847
 
@@ -854,7 +855,8 @@
854
855
 
855
856
  &[data-toolbar-tooltip-position='top'] {
856
857
  margin-bottom: 12px;
857
- transform: translateX(-91px);
858
+ left: 50%;
859
+ transform: translateX(-50%);
858
860
  }
859
861
 
860
862
  &[data-toolbar-tooltip-position='bottom'] {
@@ -960,7 +962,6 @@
960
962
  }
961
963
  }
962
964
 
963
-
964
965
  [data-toolbar-debug] {
965
966
  [data-toolbar] {
966
967
  opacity: 1;
@@ -1097,81 +1098,83 @@
1097
1098
  }
1098
1099
  }
1099
1100
 
1101
+ /* Toolbar onboarding */
1102
+ [data-toolbar-onboarding] {
1103
+ position: absolute;
1104
+ left: 0;
1105
+ top: 0;
1106
+ width: 320px;
1107
+ background-color: #fff;
1108
+ color: rgba(60, 103, 255, 0.24);
1109
+ border-radius: 8px;
1110
+ box-shadow:
1111
+ 0px 4px 16px 0px rgba(0, 0, 0, 0.12),
1112
+ 0px -4px 16px 0px rgba(0, 0, 0, 0.06);
1113
+ z-index: 40;
1114
+ visibility: hidden;
1115
+ opacity: 0;
1116
+
1117
+ &[data-onboarding-active] {
1118
+ visibility: visible;
1119
+ opacity: 1;
1120
+ transition: opacity 0.25s;
1121
+ }
1100
1122
 
1101
- /* Toolbar onboarding */
1102
- [data-toolbar-onboarding] {
1103
- position: absolute;
1104
- left: 0;
1105
- top: 0;
1106
- width: 320px;
1107
- background-color: #fff;
1108
- color:rgba(60, 103, 255, 0.24);
1109
- border-radius: 8px;
1110
- box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12), 0px -4px 16px 0px rgba(0, 0, 0, 0.06);
1111
- z-index: 40;
1112
- visibility: hidden;
1113
- opacity: 0;
1114
-
1115
- &[data-onboarding-active]{
1116
- visibility: visible;
1117
- opacity: 1;
1118
- transition: opacity .25s;
1119
- }
1123
+ [data-onboarding-wrapper] {
1124
+ }
1120
1125
 
1121
- [data-onboarding-wrapper] {
1122
-
1126
+ [data-icon] {
1127
+ position: absolute;
1128
+ top: -4px;
1129
+ left: 16px;
1130
+ /* Popover */
1131
+ box-shadow:
1132
+ 0px 4px 16px 0px rgba(0, 0, 0, 0.12),
1133
+ 0px -4px 16px 0px rgba(0, 0, 0, 0.06);
1134
+
1135
+ &[data-position='top'] {
1136
+ top: unset;
1137
+ bottom: -4px;
1123
1138
  }
1139
+ }
1140
+ [data-close] {
1141
+ position: absolute;
1142
+ top: 8px;
1143
+ right: 8px;
1144
+ z-index: 99;
1145
+ border-radius: 8px;
1146
+ background-color: transparent;
1147
+ transition: background 0.25s;
1124
1148
 
1125
- [data-icon] {
1126
- position: absolute;
1127
- top: -4px;
1128
- left: 16px;
1129
- /* Popover */
1130
- box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12), 0px -4px 16px 0px rgba(0, 0, 0, 0.06);
1131
-
1132
- &[data-position="top"] {
1133
- top: unset;
1134
- bottom: -4px;
1135
- }
1149
+ &:hover {
1150
+ background-color: #e2e2e2;
1136
1151
  }
1137
- [data-close] {
1138
- position: absolute;
1139
- top: 8px;
1140
- right: 8px;
1141
- z-index: 99;
1142
- border-radius: 8px;
1143
- background-color: transparent;
1144
- transition: background .25s;
1145
-
1146
- &:hover {
1147
- background-color: #E2E2E2;
1148
- }
1149
- svg {
1150
- filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
1151
- }
1152
+ svg {
1153
+ filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
1152
1154
  }
1155
+ }
1153
1156
 
1154
- [data-content] {
1155
- padding: 16px;
1156
- }
1157
- video {
1158
- border-radius: 8px 8px 0 0;
1159
- }
1160
- h3 {
1161
- color: #212121;
1162
- font-family: Inter;
1163
- font-size: 16px;
1164
- font-style: normal;
1165
- font-weight: 600;
1166
- line-height: 24px; /* 150% */
1167
- letter-spacing: -0.32px;
1168
- }
1169
- p{
1170
- color: #676767;
1171
- font-family: Inter;
1172
- font-size: 14px;
1173
- font-style: normal;
1174
- font-weight: 400;
1175
- line-height: 24px; /* 171.429% */
1176
- }
1177
- }
1157
+ [data-content] {
1158
+ padding: 16px;
1159
+ }
1160
+ video {
1161
+ border-radius: 8px 8px 0 0;
1162
+ }
1163
+ h3 {
1164
+ color: #212121;
1165
+ font-family: Inter;
1166
+ font-size: 16px;
1167
+ font-style: normal;
1168
+ font-weight: 600;
1169
+ line-height: 24px; /* 150% */
1170
+ letter-spacing: -0.32px;
1171
+ }
1172
+ p {
1173
+ color: #676767;
1174
+ font-family: Inter;
1175
+ font-size: 14px;
1176
+ font-style: normal;
1177
+ font-weight: 400;
1178
+ line-height: 24px; /* 171.429% */
1179
+ }
1180
+ }