1.nux-dot-tip:after,.nux-dot-tip:before{
2 border-radius:100%;
3 content:" ";
4 pointer-events:none;
5 position:absolute;
6}
7.nux-dot-tip:before{
8 background:#00739ce6;
9 height:24px;
10 opacity:.9;
11 right:-12px;
12 top:-12px;
13 transform:scale(.3333333333);
14 width:24px;
15}
16@media not (prefers-reduced-motion){
17 .nux-dot-tip:before{
18 animation:nux-pulse 1.6s cubic-bezier(.17, .67, .92, .62) infinite;
19 }
20}
21.nux-dot-tip:after{
22 background:#00739c;
23 height:8px;
24 right:-4px;
25 top:-4px;
26 width:8px;
27}
28@keyframes nux-pulse{
29 to{
30 background:#00739c00;
31 transform:scale(1);
32 }
33}
34.nux-dot-tip .components-popover__content{
35 padding:20px 18px;
36 width:350px;
37}
38@media (min-width:600px){
39 .nux-dot-tip .components-popover__content{
40 width:450px;
41 }
42}
43.nux-dot-tip .components-popover__content .nux-dot-tip__disable{
44 left:0;
45 position:absolute;
46 top:0;
47}
48.nux-dot-tip[data-y-axis=top]{
49 margin-top:-4px;
50}
51.nux-dot-tip[data-y-axis=bottom]{
52 margin-top:4px;
53}
54.nux-dot-tip[data-y-axis=middle][data-y-axis=left]{
55 margin-right:-4px;
56}
57.nux-dot-tip[data-y-axis=middle][data-y-axis=right]{
58 margin-right:4px;
59}
60.nux-dot-tip[data-y-axis=top] .components-popover__content{
61 margin-bottom:20px;
62}
63.nux-dot-tip[data-y-axis=bottom] .components-popover__content{
64 margin-top:20px;
65}
66.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content{
67 margin-left:20px;
68}
69.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content{
70 margin-right:20px;
71}
72.nux-dot-tip[data-y-axis=center],.nux-dot-tip[data-y-axis=left],.nux-dot-tip[data-y-axis=right]{
73 z-index:1000001;
74}
75@media (max-width:600px){
76 .nux-dot-tip[data-y-axis=center] .components-popover__content,.nux-dot-tip[data-y-axis=left] .components-popover__content,.nux-dot-tip[data-y-axis=right] .components-popover__content{
77 align-self:end;
78 left:5px;
79 margin:20px 0 0;
80 max-width:none !important;
81 position:fixed;
82 right:5px;
83 width:auto;
84 }
85}
86.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{
87 margin-left:0;
88}
89.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{
90 margin-right:0;
91}
92.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{
93 margin-left:-12px;
94}
95.nux-dot-tip.components-popover.interface-more-menu-dropdown__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{
96 margin-right:-12px;
97}