.primeirospassos{z-index:-1;position:fixed;left:0;top:0;width:100%;height:100%;transition:all .15s linear}.primeirospassos[data-ativo="0"]{z-index:-1;opacity:0;pointer-events:none}.primeirospassos[data-ativo="1"]{z-index:10;opacity:1;pointer-events:all}.primeirospassos canvas{position:fixed;left:0;top:0;width:100%;height:100%}.primeirospassos .balloon{display:flex;flex-direction:column;align-items:flex-end;position:absolute;z-index:11;padding:1rem;border-radius:10px;font-size:14px;min-width:200px;max-width:290px}.primeirospassos .balloon span{width:100%;font-family:Pineapple,-apple-system,BlinkMacSystemFont,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;letter-spacing:1.5px;font-size:20px}.primeirospassos .balloon .acoes{height:30px;width:100%;margin-top:1rem;display:flex;justify-content:flex-start}.primeirospassos .balloon .acoes button{width:-moz-fit-content;width:fit-content;height:100%;padding:0 20px;border-radius:5px}.flecha{height:65px;width:65px;background-size:contain;position:relative;background-repeat:no-repeat;background-position:50%;filter:invert()}.flecha[data-location=cima-direita]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 481 500' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath class='fillneutro' d='M425 63c-2 1-4 3-7 4-4 3-9 5-14 7-52 24-103 53-150 86-47 34-91 71-129 114-33 38-61 81-84 128-15 30-29 62-39 97 0 0 0 1-1 1-1-1-1-1-1-2 6-46 17-89 33-128 41-100 117-183 206-243 39-27 106-61 150-81-40 6-108 25-152 34h-4c-8-3-6-4-13-9l-1-1c-1-1 0-2 1-2 3-8 0-8 5-15 1-1 3-1 4-2 16-6 25-9 42-14C305 27 437-2 460 0c10 1 19 5 21 12 5 23-49 84-65 104-19 24-40 50-58 71-19 21-25 25-32 32-1 2-3 2-4 1-2-1-2-3-1-5 5-8 8-15 24-39 24-35 58-80 80-113z'/%3E%3C/svg%3E")}.flecha[data-location=cima-esquerda]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 481 500' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath class='fillneutro' d='M56 63c2 1 4 3 7 4 4 3 9 5 14 7 52 24 103 53 150 86 47 34 91 71 129 114 33 38 61 81 84 128 15 30 29 62 39 97 0 0 0 1 1 1 1-1 1-1 1-2-6-46-17-89-33-128-41-100-117-183-206-243-39-27-106-61-150-81 40 6 108 25 152 34h4c8-3 6-4 13-9l1-1c1-1 0-2-1-2-3-8 0-8-5-15-1-1-3-1-4-2-16-6-25-9-42-14C176 27 44-2 21 0 11 1 2 5 0 12c-5 23 49 84 65 104 19 24 40 50 58 71 19 21 25 25 32 32 1 2 3 2 4 1 2-1 2-3 1-5-5-8-8-15-24-39-24-35-58-80-80-113z'/%3E%3C/svg%3E")}.flecha[data-location=baixo-direita]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 481 500' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath class='fillneutro' d='M425 437c-2-2-4-3-7-5-4-2-9-4-14-6-52-25-103-54-150-87s-91-70-129-114c-33-38-61-80-84-127C26 67 12 36 2 1c0-1 0-1-1-1S0 1 0 1c6 46 17 89 33 129 41 100 117 183 206 243 39 26 106 61 150 80-40-6-108-24-152-33-1 0-3-1-4 0-8 2-6 4-13 9 0 0-1 0-1 1-1 1 0 2 1 2 3 8 0 8 5 14 1 2 3 2 4 3 16 5 25 9 42 14 34 10 166 39 189 37 10-1 19-5 21-13 5-23-49-83-65-103-19-24-40-50-58-71-19-21-25-26-32-33-1-1-3-1-4 0-2 1-2 3-1 4 5 8 8 16 24 39 24 36 58 80 80 114z'/%3E%3C/svg%3E")}.flecha[data-location=baixo-esquerda]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 481 500' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath class='fillneutro' d='M56 437c2-2 4-3 7-5 4-2 9-4 14-6 52-25 103-54 150-87s91-70 129-114c33-38 61-80 84-127 15-31 29-62 39-97 0-1 0-1 1-1s1 1 1 1c-6 46-17 89-33 129-41 100-117 183-206 243-39 26-106 61-150 80 40-6 108-24 152-33 1 0 3-1 4 0 8 2 6 4 13 9 0 0 1 0 1 1 1 1 0 2-1 2-3 8 0 8-5 14-1 2-3 2-4 3-16 5-25 9-42 14-34 10-166 39-189 37-10-1-19-5-21-13-5-23 49-83 65-103 19-24 40-50 58-71 19-21 25-26 32-33 1-1 3-1 4 0 2 1 2 3 1 4-5 8-8 16-24 39-24 36-58 80-80 114z'/%3E%3C/svg%3E")}.primeirospassos .balloon .flecha{position:absolute}.primeirospassos .balloon[data-location=top] .flecha{top:100%}.primeirospassos .balloon[data-location=bottom] .flecha{bottom:100%}.primeirospassos .balloon .flecha[data-location=baixo-direita],.primeirospassos .balloon .flecha[data-location=cima-direita]{right:100%}.primeirospassos .balloon .flecha[data-location=baixo-esquerda],.primeirospassos .balloon .flecha[data-location=cima-esquerda]{right:20px}