/* One timeline: open Extensions, pin the tool, then reveal its toolbar icon. */
.onboarding-address{margin-inline-end:8px}
.onboarding-pin-art{position:relative;--pin-duration:7.4s}
.onboarding-pin-art .onboarding-extension-menu{opacity:0;pointer-events:none}
.onboarding-pin-art .onboarding-pin{position:relative;background:transparent;animation:none}
.onboarding-pin-art .onboarding-pin svg{position:absolute;inset:0;margin:auto}
.onboarding-pin-art .onboarding-pin-active{opacity:0;color:#1a73e8}
.onboarding-pin-art .toolbar-extension{animation:none;opacity:0}
.onboarding-pin-art .onboarding-puzzle{position:relative}
.onboarding-pin-art .onboarding-puzzle::after{content:"";position:absolute;inset:-5px;border:1px solid #8aace0;border-radius:50%;opacity:0}
.onboarding-pin-cursor{position:absolute;left:0;top:0;z-index:5;width:20px;height:25px;opacity:0;pointer-events:none;transform-origin:0 0;filter:none}
.onboarding-pin-cursor svg{display:block;width:20px;height:25px;shape-rendering:geometricPrecision}
.onboarding-pin-art.is-pin-ready .onboarding-pin-cursor{animation:welcome-pin-cursor var(--pin-duration) cubic-bezier(.4,0,.2,1) infinite}
.onboarding-pin-art.is-pin-ready .onboarding-extension-menu{animation:welcome-extensions-open var(--pin-duration) linear infinite}
.onboarding-pin-art.is-pin-ready .onboarding-pin-idle{animation:welcome-pin-idle var(--pin-duration) linear infinite}
.onboarding-pin-art.is-pin-ready .onboarding-pin-active{animation:welcome-pin-active var(--pin-duration) linear infinite}
.onboarding-pin-art.is-pin-ready .onboarding-pin{animation:welcome-pin-selected var(--pin-duration) linear infinite}
.onboarding-pin-art.is-pin-ready .toolbar-extension{animation:welcome-pinned-logo var(--pin-duration) linear infinite}
.onboarding-pin-art.is-pin-ready .onboarding-puzzle::after{animation:welcome-puzzle-click var(--pin-duration) linear infinite}
.onboarding-pin-art.is-pin-offscreen *,.onboarding-pin-art.is-pin-offscreen .onboarding-puzzle::after,.welcome-layout.is-paused .onboarding-pin-art .onboarding-puzzle::after,.welcome-layout.is-offscreen .onboarding-pin-art .onboarding-puzzle::after{animation-play-state:paused!important}
@keyframes welcome-pin-cursor{
 0%,9.0811%{opacity:1;transform:translate(var(--cursor-start-x),var(--cursor-start-y))}
 22.7027%,24.973%,27.2432%,35.1892%{opacity:1;transform:translate(var(--cursor-puzzle-x),var(--cursor-puzzle-y))}
 49.9459%,52.2162%,54.4865%,63.5676%{opacity:1;transform:translate(var(--cursor-pin-x),var(--cursor-pin-y))}
 79.4595%,100%{opacity:1;transform:translate(var(--cursor-end-x),var(--cursor-end-y))}
}
@keyframes welcome-extensions-open{0%,26.1081%,88.5405%,100%{opacity:0}29.5135%,84%{opacity:1}}
@keyframes welcome-pin-idle{0%,52.2162%,99%,100%{opacity:1}54.4865%,97%{opacity:0}}
@keyframes welcome-pin-active{0%,52.2162%,99%,100%{opacity:0}54.4865%,97%{opacity:1}}
@keyframes welcome-pin-selected{0%,52.2162%,99%,100%{background:transparent}54.4865%,97%{background:#e8f0fe}}
@keyframes welcome-pinned-logo{0%,54.4865%,94.2162%,100%{opacity:0;transform:scale(.85)}61.2973%,89.6757%{opacity:1;transform:scale(1)}}
@keyframes welcome-puzzle-click{0%,22.7027%,30.6486%,100%{opacity:0;transform:scale(.8)}24.973%{opacity:.8;transform:scale(1)}29.5135%{opacity:0;transform:scale(1.5)}}
@media(max-width:540px){.onboarding-address{margin-inline-end:5px}.onboarding-pin-cursor,.onboarding-pin-cursor svg{width:18px;height:23px}}
@media(prefers-reduced-motion:reduce){.onboarding-pin-art .onboarding-pin-cursor,.onboarding-pin-art .onboarding-puzzle::after{display:none}.onboarding-pin-art .onboarding-extension-menu,.onboarding-pin-art .toolbar-extension,.onboarding-pin-art .onboarding-pin-active{opacity:1;transform:none}.onboarding-pin-art .onboarding-pin-idle{opacity:0}.onboarding-pin-art .onboarding-pin{background:#e8f0fe}}

/* Chrome-style Extensions popover */
.onboarding-pin-art .onboarding-extension-menu{padding:0;overflow:hidden}
.onboarding-extensions-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 0}
.onboarding-extensions-header strong{font-size:12px;font-weight:600;line-height:1.5}
.onboarding-extensions-close{display:grid;place-items:center;flex:none;width:18px;height:18px;color:#6b7482}
.onboarding-extension-menu .onboarding-extension-row{display:grid;grid-template-columns:22px minmax(0,1fr) 26px 16px;align-items:center;gap:8px;margin:12px 8px;padding:8px;background:transparent;border-radius:6px}
.onboarding-extension-row img{width:22px;height:22px}
.onboarding-extension-row .onboarding-extension-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400}
.onboarding-extension-row .onboarding-pin{margin:0;width:26px;height:26px}
.onboarding-extension-more{display:grid;place-items:center;color:#626d7d}
.onboarding-extension-menu .onboarding-extensions-footer{display:flex;align-items:center;gap:11px;margin:0;padding:11px 16px;border-top:1px solid #e3e7ed;border-radius:0;background:transparent;color:#4e5b6d;font-size:10px;font-weight:400;line-height:1.5}
.onboarding-extensions-footer svg{display:block;flex:none}
@media(max-width:540px){.onboarding-extensions-header{padding:13px 14px 0}.onboarding-extension-menu .onboarding-extension-row{gap:6px;margin:10px 6px;padding:7px}.onboarding-extension-row .onboarding-extension-name{font-size:10px}.onboarding-extension-menu .onboarding-extensions-footer{padding:10px 14px}}

/* A quiet new-tab page before the first website is opened. */
.onboarding-pin-art .onboarding-address{color:#96a3b5}
.onboarding-pin-art .onboarding-browser-content{background:#fff}
.onboarding-new-tab-bar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66%;max-width:280px;height:30px;border-radius:18px;background:#e8eef6}
@media(max-width:540px){.onboarding-new-tab-bar{height:26px}}