.grid>*{position:relative}.grid>:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:#ffffff0d;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f}:host([data-step=play]) .grid>:first-child:after{animation:2.8s both ad-hover-1}:host([data-step=play]) .grid>:nth-child(3):after{animation:2.8s both ad-hover-3}:host([data-step=play]) .grid>:nth-child(6):after{animation:2.8s both ad-hover-6}:host([data-step=play]) .grid>:nth-child(6){animation:2.8s both ad-press}@keyframes ad-hover-1{0%,16%{opacity:0;animation-timing-function:var(--dui-ease-out)}20%,34%{opacity:1;animation-timing-function:var(--dui-ease-out)}38%,to{opacity:0}}@keyframes ad-hover-3{0%,40%{opacity:0;animation-timing-function:var(--dui-ease-out)}44%,54%{opacity:1;animation-timing-function:var(--dui-ease-out)}58%,to{opacity:0}}@keyframes ad-hover-6{0%,64%{opacity:0;animation-timing-function:var(--dui-ease-out)}68%,to{opacity:1}}@keyframes ad-press{0%,74%{scale:1}76%{animation-timing-function:var(--dui-ease-out);scale:.96}82%,to{scale:1}}:host([data-step=play]) .dui-cursor{animation:2.8s both ad-cursor}:host([data-step=play]) .dui-cursor:after{animation:dui-press .45s var(--dui-ease-out) 2.128s forwards}@keyframes ad-cursor{0%,6%{translate:var(--m-tileYoutube-x) var(--m-tileYoutube-y);opacity:0;animation-timing-function:var(--dui-ease-out)}16%,34%{translate:var(--m-tileYoutube-x) var(--m-tileYoutube-y);opacity:1;animation-timing-function:var(--dui-ease-in-out);scale:1}42%,54%{translate:var(--m-tileTwitch-x) var(--m-tileTwitch-y);opacity:1;animation-timing-function:var(--dui-ease-in-out)}66%,74%{translate:var(--m-tileKick-x) var(--m-tileKick-y);opacity:1;scale:1}76%{animation-timing-function:var(--dui-ease-out);scale:.92}82%,88%{translate:var(--m-tileKick-x) var(--m-tileKick-y);opacity:1;animation-timing-function:var(--dui-ease-out);scale:1}to{translate:var(--m-tileKick-x) var(--m-tileKick-y);opacity:0;scale:1}}[data-page=add-destination] [data-responsive-dialog-content]{margin:0!important;position:relative!important;inset:auto!important;transform:none!important}[data-page=add-destination]:before{content:"";z-index:-1;opacity:0;background:#0000008c;position:absolute;inset:-2000px}:host([data-step=connect]) [data-page=add-destination]{animation:5.4s both ad-dialog}:host([data-step=connect]) [data-page=add-destination]:before{animation:5.4s both ad-backdrop}@keyframes ad-dialog{0%,14%{visibility:hidden;opacity:0;animation-timing-function:var(--dui-ease-out);transform:scale(.96)}14.1%{visibility:visible;opacity:0;animation-timing-function:var(--dui-ease-out);transform:scale(.96)}18%,43%{visibility:visible;opacity:1;animation-timing-function:var(--dui-ease-out);transform:none}46%{visibility:visible;opacity:0;transform:scale(.98)}46.1%,to{visibility:hidden;opacity:0}}@keyframes ad-backdrop{0%,14%{opacity:0;animation-timing-function:var(--dui-ease-out)}18%,43%{opacity:1;animation-timing-function:var(--dui-ease-out)}46%,to{opacity:0}}:host([data-step=connect]) [data-page=add-destination] .grid>:first-child:after{animation:5.4s both ad-hover-pick}:host([data-step=connect]) [data-page=add-destination] .grid>:first-child{animation:5.4s both ad-press-pick}@keyframes ad-hover-pick{0%,30%{opacity:0;animation-timing-function:var(--dui-ease-out)}33%,to{opacity:1}}@keyframes ad-press-pick{0%,40.5%{scale:1}41%{animation-timing-function:var(--dui-ease-out);scale:.96}44%,to{scale:1}}