-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmain.css
More file actions
2500 lines (2413 loc) · 143 KB
/
Copy pathmain.css
File metadata and controls
2500 lines (2413 loc) · 143 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[1]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[2]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/source-map-loader/dist/cjs.js!./src/views/Home/Home.css ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wrap {
min-height: 90vh;
position: relative;
width: 100%;
}
.section {
padding-bottom: 1.875rem;
}
.footer {
width: 100%;
height: 1.875rem;
bottom: 0rem;
position: absolute;
text-align: center;
}
.info-container {
/* width: 100%;
height: 90%; */
margin-top: 2.08333rem;
display: flex;
justify-content: center;
align-content: center;
text-align: center;
}
.info-box {
width: 50vh;
height: 83vh;
margin: auto;
border-radius: 1.04167rem;
box-shadow: 1px 0.14583rem 0.22917rem 0 rgba(0, 0, 0, 0.16);
background-color: #fdf0be;
}
.pet-name {
width: 50%;
display: block;
position: relative;
left: 55%;
}
.ptag {
margin: 2vh;
font-size: 7vh;
}
.pet-image {
width: 100%;
text-align: center;
overflow: hidden;
}
.pet-image-inner {
width: 70%;
border-radius: 50%;
}
.time {
font-size: 3vh;
font-weight: bold;
margin-left: 10vh;
}
.water-status {
width: 33%;
display: block;
position: relative;
right: 0%;
left: 60%;
top: 0%;
}
.feed-status {
width: 33%;
display: block;
position: relative;
right: 4%;
left: 4%;
top: 0%;
}
.button-container {
position: fixed;
display: flex;
justify-content: space-between;
bottom: 5vh;
right: 21vh;
width: 10vh;
height: 5vh;
}
.add-button {
padding-left: 3vw;
width: 7vh;
height:3vh;
/* float:left;
position: fixed; */
/* padding: 3vh;
margin: 2vh; */
/*
bottom: 5vh;
right: 10vh; */
}
.video-button {
padding-left: 5vh;
/* float:right;
position: relative;
padding: 3vh;
margin: 2vh;
bottom: 3vh;
right: 10vh; */
}
.bottom-section {
position: fixed;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[1]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[2]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/source-map-loader/dist/cjs.js!./resources/css/style.css ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "utf-8";
@font-face {
font-family: 'LGSmHa';
src: url(resources/font/LGSmHaB.ttf);
}
@font-face {
font-family: 'LGSmHa';
src: url(resources/font/LGSmHaB.ttf);
}
@font-face {
font-family: 'LGSmHa';
src: url(resources/font/LGSmHaB.ttf);
}
@font-face {
font-family: 'LGSmHa';
src: url(resources/font/LGSmHaB.ttf);
}
* {
font-family: 'LGSmHa', sans-serif;
}
html,
body {
background-color: #ccdebc;
margin: 0;
padding: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[2]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/source-map-loader/dist/cjs.js!./node_modules/@enact/ui/Button/Button.module.css ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.enact_ui_Button_Button_button {
display: inline-block;
box-sizing: border-box;
position: relative;
overflow: visible;
white-space: nowrap;
width: auto;
z-index: 0;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.enact_ui_Button_Button_button .enact_ui_Button_Button_bg {
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: -1;
}
.enact_ui_Button_Button_button .enact_ui_Button_Button_client {
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
height: 100%;
position: relative;
}
.enact_ui_Button_Button_button .enact_ui_Button_Button_icon,
.enact_ui_Button_Button_button.enact_ui_Button_Button_hasIcon,
.enact_ui_Button_Button_button.enact_ui_Button_Button_large,
.enact_ui_Button_Button_button.enact_ui_Button_Button_minWidth,
.enact_ui_Button_Button_button.enact_ui_Button_Button_small,
.enact_ui_Button_Button_button.enact_ui_Button_Button_decoration,
.enact_ui_Button_Button_button.enact_ui_Button_Button_selected,
.enact_ui_Button_Button_button.enact_ui_Button_Button_pressed {
/* Public Class Names */
}
.enact_ui_Button_Button_button[disabled] {
cursor: default;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[2]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/source-map-loader/dist/cjs.js!./node_modules/@enact/ui/Icon/Icon.module.css ***!
\****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.enact_ui_Icon_Icon_icon {
display: inline-block;
vertical-align: middle;
font-weight: normal;
font-style: normal;
text-align: center;
position: relative;
-webkit-font-kerning: none;
font-feature-settings: "kern" off;
font-kerning: none;
}
.enact_ui_Icon_Icon_icon[disabled] {
cursor: default;
}
.enact_ui_Icon_Icon_icon.enact_ui_Icon_Icon_flipBoth {
transform: scale(-1);
}
.enact_ui_Icon_Icon_icon.enact_ui_Icon_Icon_flipHorizontal {
transform: scaleX(-1);
}
.enact_ui_Icon_Icon_icon.enact_ui_Icon_Icon_flipVertical {
transform: scaleY(-1);
}
.enact_ui_Icon_Icon_icon.enact_ui_Icon_Icon_dingbat,
.enact_ui_Icon_Icon_icon.enact_ui_Icon_Icon_large,
.enact_ui_Icon_Icon_icon.enact_ui_Icon_Icon_pressed,
.enact_ui_Icon_Icon_icon.enact_ui_Icon_Icon_small {
/* Public Class Names */
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[2]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/source-map-loader/dist/cjs.js!./node_modules/@enact/sandstone/Icon/Icon.module.css ***!
\***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.enact_sandstone_Icon_Icon_icon {
background-repeat: no-repeat;
text-align: center;
position: relative;
font-family: "Sandstone Icons";
margin: 0.5rem;
overflow: hidden;
width: var(--icon-size, 1.625rem );
height: var(--icon-size, 1.625rem );
font-size: var(--icon-size, 1.625rem );
line-height: var(--icon-size, 1.625rem );
background-position: center 0;
background-size: var(--icon-size, undefined 1.625rem ) calc(var(--icon-size, 1.625rem ) * 2);
}
.enact_sandstone_Icon_Icon_icon.enact_sandstone_Icon_Icon_large {
--icon-size: 2.25rem;
}
.enact_sandstone_Icon_Icon_icon.enact_sandstone_Icon_Icon_medium {
--icon-size: 1.875rem;
}
.enact_sandstone_Icon_Icon_icon.enact_sandstone_Icon_Icon_small {
--icon-size: 1.625rem;
}
.enact_sandstone_Icon_Icon_icon.enact_sandstone_Icon_Icon_tiny {
--icon-size: 1.25rem;
}
.enact_sandstone_Icon_Icon_icon.enact_sandstone_Icon_Icon_dingbat {
font-family: "LG Icons";
}
.enact_sandstone_Icon_Icon_icon.neutral {
color: inherit;
}
.enact-a11y-high-contrast .enact_sandstone_Icon_Icon_icon.neutral.highContrast {
color: inherit;
}
.enact_sandstone_Icon_Icon_icon.light {
color: inherit;
}
.enact_sandstone_Icon_Icon_icon.game {
color: inherit;
}
.green .enact_sandstone_Icon_Icon_icon.game {
color: inherit;
}
.orange .enact_sandstone_Icon_Icon_icon.game {
color: inherit;
}
.spotlight-input-key .neutral .spottable:focus .enact_sandstone_Icon_Icon_icon,
.spotlight-input-mouse .neutral .spottable:focus .enact_sandstone_Icon_Icon_icon {
background-position: center 100%;
color: inherit;
}
.spotlight-input-touch .neutral .spottable:active .enact_sandstone_Icon_Icon_icon {
background-position: center 100%;
color: inherit;
}
.spotlight-input-key .enact-a11y-high-contrast .neutral.highContrast .spottable:focus .enact_sandstone_Icon_Icon_icon,
.spotlight-input-mouse .enact-a11y-high-contrast .neutral.highContrast .spottable:focus .enact_sandstone_Icon_Icon_icon {
background-position: center 100%;
color: inherit;
}
.spotlight-input-touch .enact-a11y-high-contrast .neutral.highContrast .spottable:active .enact_sandstone_Icon_Icon_icon {
background-position: center 100%;
color: inherit;
}
.spotlight-input-key .light .spottable:focus .enact_sandstone_Icon_Icon_icon,
.spotlight-input-mouse .light .spottable:focus .enact_sandstone_Icon_Icon_icon {
background-position: center 100%;
color: inherit;
}
.spotlight-input-touch .light .spottable:active .enact_sandstone_Icon_Icon_icon {
background-position: center 100%;
color: inherit;
}
.spotlight-input-key .game .spottable:focus .enact_sandstone_Icon_Icon_icon,
.spotlight-input-mouse .game .spottable:focus .enact_sandstone_Icon_Icon_icon {
background-position: center 100%;
color: inherit;
}
.spotlight-input-touch .game .spottable:active .enact_sandstone_Icon_Icon_icon {
background-position: center 100%;
color: inherit;
}
.spotlight-input-key .green .game .spottable:focus .enact_sandstone_Icon_Icon_icon,
.spotlight-input-mouse .green .game .spottable:focus .enact_sandstone_Icon_Icon_icon {
background-position: center 100%;
color: inherit;
}
.spotlight-input-touch .green .game .spottable:active .enact_sandstone_Icon_Icon_icon {
background-position: center 100%;
color: inherit;
}
.spotlight-input-key .orange .game .spottable:focus .enact_sandstone_Icon_Icon_icon,
.spotlight-input-mouse .orange .game .spottable:focus .enact_sandstone_Icon_Icon_icon {
background-position: center 100%;
color: inherit;
}
.spotlight-input-touch .orange .game .spottable:active .enact_sandstone_Icon_Icon_icon {
background-position: center 100%;
color: inherit;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[2]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/source-map-loader/dist/cjs.js!./node_modules/@enact/ui/Marquee/Marquee.module.css ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.enact_ui_Marquee_Marquee_marquee {
--ui-marquee-spacing: 0;
--ui-marquee-offset: 0;
width: auto;
white-space: pre !important;
overflow: hidden;
text-align: left;
}
.enact_ui_Marquee_Marquee_marquee .enact_ui_Marquee_Marquee_text {
pointer-events: none;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
white-space: pre !important;
transition-property: transform;
transition-timing-function: linear;
position: relative;
}
.enact_ui_Marquee_Marquee_marquee .enact_ui_Marquee_Marquee_text.enact_ui_Marquee_Marquee_willAnimate {
will-change: opacity;
overflow: visible;
}
.enact_ui_Marquee_Marquee_marquee .enact_ui_Marquee_Marquee_text.enact_ui_Marquee_Marquee_animate {
/* Public Class Name */
}
.enact_ui_Marquee_Marquee_marquee .enact_ui_Marquee_Marquee_text .enact_ui_Marquee_Marquee_spacing {
display: inline-block;
width: calc(1px * (var(--ui-marquee-spacing, 0) + var(--ui-marquee-offset, 0)));
}
.enact-locale-right-to-left .enact_ui_Marquee_Marquee_marquee {
text-align: right;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[2]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/source-map-loader/dist/cjs.js!./node_modules/@enact/ui/FloatingLayer/Scrim.module.css ***!
\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.enact_ui_FloatingLayer_Scrim_scrim.enact_ui_FloatingLayer_Scrim_transparent {
/* Needed to prevent global class being added in the DOM */
}
.enact_ui_FloatingLayer_Scrim_scrim.enact_ui_FloatingLayer_Scrim_translucent {
pointer-events: auto;
background-color: rgba(0, 0, 0, 0.3);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[2]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/source-map-loader/dist/cjs.js!./node_modules/@enact/ui/FloatingLayer/FloatingLayer.module.css ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.enact_ui_FloatingLayer_FloatingLayer_floatingLayer {
z-index: 100;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[2]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/source-map-loader/dist/cjs.js!./node_modules/@enact/sandstone/TooltipDecorator/Tooltip.module.css ***!
\**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.enact_sandstone_TooltipDecorator_Tooltip_tooltip {
position: absolute;
z-index: 1;
pointer-events: none;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
position: absolute;
width: 0.52083rem;
height: 0.52083rem;
z-index: 1;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_rightArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow,
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_leftArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
width: 0.52083rem;
height: 0.52083rem;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_centerArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
width: 0.52083rem;
height: 0.52083rem;
left: 50%;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_middleArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
width: 0.52083rem;
height: 0.52083rem;
top: 50%;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
--sand-tooltip-label-width: auto;
font-family: "Sandstone";
font-size: 1.25rem;
font-style: normal;
-webkit-font-kerning: normal;
font-feature-settings: "kern";
font-kerning: normal;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5em;
white-space: nowrap;
width: var(--sand-tooltip-label-width);
padding: 0.125rem 1rem;
border-radius: 0.25rem;
}
.enact-locale-non-latin .enact_sandstone_TooltipDecorator_Tooltip_tooltip .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
font-family: "Sandstone";
}
.enact-locale-non-latin .enact_sandstone_TooltipDecorator_Tooltip_tooltip .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
font-family: "Sandstone";
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
}
.enact-locale-right-to-left .enact_sandstone_TooltipDecorator_Tooltip_tooltip .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
text-align: right;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel.enact_sandstone_TooltipDecorator_Tooltip_marquee {
max-width: var(--sand-tooltip-label-width, 12.5rem);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel.enact_sandstone_TooltipDecorator_Tooltip_multi {
white-space: normal;
}
.enact-locale-ja .enact_sandstone_TooltipDecorator_Tooltip_tooltip .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel.enact_sandstone_TooltipDecorator_Tooltip_multi {
line-break: strict;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_balloon {
/* Needed to prevent global class being added in the DOM */
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_transparent .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
font-weight: normal;
font-size: 0.75rem;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_transparent .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
display: none;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_transparent.enact_sandstone_TooltipDecorator_Tooltip_below .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
margin-top: 0rem;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_transparent.enact_sandstone_TooltipDecorator_Tooltip_above .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
margin-bottom: 0rem;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_transparent.enact_sandstone_TooltipDecorator_Tooltip_left .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
margin-right: 0rem;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_transparent.enact_sandstone_TooltipDecorator_Tooltip_right .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
margin-left: 0rem;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_below .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
top: 0;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_below .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
margin-top: 0.375rem;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_leftArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
right: 0;
overflow: hidden;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_leftArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
left: 0;
transform-origin: top right;
transform: rotate(-45deg) skew(-45deg, -5deg);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_leftArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
text-align: right;
border-top-right-radius: 0;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_centerArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
left: 50%;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_centerArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
top: 0;
transform-origin: top left;
transform: rotate(45deg) skew(5deg, 5deg);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_rightArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
left: 0;
overflow: hidden;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_rightArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
left: 0;
transform-origin: top left;
transform: rotate(45deg) skew(45deg, 5deg);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_rightArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
border-top-left-radius: 0;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_above .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
bottom: 0;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_above .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
margin-bottom: 0.375rem;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_above.enact_sandstone_TooltipDecorator_Tooltip_leftArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
right: 0;
overflow: hidden;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_above.enact_sandstone_TooltipDecorator_Tooltip_leftArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
left: 0;
transform-origin: bottom right;
transform: rotate(45deg) skew(45deg, 5deg);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_above.enact_sandstone_TooltipDecorator_Tooltip_leftArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
text-align: right;
border-bottom-right-radius: 0;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_above.enact_sandstone_TooltipDecorator_Tooltip_centerArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
bottom: 0;
transform-origin: bottom left;
transform: rotate(-45deg) skew(-5deg, -5deg);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_above.enact_sandstone_TooltipDecorator_Tooltip_rightArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
left: 0;
overflow: hidden;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_above.enact_sandstone_TooltipDecorator_Tooltip_rightArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
left: 0;
transform-origin: bottom left;
transform: rotate(-45deg) skew(-45deg, -5deg);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_above.enact_sandstone_TooltipDecorator_Tooltip_rightArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
border-bottom-left-radius: 0;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_left .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
right: 0;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_left .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
margin-right: calc( 0.375rem - 1px);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_left.enact_sandstone_TooltipDecorator_Tooltip_topArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
bottom: 0;
overflow: hidden;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_left.enact_sandstone_TooltipDecorator_Tooltip_topArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
left: 0;
transform-origin: bottom right;
transform: rotate(-45deg) skew(5deg, 45deg);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_left.enact_sandstone_TooltipDecorator_Tooltip_topArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
border-bottom-right-radius: 0;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_left.enact_sandstone_TooltipDecorator_Tooltip_middleArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
right: 0;
transform-origin: top right;
transform: rotate(45deg) skew(-5deg, -5deg);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_left.enact_sandstone_TooltipDecorator_Tooltip_bottomArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
overflow: hidden;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_left.enact_sandstone_TooltipDecorator_Tooltip_bottomArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
left: 0;
transform-origin: top right;
transform: rotate(45deg) skew(5deg, -45deg);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_left.enact_sandstone_TooltipDecorator_Tooltip_bottomArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
border-top-right-radius: 0;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_right .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
left: 0;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_right .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
margin-left: 0.375rem;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_right.enact_sandstone_TooltipDecorator_Tooltip_topArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
bottom: 0;
overflow: hidden;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_right.enact_sandstone_TooltipDecorator_Tooltip_topArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
left: 0;
transform-origin: bottom left;
transform: rotate(45deg) skew(-5deg, -45deg);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_right.enact_sandstone_TooltipDecorator_Tooltip_topArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
border-bottom-left-radius: 0;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_right.enact_sandstone_TooltipDecorator_Tooltip_middleArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
left: 0;
transform-origin: top left;
transform: rotate(-45deg) skew(5deg, 5deg);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_right.enact_sandstone_TooltipDecorator_Tooltip_bottomArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow {
overflow: hidden;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_right.enact_sandstone_TooltipDecorator_Tooltip_bottomArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
left: 0;
transform-origin: top left;
transform: rotate(-45deg) skew(5deg, 45deg);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_right.enact_sandstone_TooltipDecorator_Tooltip_bottomArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
border-top-left-radius: 0;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute {
width: 0;
height: 0;
top: var(--tooltip-position-top);
left: var(--tooltip-position-left);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute .enact_sandstone_TooltipDecorator_Tooltip_tooltipAnchor {
position: absolute;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_below {
top: calc(var(--tooltip-position-top) + 0.5rem );
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_transparent {
top: calc(var(--tooltip-position-top) + 0rem );
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_leftArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipAnchor {
transform: translateX(-100%);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_centerArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipAnchor {
transform: translateX(-50%);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_rightArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipAnchor {
/* transform: translate(0, 0); */
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_above {
top: calc(var(--tooltip-position-top) - 0.5rem );
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_above.enact_sandstone_TooltipDecorator_Tooltip_transparent {
top: calc(var(--tooltip-position-top) - 0rem );
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_above.enact_sandstone_TooltipDecorator_Tooltip_leftArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipAnchor {
transform: translate(-100%, -100%);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_above.enact_sandstone_TooltipDecorator_Tooltip_centerArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipAnchor {
transform: translate(-50%, -100%);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_above.enact_sandstone_TooltipDecorator_Tooltip_rightArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipAnchor {
transform: translate(0, -100%);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_left {
left: calc(var(--tooltip-position-left) - 0.5rem );
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_left.enact_sandstone_TooltipDecorator_Tooltip_transparent {
left: calc(var(--tooltip-position-left) - 0rem );
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_left.enact_sandstone_TooltipDecorator_Tooltip_topArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipAnchor {
transform: translate(-100%, -100%);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_left.enact_sandstone_TooltipDecorator_Tooltip_middleArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipAnchor {
transform: translate(-100%, -50%);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_left.enact_sandstone_TooltipDecorator_Tooltip_bottomArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipAnchor {
transform: translate(-100%, 0);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_right {
left: calc(var(--tooltip-position-left) + 0.5rem );
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_right.enact_sandstone_TooltipDecorator_Tooltip_transparent {
left: calc(var(--tooltip-position-left) + 0rem );
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_right.enact_sandstone_TooltipDecorator_Tooltip_topArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipAnchor {
transform: translate(0, -100%);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_right.enact_sandstone_TooltipDecorator_Tooltip_middleArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipAnchor {
transform: translate(0, -50%);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_absolute.enact_sandstone_TooltipDecorator_Tooltip_right.enact_sandstone_TooltipDecorator_Tooltip_bottomArrow .enact_sandstone_TooltipDecorator_Tooltip_tooltipAnchor {
/* transform: translate(0, 0); */
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_below {
top: calc(100% + 0.5rem );
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_transparent {
top: calc(100% + 0rem );
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_leftArrow {
right: 50%;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_centerArrow,
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_rightArrow {
left: 50%;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_below.enact_sandstone_TooltipDecorator_Tooltip_centerArrow {
transform: translateX(-50%);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_above {
bottom: calc(100% + 0.5rem );
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_above.enact_sandstone_TooltipDecorator_Tooltip_transparent {
bottom: calc(100% + 0rem );
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_above.enact_sandstone_TooltipDecorator_Tooltip_leftArrow {
right: 50%;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_above.enact_sandstone_TooltipDecorator_Tooltip_centerArrow,
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_above.enact_sandstone_TooltipDecorator_Tooltip_rightArrow {
left: 50%;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_above.enact_sandstone_TooltipDecorator_Tooltip_centerArrow {
transform: translateX(-50%);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_left {
right: calc(100% + 0.5rem );
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_left.enact_sandstone_TooltipDecorator_Tooltip_transparent {
right: calc(100% + 0rem );
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_left.enact_sandstone_TooltipDecorator_Tooltip_topArrow {
bottom: 50%;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_left.enact_sandstone_TooltipDecorator_Tooltip_middleArrow,
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_left.enact_sandstone_TooltipDecorator_Tooltip_bottomArrow {
top: 50%;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_left.enact_sandstone_TooltipDecorator_Tooltip_middleArrow {
transform: translateY(-50%);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_right {
left: calc(100% + 0.5rem );
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_right.enact_sandstone_TooltipDecorator_Tooltip_transparent {
left: calc(100% + 0rem );
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_right.enact_sandstone_TooltipDecorator_Tooltip_topArrow {
bottom: 50%;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_right.enact_sandstone_TooltipDecorator_Tooltip_middleArrow,
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_right.enact_sandstone_TooltipDecorator_Tooltip_bottomArrow {
top: 50%;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.enact_sandstone_TooltipDecorator_Tooltip_relative.enact_sandstone_TooltipDecorator_Tooltip_right.enact_sandstone_TooltipDecorator_Tooltip_middleArrow {
transform: translateY(-50%);
}
.enact-locale-right-to-left .enact_sandstone_TooltipDecorator_Tooltip_tooltip {
direction: ltr;
}
.enact-locale-right-to-left .enact_sandstone_TooltipDecorator_Tooltip_tooltip .enact_sandstone_TooltipDecorator_Tooltip_tooltipAnchor {
direction: rtl;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.neutral {
filter: drop-shadow(0 0.375rem 0.25rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%));
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.neutral.enact_sandstone_TooltipDecorator_Tooltip_transparent {
filter: none;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.neutral.enact_sandstone_TooltipDecorator_Tooltip_transparent .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
color: #fff;
background-color: transparent;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.neutral .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
background: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.neutral .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));
background-color: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));
}
.enact-a11y-high-contrast .enact_sandstone_TooltipDecorator_Tooltip_tooltip.neutral.highContrast {
filter: drop-shadow(0 0.375rem 0.25rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%));
}
.enact-a11y-high-contrast .enact_sandstone_TooltipDecorator_Tooltip_tooltip.neutral.highContrast.enact_sandstone_TooltipDecorator_Tooltip_transparent {
filter: none;
}
.enact-a11y-high-contrast .enact_sandstone_TooltipDecorator_Tooltip_tooltip.neutral.highContrast.enact_sandstone_TooltipDecorator_Tooltip_transparent .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
color: #fff;
background-color: transparent;
}
.enact-a11y-high-contrast .enact_sandstone_TooltipDecorator_Tooltip_tooltip.neutral.highContrast .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
background: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));
}
.enact-a11y-high-contrast .enact_sandstone_TooltipDecorator_Tooltip_tooltip.neutral.highContrast .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));
background-color: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.light {
filter: drop-shadow(0 0.375rem 0.25rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%));
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.light.enact_sandstone_TooltipDecorator_Tooltip_transparent {
filter: none;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.light.enact_sandstone_TooltipDecorator_Tooltip_transparent .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
color: #fff;
background-color: transparent;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.light .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
background: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.light .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
color: rgb(var(--sand-component-focus-text-color-rgb, 76, 80, 89));
background-color: rgb(var(--sand-focus-bg-color-rgb, 230, 230, 230));
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.game {
filter: drop-shadow(0 0.375rem 0.25rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%));
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.game.enact_sandstone_TooltipDecorator_Tooltip_transparent {
filter: none;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.game.enact_sandstone_TooltipDecorator_Tooltip_transparent .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
color: #fff;
background-color: transparent;
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.game .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
background: var(--sand-focus-bg-color, #6d2fa1);
}
.enact_sandstone_TooltipDecorator_Tooltip_tooltip.game .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));
background-color: var(--sand-focus-bg-color, #6d2fa1);
}
.green .enact_sandstone_TooltipDecorator_Tooltip_tooltip.game {
filter: drop-shadow(0 0.375rem 0.25rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%));
}
.green .enact_sandstone_TooltipDecorator_Tooltip_tooltip.game.enact_sandstone_TooltipDecorator_Tooltip_transparent {
filter: none;
}
.green .enact_sandstone_TooltipDecorator_Tooltip_tooltip.game.enact_sandstone_TooltipDecorator_Tooltip_transparent .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
color: #fff;
background-color: transparent;
}
.green .enact_sandstone_TooltipDecorator_Tooltip_tooltip.game .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
background: var(--sand-focus-bg-color, #3ea07d);
}
.green .enact_sandstone_TooltipDecorator_Tooltip_tooltip.game .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));
background-color: var(--sand-focus-bg-color, #3ea07d);
}
.orange .enact_sandstone_TooltipDecorator_Tooltip_tooltip.game {
filter: drop-shadow(0 0.375rem 0.25rem rgb(var(--sand-shadow-color-rgb, 0, 0, 0), 30%));
}
.orange .enact_sandstone_TooltipDecorator_Tooltip_tooltip.game.enact_sandstone_TooltipDecorator_Tooltip_transparent {
filter: none;
}
.orange .enact_sandstone_TooltipDecorator_Tooltip_tooltip.game.enact_sandstone_TooltipDecorator_Tooltip_transparent .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
color: #fff;
background-color: transparent;
}
.orange .enact_sandstone_TooltipDecorator_Tooltip_tooltip.game .enact_sandstone_TooltipDecorator_Tooltip_tooltipArrow::after {
background: var(--sand-focus-bg-color, #b85f23);
}
.orange .enact_sandstone_TooltipDecorator_Tooltip_tooltip.game .enact_sandstone_TooltipDecorator_Tooltip_tooltipLabel {
color: rgb(var(--sand-component-focus-text-color-rgb, 230, 230, 230));
background-color: var(--sand-focus-bg-color, #b85f23);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[1]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[1].use[2]!../../AppData/Roaming/npm/node_modules/@enact/cli/node_modules/source-map-loader/dist/cjs.js!./node_modules/@enact/sandstone/Button/Button.module.css ***!
\***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.enact_sandstone_Button_Button_button {
font-family: "Sandstone";
font-size: 1.625rem;
font-style: normal;
font-weight: 600;
-webkit-font-kerning: normal;
font-feature-settings: "kern";
font-kerning: normal;
height: 3rem;
line-height: 2.75rem;
min-width: 3rem;
max-width: 18.75rem;
padding: 0 1.25rem;
margin: 0 0.75rem;
text-align: center;
vertical-align: middle;
}
.enact-locale-non-latin .enact_sandstone_Button_Button_button {
font-family: "Sandstone";
}
.enact-locale-non-latin .enact_sandstone_Button_Button_button {
font-family: "Sandstone";
font-size: 1.5rem;
font-style: normal;
font-weight: 700;
}
.enact_sandstone_Button_Button_button.largeText {
font-size: 2rem;
height: 4rem;
min-width: 4rem;
line-height: 3.75rem;
}
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_focusStatic {
/* Defined to prevent global export */
}
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_focusExpand {
margin: 0.125rem 0.75rem;
}
.enact_sandstone_Button_Button_button .enact_sandstone_Button_Button_client {
padding: 0.125rem 0;
border-radius: inherit;
}
.enact_sandstone_Button_Button_button .enact_sandstone_Button_Button_icon {
flex-shrink: 0;
margin-left: 0;
margin-right: 0.625rem;
}
.enact-locale-right-to-left .enact_sandstone_Button_Button_button .enact_sandstone_Button_Button_icon {
margin-left: 0.625rem;
margin-right: 0;
}
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_hasIcon {
padding: 0 1rem;
}
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_iconAfter .enact_sandstone_Button_Button_client {
flex-direction: row-reverse;
}
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_iconAfter .enact_sandstone_Button_Button_icon {
margin-left: 0.625rem;
margin-right: 0;
}
.enact-locale-right-to-left .enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_iconAfter .enact_sandstone_Button_Button_icon {
margin-left: 0;
margin-right: 0.625rem;
}
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_red,
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_green,
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_yellow,
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_blue {
padding-left: 0.625rem;
padding-right: 1.25rem;
}
.enact-locale-right-to-left .enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_red,
.enact-locale-right-to-left .enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_green,
.enact-locale-right-to-left .enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_yellow,
.enact-locale-right-to-left .enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_blue {
padding-left: 1.25rem;
padding-right: 0.625rem;
}
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_red .enact_sandstone_Button_Button_client::before,
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_green .enact_sandstone_Button_Button_client::before,
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_yellow .enact_sandstone_Button_Button_client::before,
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_blue .enact_sandstone_Button_Button_client::before {
content: "";
position: absolute;
bottom: 0.375rem;
left: 50%;
width: 1.25rem;
height: 0.25rem;
border-radius: 0.125rem;
transform: translate(-50%, 50%);
}
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_red.enact_sandstone_Button_Button_minWidth .enact_sandstone_Button_Button_icon,
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_green.enact_sandstone_Button_Button_minWidth .enact_sandstone_Button_Button_icon,
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_yellow.enact_sandstone_Button_Button_minWidth .enact_sandstone_Button_Button_icon,
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_blue.enact_sandstone_Button_Button_minWidth .enact_sandstone_Button_Button_icon {
-webkit-margin-start: 0;
}
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_red.enact_sandstone_Button_Button_minWidth .enact_sandstone_Button_Button_client,
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_green.enact_sandstone_Button_Button_minWidth .enact_sandstone_Button_Button_client,
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_yellow.enact_sandstone_Button_Button_minWidth .enact_sandstone_Button_Button_client,
.enact_sandstone_Button_Button_button.enact_sandstone_Button_Button_blue.enact_sandstone_Button_Button_minWidth .enact_sandstone_Button_Button_client {
-webkit-margin-start: 1.25rem;
-webkit-padding-start: 0.5rem;