#landing .tv-service-card{
  transition:box-shadow .45s ease,border-color .45s ease;
}
#landing .tv-service-card[data-connected="false"]{
  box-shadow:0 22px 40px -18px #64748b55;
}
#landing .tv-service-card[data-connected="true"]{
  box-shadow:0 25px 45px -16px #4479ce66;
}
#landing .tv-service-head .tv-switch{
  appearance:none;
  -webkit-appearance:none;
  display:block;
  position:relative;
  width:62px;
  min-width:62px;
  height:36px;
  min-height:36px;
  padding:3px;
  margin:0;
  border:0;
  border-radius:50px;
  background:#aeb4bf;
  cursor:pointer;
  flex-shrink:0;
  box-shadow:inset 0 1px 3px #00000014;
  transition:background .3s ease,box-shadow .3s ease;
  touch-action:manipulation;
}
#landing .tv-service-head .tv-switch i{
  display:block;
  width:30px;
  height:30px;
  margin:0;
  border:0;
  border-radius:50%;
  background:#fff;
  transform:translateX(0);
  box-shadow:0 2px 5px #00000025;
  transition:transform .32s cubic-bezier(.2,.8,.2,1);
}
#landing .tv-switch[aria-checked="true"]{
  background:#2ac77d;
}
#landing .tv-switch[aria-checked="true"] i{
  transform:translateX(26px);
}
#landing .tv-switch:focus-visible{
  outline:3px solid #0076ed;
  outline-offset:5px;
}
#landing .tv-service-card[data-connected="false"] .tv-service-head small{
  color:#858b95;
}
#landing .tv-service-card[data-connected="true"] .tv-service-head small{
  color:#228753;
}
#landing .tv-service>span{
  min-width:100px;
  justify-content:flex-end;
  white-space:nowrap;
  transition:color .25s ease;
}
#landing .tv-service>span>i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 12px;
  width:12px;
  height:12px;
  border:0;
  font:800 18px/1 sans-serif;
  font-style:normal;
  transition:background .25s ease,color .25s ease;
}
#landing .tv-service-card[data-connected="false"] .tv-service>span{
  color:#c64b56;
}
#landing .tv-service-card[data-connected="false"] .tv-service>span>i{
  background:transparent;
  color:#e15865;
  border-radius:0;
}
#landing .tv-service-card[data-connected="true"] .tv-service>span{
  color:#77777c;
}
#landing .tv-service-card[data-connected="true"] .tv-service>span>i{
  flex-basis:8px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2ac77d;
}
@media(prefers-reduced-motion:reduce){
  #landing .tv-service-card,
  #landing .tv-service-card *{
    transition:none!important;
  }
}
body.reduced-motion #landing .tv-service-card,
body.reduced-motion #landing .tv-service-card *{
  transition:none!important;
}