@property --addons-t{syntax:"<number>";inherits:true;initial-value:0}.addons-visual{--deck:74cqh;--deck-right:7cqw;--cx:calc(100cqw - var(--deck-right) - var(--deck) / 2);--cy:50cqh;--R:calc(var(--deck) / 2);--fit:min(var(--R), var(--cx), var(--cy), calc(100cqw - var(--cx)), calc(100cqh - var(--cy)));--pad:6px;--gap:8px;--cap:48px;--peek:34px;--peek-step:calc(var(--peek) - .4rem);--addons-intent:.1s;pointer-events:none;position:absolute;inset:0;container-type:size}.addons-visual-mark{--cue-fill:var(--white);--s:sin(calc(180deg / max(var(--n), 2)));--plate:min(var(--cap), max(16px, calc((2 * (var(--fit) - var(--pad)) * var(--s) - var(--gap)) / (1 + var(--s)))));--ring:calc(var(--fit) - var(--plate) / 2 - var(--pad));--a:calc(-90deg + var(--i) * 360deg / var(--n));--size:calc(var(--peek) + (var(--plate) - var(--peek)) * var(--addons-t));--rest-x:calc(100cqw - var(--space) - var(--peek) / 2 - var(--slot) * var(--peek-step));--rest-y:calc(var(--space) + var(--peek) / 2);--open-x:calc(var(--cx) + cos(var(--a)) * var(--ring));--open-y:calc(var(--cy) + sin(var(--a)) * var(--ring));width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);border-radius:var(--radius-full);background:var(--white);color:var(--title);box-shadow:var(--shadow-subtle), 0 0 0 1px color-mix(in srgb, var(--tile-tone) 28%, transparent);translate:calc(var(--rest-x) + (var(--open-x) - var(--rest-x)) * var(--addons-t)) calc(var(--rest-y) + (var(--open-y) - var(--rest-y)) * var(--addons-t));transition:--addons-t .24s var(--ease-sheet);place-items:center;display:grid;position:absolute;top:0;left:0}.addons-visual-mark:only-child{--plate:min(var(--cap), calc(var(--fit) - var(--pad) * 2));--open-x:var(--cx);--open-y:var(--cy)}.addons-visual-glyph{width:62%;height:62%}.addons-visual-mark[data-extra]{--rest-x:calc(100cqw - var(--space) - var(--peek) / 2 - 2 * var(--peek-step));opacity:var(--addons-t)}.tile-shell:not([data-hidden=true]) .tile:is(:hover,:focus-visible) .addons-visual-mark{--addons-t:1}.tile-shell:not([data-hidden=true]) .tile:hover .addons-visual-mark{transition:--addons-t .46s var(--ease-standard) calc(var(--addons-intent) + var(--i) * 28ms)}.tile-shell:not([data-hidden=true]) .tile:focus-visible .addons-visual-mark{transition:--addons-t .46s var(--ease-standard) calc(var(--i) * 28ms)}html[data-tile-reseat] .addons-visual-mark{transition:none!important}html[data-tile-motion=off] .addons-visual-mark{--addons-t:0!important;transition:none!important}@media (max-width:640px){.addons-visual{--deck:70cqh;--deck-right:5cqw}}