@adstore/templates 2.1.1 → 2.1.2

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/dist/style.css CHANGED
@@ -527,8 +527,17 @@
527
527
  ._legal_tv8qf_108::-webkit-scrollbar-thumb {
528
528
  background: #7e8392;
529
529
  border-radius: 5px;
530
- }._root_1l0ud_1 {
531
- max-width: 320px;
530
+ }._root_15w5v_1 {
531
+ position: absolute;
532
+ inset: 0;
533
+ display: flex;
534
+ align-items: center;
535
+ justify-content: center;
536
+ z-index: 1000;
537
+ overflow: auto;
538
+ }
539
+
540
+ ._content_15w5v_11 {
532
541
  width: 100%;
533
542
  overflow: hidden;
534
543
  border-radius: 10px;
@@ -537,43 +546,59 @@
537
546
  display: flex;
538
547
  }
539
548
 
540
- ._laptop_1l0ud_11 {
541
- max-width: 930px;
549
+ ._laptop_15w5v_20 {
542
550
  min-height: 680px;
543
551
  }
544
552
 
545
- ._tablet_1l0ud_16 {
546
- max-width: 410px;
553
+ ._tablet_15w5v_24 {
547
554
  min-height: 680px;
548
555
  }
549
556
 
550
- ._desktop_1l0ud_21 {
551
- max-width: 75%;
557
+ ._desktop_15w5v_28 {
552
558
  min-height: 500px;
553
559
  }
554
560
 
555
- ._body_1l0ud_26 {
561
+ ._wrapper_15w5v_32 {
562
+ position: relative;
563
+ }
564
+
565
+ ._overlay_15w5v_36 {
566
+ position: fixed;
567
+ inset: 0;
568
+ background-color: rgba(0, 0, 0, 0.65);
569
+ }
570
+
571
+ ._close_15w5v_42 {
572
+ position: absolute;
573
+ top: 15px;
574
+ right: 15px;
575
+ color: #cbcdd3;
576
+ cursor: pointer;
577
+ }
578
+
579
+ ._body_15w5v_50 {
556
580
  padding: 25px 10px 12px 10px;
557
581
  display: flex;
558
582
  flex-direction: column;
559
583
  justify-content: flex-end;
560
584
  align-items: center;
585
+ width: 100%;
561
586
  }
562
- ._desktop_1l0ud_21 ._body_1l0ud_26 {
587
+ ._desktop_15w5v_28 ._body_15w5v_50 {
563
588
  padding: 30px 47px 15px 47px;
564
589
  }
565
590
 
566
- ._logo_1l0ud_37 {
591
+ ._logo_15w5v_62 {
567
592
  width: 100px;
568
593
  height: 60px;
569
594
  background: #eee center;
570
595
  }
571
596
 
572
- ._text_1l0ud_43 {
597
+ ._text_15w5v_68 {
573
598
  margin: auto 0;
574
599
  }
575
600
 
576
- ._button_1l0ud_47 {
601
+ ._button_15w5v_72 {
577
602
  border-radius: 8px;
578
603
  padding: 0 15px;
579
604
  font-size: 24px;
@@ -584,11 +609,11 @@
584
609
  justify-content: center;
585
610
  width: 100%;
586
611
  }
587
- ._desktop_1l0ud_21 ._button_1l0ud_47 {
612
+ ._desktop_15w5v_28 ._button_15w5v_72 {
588
613
  width: 70%;
589
614
  }
590
615
 
591
- ._legal_1l0ud_62 {
616
+ ._legal_15w5v_87 {
592
617
  font-size: 9px;
593
618
  color: #333;
594
619
  padding: 0 10px;
@@ -596,7 +621,7 @@
596
621
  width: 100%;
597
622
  line-height: 1.2;
598
623
  }
599
- ._desktop_1l0ud_21 ._legal_1l0ud_62 {
624
+ ._desktop_15w5v_28 ._legal_15w5v_87 {
600
625
  width: 70%;
601
626
  }._root_2ic16_1 {
602
627
  font-size: 20px;
@@ -609,7 +634,11 @@
609
634
  font-family: var(--font-family);
610
635
  color: var(--accent-color);
611
636
  font-size: var(--accent-size);
612
- }._root_13k8c_1 {
637
+ }._root_1ifs0_1 {
638
+ position: relative;
639
+ }
640
+
641
+ ._content_1ifs0_5 {
613
642
  width: 280px;
614
643
  overflow: hidden;
615
644
  border-radius: 10px;
@@ -619,14 +648,28 @@
619
648
  flex-direction: column;
620
649
  justify-content: center;
621
650
  height: 100%;
651
+ position: relative;
622
652
  }
623
653
 
624
- ._desktop_13k8c_13 {
654
+ ._desktop_1ifs0_18 {
625
655
  width: 1000px;
626
656
  padding: 30px 20px;
627
657
  }
628
658
 
629
- ._title_13k8c_18 {
659
+ ._overlay_1ifs0_23 {
660
+ position: fixed;
661
+ inset: 0;
662
+ background-color: rgba(0, 0, 0, 0.65);
663
+ }
664
+
665
+ ._close_1ifs0_29 {
666
+ position: absolute;
667
+ top: 15px;
668
+ right: 15px;
669
+ color: #cbcdd3;
670
+ }
671
+
672
+ ._title_1ifs0_36 {
630
673
  text-transform: uppercase;
631
674
  margin-bottom: 20px;
632
675
  font-weight: bold;
@@ -636,18 +679,18 @@
636
679
  text-align: center;
637
680
  line-height: 1.2;
638
681
  }
639
- ._desktop_13k8c_13 ._title_13k8c_18 {
682
+ ._desktop_1ifs0_18 ._title_1ifs0_36 {
640
683
  margin-bottom: 70px;
641
684
  font-size: 26px;
642
685
  }
643
686
 
644
- ._wrapper_13k8c_33 {
687
+ ._wrapper_1ifs0_51 {
645
688
  display: flex;
646
689
  flex-direction: column;
647
690
  justify-content: center;
648
691
  gap: 15px;
649
692
  }
650
- ._desktop_13k8c_13 ._wrapper_13k8c_33 {
693
+ ._desktop_1ifs0_18 ._wrapper_1ifs0_51 {
651
694
  flex-direction: initial;
652
695
  gap: 25px;
653
696
  }._root_1ska4_1 {
@@ -775,28 +818,41 @@
775
818
  ._legal_1ska4_102::-webkit-scrollbar-thumb {
776
819
  background: #7E8392;
777
820
  border-radius: 5px;
778
- }._root_i7e17_1 {
779
- max-width: 320px;
780
- width: 100%;
821
+ }._root_14xbh_1 {
822
+ position: absolute;
823
+ inset: 0;
824
+ display: flex;
825
+ align-items: center;
826
+ justify-content: center;
827
+ z-index: 1000;
828
+ overflow: auto;
829
+ }
830
+
831
+ ._content_14xbh_11 {
781
832
  overflow: hidden;
782
833
  border-radius: 10px;
783
834
  background-color: #fff;
784
- min-height: 500px;
785
835
  display: block;
836
+ position: relative;
786
837
  }
787
838
 
788
- ._laptop_i7e17_11,
789
- ._tablet_i7e17_12 {
790
- max-width: 410px;
791
- min-height: 680px;
839
+ ._close_14xbh_19 {
840
+ position: absolute;
841
+ top: 15px;
842
+ right: 15px;
843
+ color: #cbcdd3;
844
+ cursor: pointer;
792
845
  }
793
846
 
794
- ._desktop_i7e17_17 {
795
- max-width: 930px;
796
- min-height: 500px;
847
+ ._overlay_14xbh_27 {
848
+ position: fixed;
849
+ inset: 0;
850
+ background-color: rgba(0, 0, 0, 0.65);
797
851
  }
798
852
 
799
- ._body_i7e17_22 {
853
+ ._body_14xbh_33 {
854
+ width: 300px;
855
+ min-height: 500px;
800
856
  padding: 25px 10px 12px 10px;
801
857
  display: flex;
802
858
  flex-direction: column;
@@ -804,47 +860,53 @@
804
860
  align-items: center;
805
861
  height: 100%;
806
862
  }
807
- ._desktop_i7e17_17 ._body_i7e17_22 {
863
+ ._desktop_14xbh_43 ._body_14xbh_33 {
808
864
  padding: 30px 47px 15px 47px;
865
+ min-height: 500px;
866
+ width: 1000px;
867
+ }
868
+ ._laptop_14xbh_48 ._body_14xbh_33, ._tablet_14xbh_48 ._body_14xbh_33 {
869
+ width: 410px;
870
+ min-height: 680px;
809
871
  }
810
872
 
811
- ._head_i7e17_34 {
873
+ ._head_14xbh_53 {
812
874
  display: flex;
813
875
  align-items: center;
814
876
  flex-direction: column-reverse;
815
877
  margin-bottom: 10px;
816
878
  }
817
- ._desktop_i7e17_17 ._head_i7e17_34 {
879
+ ._desktop_14xbh_43 ._head_14xbh_53 {
818
880
  flex-direction: initial;
819
881
  }
820
882
 
821
- ._title_i7e17_44 {
883
+ ._title_14xbh_63 {
822
884
  font-size: 23px;
823
885
  text-transform: uppercase;
824
886
  margin-top: 10px;
825
887
  color: #333;
826
888
  font-weight: bold;
827
889
  }
828
- ._desktop_i7e17_17 ._title_i7e17_44 {
890
+ ._desktop_14xbh_43 ._title_14xbh_63 {
829
891
  font-size: 36px;
830
892
  margin-right: 32px;
831
893
  margin-bottom: initial;
832
894
  }
833
895
 
834
- ._logo_i7e17_57 {
896
+ ._logo_14xbh_76 {
835
897
  width: 100px;
836
898
  height: 60px;
837
899
  background: #eee;
838
900
  }
839
901
 
840
- ._wrapper_i7e17_63 {
902
+ ._wrapper_14xbh_82 {
841
903
  margin: auto 0;
842
904
  display: flex;
843
905
  flex-direction: column;
844
906
  width: 100%;
845
907
  }
846
908
 
847
- ._text_i7e17_70 {
909
+ ._text_14xbh_89 {
848
910
  font-size: 20px;
849
911
  color: #333;
850
912
  margin-bottom: 15px;
@@ -853,13 +915,13 @@
853
915
  --accent-color: #f0f;
854
916
  --font-family: Roboto, sans-serif;
855
917
  }
856
- ._text_i7e17_70 span {
918
+ ._text_14xbh_89 span {
857
919
  font-family: var(--font-family);
858
920
  color: var(--accent-color);
859
921
  font-size: var(--accent-size);
860
922
  }
861
923
 
862
- ._button_i7e17_85 {
924
+ ._button_14xbh_104 {
863
925
  display: flex;
864
926
  align-items: center;
865
927
  width: 100%;
@@ -869,12 +931,12 @@
869
931
  border-radius: 4px;
870
932
  overflow: hidden;
871
933
  }
872
- ._desktop_i7e17_17 ._button_i7e17_85 {
934
+ ._desktop_14xbh_43 ._button_14xbh_104 {
873
935
  flex-direction: initial;
874
936
  width: 80%;
875
937
  }
876
938
 
877
- ._buttonHead_i7e17_100 {
939
+ ._buttonHead_14xbh_119 {
878
940
  display: flex;
879
941
  align-items: center;
880
942
  height: 42px;
@@ -886,14 +948,14 @@
886
948
  width: 100%;
887
949
  justify-content: center;
888
950
  }
889
- ._desktop_i7e17_17 ._buttonHead_i7e17_100 {
951
+ ._desktop_14xbh_43 ._buttonHead_14xbh_119 {
890
952
  height: 55px;
891
953
  width: initial;
892
954
  flex-direction: initial;
893
955
  font-size: 31px;
894
956
  }
895
957
 
896
- ._buttonTarget_i7e17_119 {
958
+ ._buttonTarget_14xbh_138 {
897
959
  display: flex;
898
960
  align-items: center;
899
961
  height: 35px;
@@ -904,12 +966,12 @@
904
966
  width: 100%;
905
967
  justify-content: center;
906
968
  }
907
- ._desktop_i7e17_17 ._buttonTarget_i7e17_119 {
969
+ ._desktop_14xbh_43 ._buttonTarget_14xbh_138 {
908
970
  height: 55px;
909
971
  font-size: 31px;
910
972
  }
911
973
 
912
- ._legal_i7e17_135 {
974
+ ._legal_14xbh_154 {
913
975
  font-size: 9px;
914
976
  color: #333;
915
977
  padding: 0 10px;
@@ -917,7 +979,7 @@
917
979
  width: 100%;
918
980
  line-height: 1.2;
919
981
  }
920
- ._desktop_i7e17_17 ._legal_i7e17_135 {
982
+ ._desktop_14xbh_43 ._legal_14xbh_154 {
921
983
  width: 70%;
922
984
  }._root_14sq5_1 {
923
985
  padding: 10px;