.sf-keyword-animation[data-v-04531bc4]{
  align-items:center;
  display:flex;
  height:24px;
  justify-content:center;
  position:fixed;
  transition:left 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94),top 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width:24px;
  z-index:500
}
.sf-keyword-animation[data-v-04531bc4]:after{
  color:#8B5CF6;
  font-size:24px;
  transform:translateY(-50%);
  font-family:FontAwesome;
  font-style:normal;
  font-weight:normal;
  content:"\f084"
}
.key-enter-to[data-v-04531bc4]{
  top:calc(50% + 24px) !important;
  left:100% !important
}
.key-leave-active[data-v-04531bc4]{
  display:none
}

.sf-project-selector[data-v-76d3aa7c]{
  min-height:48px;
  position:relative
}
.sf-project-selector-display[data-v-76d3aa7c]{
  align-items:center;
  background-color:#424242;
  cursor:pointer;
  display:flex;
  height:48px;
  justify-content:space-between;
  padding:0 20px;
  position:absolute;
  width:100%;
  z-index:1
}
.sf-project-selector-display>div>div[data-v-76d3aa7c]{
  line-height:14px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.sf-project-selector-display .project-domain[data-v-76d3aa7c]{
  color:#D1D5DB;
  font-size:12px
}
.sf-project-selector-display>.fa[data-v-76d3aa7c]{
  margin-left:20px
}
.sf-project-selector-content .sf-project-selector-content-title[data-v-76d3aa7c]{
  color:#999;
  text-transform:uppercase;
  padding:12px 20px
}
.sf-project-selector-content>p[data-v-76d3aa7c]{
  color:#999;
  font-weight:300;
  font-size:12px;
  margin-top:20px
}
.sf-project-selector-content a[data-v-76d3aa7c]{
  padding:0 40px
}
.sf-project-selector-dropdown[data-v-76d3aa7c]{
  background-color:#4d4d4d;
  opacity:0;
  pointer-events:none;
  position:absolute;
  top:48px;
  transition:opacity 150ms ease-in-out,
 transform 150ms ease-in-out;
  transform:translateY(-48px);
  width:100%;
  z-index:1
}
.sf-project-selector-dropdown.is-expanded[data-v-76d3aa7c]{
  pointer-events:auto;
  transform:translateY(0px);
  opacity:1
}
.sf-project-selector-dropdown a[data-v-76d3aa7c]{
  color:#fff;
  height:48px;
  display:flex;
  align-items:center;
  padding:0 20px;
  transition:background-color 150ms ease-in-out
}
.sf-project-selector-dropdown a[data-v-76d3aa7c]:hover{
  background-color:#5c5c5c
}
.sf-project-selector-dropdown a.selected[data-v-76d3aa7c]{
  background-color:#5c5c5c
}
.sf-project-selector-links a[data-v-76d3aa7c]:not(:last-child){
  border-bottom:1px solid #5c5c5c
}
.sf-project-selector-links a .fa[data-v-76d3aa7c]{
  display:inline-block;
  text-align:center;
  width:20px
}
.sf-project-selector-links a span[data-v-76d3aa7c]{
  margin-left:5px
}

.sf-myspyfu-navigation[data-v-110d81c2]{
  background-color:#303030;
  color:#fff
}
.header[data-v-110d81c2]{
  line-height:48px;
  font-size:14px
}
.header .light[data-v-110d81c2]{
  color:#111827
}
.header .dark[data-v-110d81c2]{
  color:#fff
}
.header i[data-v-110d81c2]{
  margin-right:4px
}
.header i.red[data-v-110d81c2]{
  color:#EF4444
}

/* truncate branches when the text is going to wrap */
.sf-myspyfu-navigation .tree .branch-wrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}

.sf-myspyfu-navigation[data-v-dd4a406a]{
  background-color:#303030;
  color:#fff
}
.header[data-v-dd4a406a]{
  line-height:48px;
  font-size:14px
}
.header .light[data-v-dd4a406a]{
  color:#111827
}
.header .dark[data-v-dd4a406a]{
  color:#fff
}
.header i[data-v-dd4a406a]{
  margin-right:4px
}
.header i.blue[data-v-dd4a406a]{
  color:#60A5FA
}

/* truncate branches when the text is going to wrap */
.sf-myspyfu-navigation .tree .branch-wrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}

.sf-keyword-count-widget[data-v-56fd4dba]{
  margin:auto 10px 12px 10px;
  font-weight:300
}
.sf-keyword-count-widget .legend-wrapper[data-v-56fd4dba]{
  display:block;
  visibility:hidden;
  height:0px;
  transition:all 250ms ease-in-out
}
.sf-keyword-count-widget .legend[data-v-56fd4dba]{
  display:flex;
  flex-direction:column;
  visibility:hidden;
  opacity:0;
  transition:all 250ms ease-in-out
}
.sf-keyword-count-widget .legend div[data-v-56fd4dba]{
  display:flex;
  visibility:hidden;
  opacity:0;
  flex-direction:row;
  align-items:center;
  transition:all 250ms ease-in-out
}
.sf-keyword-count-widget .legend .icon[data-v-56fd4dba]{
  height:12px;
  width:12px;
  border-radius:6px;
  margin-right:10px;
  visibility:hidden;
  opacity:0;
  transition:all 250ms ease-in-out
}
.sf-keyword-count-widget .legend .icon span[data-v-56fd4dba]{
  visibility:hidden;
  opacity:0;
  transition:all 250ms ease-in-out
}
.sf-keyword-count-widget .legend .icon.msf[data-v-56fd4dba]{
  background-color:#4ADE80
}
.sf-keyword-count-widget .legend .icon.wt[data-v-56fd4dba]{
  background-color:#60A5FA
}
.sf-keyword-count-widget .legend .icon.krr[data-v-56fd4dba]{
  background-color:#FB923C
}
.sf-keyword-count-widget .bar-outer.sum[data-v-56fd4dba]{
  display:flex
}
.sf-keyword-count-widget .bar-outer.detail[data-v-56fd4dba]{
  display:none
}
.sf-keyword-count-widget:hover .bar-outer.sum[data-v-56fd4dba]{
  display:none
}
.sf-keyword-count-widget:hover .bar-outer.detail[data-v-56fd4dba]{
  display:flex
}
.sf-keyword-count-widget:hover .legend-wrapper[data-v-56fd4dba]{
  height:48px
}
.sf-keyword-count-widget:hover .legend[data-v-56fd4dba]{
  visibility:visible;
  opacity:1
}
.sf-keyword-count-widget:hover .legend div[data-v-56fd4dba]{
  opacity:1;
  visibility:visible
}
.sf-keyword-count-widget:hover .legend .icon[data-v-56fd4dba]{
  opacity:1;
  visibility:visible
}
.sf-keyword-count-widget:hover .legend span[data-v-56fd4dba]{
  opacity:1;
  visibility:visible
}
.bar-outer[data-v-56fd4dba]{
  width:255px;
  height:14px;
  border-radius:2px;
  background-color:#F3F4F6;
  border:solid 1px #D1D5DB;
  margin:8px 0;
  padding:0;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  align-items:flex-start
}
.bar-inner[data-v-56fd4dba]{
  height:12px;
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
  max-width:100%;
  background-color:#4ADE80;
  align-self:center
}
.bar-inner.msf[data-v-56fd4dba]{
  background-color:#4ADE80
}
.bar-inner.wt[data-v-56fd4dba]{
  background-color:#60A5FA;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px
}
.bar-inner.krr[data-v-56fd4dba]{
  background-color:#FB923C;
  border-top-left-radius:0px;
  border-bottom-left-radius:0px;
  border-top-right-radius:3px;
  border-bottom-right-radius:3px
}
.small[data-v-56fd4dba]{
  font-size:11px
}
a[data-v-56fd4dba]{
  color:#fff
}
.loading[data-v-56fd4dba]{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  flex-direction:column;
  width:249px
}
.sign-up[data-v-56fd4dba]{
  font-weight:bold
}

.sf-myspyfu-navigation[data-v-595de2a8]{
  background-color:#303030;
  color:#fff;
  display:flex;
  flex-direction:column
}
.header[data-v-595de2a8]{
  line-height:48px;
  font-size:14px
}
.header .light[data-v-595de2a8]{
  color:#111827
}
.header .dark[data-v-595de2a8]{
  color:#fff
}
.header i.blue[data-v-595de2a8]{
  color:#60A5FA
}
.header i.red[data-v-595de2a8]{
  color:#EF4444
}
.tree.nav-item[data-v-595de2a8]{
  padding-left:12px;
  border-bottom:1px solid #404040
}
.history-nav[data-v-595de2a8]{
  height:48px;
  line-height:48px;
  padding-left:20px;
  color:#fff;
  cursor:pointer
}
.history-nav .fa-calendar[data-v-595de2a8]{
  color:#999;
  margin-right:4px
}
.history-nav[data-v-595de2a8]:hover,.history-nav.active[data-v-595de2a8]{
  background:#111827
}
.history-nav:hover .fa-calendar[data-v-595de2a8],.history-nav.active .fa-calendar[data-v-595de2a8]{
  color:#fff
}

/* truncate branches when the text is going to wrap */
.sf-myspyfu-navigation .tree .branch-wrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 20px;
}

.sf-centered-cta[data-v-04070575]{
  margin-top:24px
}

.sf-myspyfu-sidebar[data-v-1e4259f0]{
  background-color:#28282b;
  box-shadow:none;
  color:#fff;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  height:100%;
  transition:box-shadow 250ms ease-in-out;
  width:40px
}
.sf-myspyfu-sidebar.is-open[data-v-1e4259f0]{
  box-shadow:0 0 20px rgba(0,0,0,0.4)
}
.sidebar-hamburger[data-v-1e4259f0]{
  padding:12px 0;
  text-align:center;
  width:40px
}
.sidebar-hamburger[data-v-1e4259f0]:after{
  font-family:FontAwesome;
  font-style:normal;
  font-weight:normal;
  content:"\f0c9"
}
.project-name[data-v-1e4259f0]{
  align-items:center;
  background-color:#28282b;
  display:flex;
  font-size:14px;
  height:40px;
  transform-origin:bottom left;
  transform:rotate(90deg) translateX(-40px);
  white-space:nowrap
}
.arrow-icon[data-v-1e4259f0]{
  font-size:32px;
  position:absolute;
  text-align:center;
  top:50%;
  width:40px
}
.arrow-icon[data-v-1e4259f0]:after{
  font-family:FontAwesome;
  font-style:normal;
  font-weight:normal;
  content:"\f104"
}
.is-open .arrow-icon[data-v-1e4259f0]:after{
  font-family:FontAwesome;
  font-style:normal;
  font-weight:normal;
  content:"\f105"
}

.sf-myspyfu[data-v-0a5d9afe]{
  display:none;
  z-index:500
}
@media print, screen and (min-width: 1024px){
.sf-myspyfu[data-v-0a5d9afe]{
    display:block
}
}
.sf-myspyfu-backdrop[data-v-0a5d9afe]{
  background-color:rgba(0,0,0,0.7);
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%
}
.sf-myspyfu-container[data-v-0a5d9afe]{
  height:100%;
  max-width:1240px;
  position:fixed;
  right:0;
  top:0;
  transform:translateX(100%);
  transition:transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  width:calc(100% - 40px)
}
.sf-myspyfu-container.is-open[data-v-0a5d9afe]{
  transform:translateX(0%)
}
.sf-myspyfu-container.is-bouncing[data-v-0a5d9afe]{
  transform:translateX(calc(100% - 8px))
}
.sf-myspyfu-container .sf-myspyfu-container-offset[data-v-0a5d9afe]{
  height:100%;
  position:relative;
  transform:translateX(-40px);
  width:100%
}
.sf-myspyfu-container .sf-myspyfu-container-inner[data-v-0a5d9afe]{
  display:flex;
  left:40px;
  min-height:100%;
  position:absolute;
  top:0;
  width:100%
}
.sf-myspyfu-navigation[data-v-0a5d9afe]{
  flex:1;
  max-width:280px;
  z-index:1
}
.sf-myspyfu-pages[data-v-0a5d9afe]{
  background-color:#F3F4F6;
  flex:1;
  overflow-x:hidden;
  overflow-y:scroll
}
.msf-enter[data-v-0a5d9afe]{
  transform:translateX(calc(100% + 40px))
}
.msf-content-back-enter-active[data-v-0a5d9afe],.msf-content-back-leave-active[data-v-0a5d9afe],.msf-content-forward-enter-active[data-v-0a5d9afe],.msf-content-forward-leave-active[data-v-0a5d9afe]{
  transition:opacity 150ms ease-in-out,transform 150ms ease-in-out
}
.msf-content-back-enter[data-v-0a5d9afe],.msf-content-back-leave-to[data-v-0a5d9afe],.msf-content-forward-enter[data-v-0a5d9afe],.msf-content-forward-leave-to[data-v-0a5d9afe]{
  opacity:0
}
.msf-content-back-leave[data-v-0a5d9afe],.msf-content-back-enter-to[data-v-0a5d9afe],.msf-content-forward-leave[data-v-0a5d9afe],.msf-content-forward-enter-to[data-v-0a5d9afe]{
  transform:translateX(0px)
}
.msf-content-forward-enter-to .msf-content-forward-leave[data-v-0a5d9afe]{
  opacity:1
}
.msf-content-back-leave-to[data-v-0a5d9afe],.msf-content-forward-enter[data-v-0a5d9afe]{
  transform:translateX(100px)
}
.msf-content-back-enter[data-v-0a5d9afe],.msf-content-forward-leave-to[data-v-0a5d9afe]{
  transform:translateX(-100px)
}
.msf-product[data-v-0a5d9afe]{
  color:#1F2937;
  padding:24px 64px;
  text-align:center
}
.heading[data-v-0a5d9afe]{
  font-size:40px;
  font-weight:bold;
  margin-bottom:48px
}
.image-container[data-v-0a5d9afe]{
  display:flex;
  align-items:center;
  margin-bottom:48px
}
.image[data-v-0a5d9afe]{
  width:566px
}
.marketing-points[data-v-0a5d9afe]{
  font-size:16px;
  line-height:32px;
  text-align:right
}
.guarantee[data-v-0a5d9afe]{
  font-size:20px;
  font-weight:bold;
  margin-bottom:32px
}