/* Account symbols, with a restrained violet/white flow and separate hit areas. */
html.v3 .header .account-actions{column-gap:12px}
html.v3 .header .account-actions :is(a.mail,a.panel){isolation:isolate;position:relative;box-sizing:border-box;flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:0;align-items:center;justify-content:center;gap:0;border:0;border-radius:6px;background:none;box-shadow:none;color:#fff;line-height:1;text-decoration:none;transition:transform .18s ease}
html.v3 .header .account-actions :is(a.mail,a.panel):is(:hover,:focus-visible){background:none;box-shadow:none;color:#fff;transform:translateY(-1px)}
html.v3 .header .account-actions :is(a.mail,a.panel):focus-visible{outline:2px solid #d5c3ff;outline-offset:2px}
html.v3 .header .account-actions :is(a.mail,a.panel) .action-icon{display:none}
html.v3 .header .account-actions a.mail{--ds-shortcut-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209.5%2012%2015l9-5.5M3%209.5V19a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V9.5l-3-2M3%209.5l3-2M6%2011V3h12v8M9%206h6M9%209h4%22%2F%3E%3C%2Fsvg%3E")}
html.v3 .header .account-actions a.panel{--ds-shortcut-symbol:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%2220%22%20height%3D%2218%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M2%208h20M6%205.5h.01M9%205.5h.01M6%2012v5M10%2019a4%204%200%200%201%208%200%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2212.5%22%20r%3D%222.2%22%2F%3E%3C%2Fsvg%3E")}
html.v3 .header .account-actions :is(a.mail,a.panel)::before{content:'';position:static;display:block;flex:0 0 29px;width:29px;height:29px;-webkit-mask:var(--ds-shortcut-symbol) center/contain no-repeat;mask:var(--ds-shortcut-symbol) center/contain no-repeat;background:linear-gradient(115deg,#ad87ff 3%,#e7dcff 21%,#fff 35%,#c8afff 51%,#a981f4 65%,#fff 83%,#e7dcff 97%);background-size:260% 100%;filter:drop-shadow(0 0 2px #b78bff50);animation:ds-shortcut-flow 7s ease-in-out infinite;transform:none}
html.v3 .header .account-actions a.panel::before{animation-delay:-2.2s}
html.v3 .header .account-actions :is(a.mail,a.panel):is(:hover,:focus-visible)::before{filter:drop-shadow(0 0 4px #d0b4ff80)}
html.v3 .header .account-actions :is(a.mail,a.panel)::after{z-index:45;line-height:1.35}
@keyframes ds-shortcut-flow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media(max-width:760px){html.v3 .header .account-actions{column-gap:10px}html.v3 .header .account-actions :is(a.mail,a.panel){flex-basis:40px;width:40px;min-width:40px;max-width:40px}}
@media(max-width:360px){html.v3 .header{column-gap:3px}html.v3 .header .menu-toggle{box-sizing:border-box;flex:0 0 44px;width:44px;min-width:44px;max-width:44px}}
@media(prefers-reduced-motion:reduce){html.v3 .header .account-actions :is(a.mail,a.panel){transition:none}html.v3 .header .account-actions :is(a.mail,a.panel):is(:hover,:focus-visible){transform:none}html.v3 .header .account-actions :is(a.mail,a.panel)::before{animation:none;background-position:38% 50%}}