.m-brand-action{--mi-ease:cubic-bezier(.22,.8,.22,1);--mi-lime:var(--accent,#c9f52f);isolation:isolate;position:relative}.m-brand-fill,.m-brand-line{pointer-events:none;z-index:-1;display:block;position:absolute}.m-brand-fill{border-radius:inherit;clip-path:inset(0 100% 0 0);transition:clip-path .48s var(--mi-ease);background:color-mix(in srgb,var(--mi-lime) 14%,transparent);inset:0;overflow:hidden}.m-brand-fill:after{content:"";transition:translate .8s var(--mi-ease);background:linear-gradient(110deg,#0000 20%,#ffffff30 53%,#0000 86%);position:absolute;inset:0;translate:-105%}.m-brand-action[data-mi-tone=lime]>.m-brand-fill{background:color-mix(in srgb,var(--mi-lime) 58%,#fff 42%)}.m-brand-outline>.m-brand-fill{background:var(--mi-lime)}[data-mi-edge=right]>.m-brand-fill{clip-path:inset(0 0 0 100%)}[data-mi-edge=top]>.m-brand-fill{clip-path:inset(0 0 100%)}[data-mi-edge=bottom]>.m-brand-fill{clip-path:inset(100% 0 0)}.m-brand-action:is([data-mi-hover],[data-mi-press],:focus-visible):not(:disabled,[aria-disabled=true])>.m-brand-fill{clip-path:inset(0)}.m-brand-action:is([data-mi-hover],[data-mi-press],:focus-visible):not(:disabled,[aria-disabled=true])>.m-brand-fill:after{translate:105%}.m-brand-outline:is([data-mi-hover],[data-mi-press],:focus-visible):not(:disabled,[aria-disabled=true]){color:var(--on-accent,#17191d)}.m-brand-label{vertical-align:baseline;overflow-clip-margin:.13em;max-width:100%;line-height:inherit;pointer-events:none;transition:translate .16s,scale .16s;display:inline-grid;position:relative;overflow:clip}.m-brand-label-source{transition:translate .5s var(--mi-ease);display:block;translate:0}.m-brand-label-copy{transition:translate .5s var(--mi-ease);-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0;translate:0 130%}.m-brand-primary:is([data-mi-hover],[data-mi-press],:focus-visible):not(:disabled,[aria-disabled=true]) .m-brand-label-source{translate:0 -130%}.m-brand-primary:is([data-mi-hover],[data-mi-press],:focus-visible):not(:disabled,[aria-disabled=true]) .m-brand-label-copy{translate:0}.m-brand-action:not(.m-brand-link)[data-mi-press]:not(:disabled,[aria-disabled=true]) .m-brand-label{translate:0 1px;scale:.985}.m-brand-arrow{vertical-align:middle;flex:0 0 var(--m-action-arrow-size,17px);width:var(--m-action-arrow-size,17px);height:var(--m-action-arrow-size,17px);overflow-clip-margin:1px;pointer-events:none;transition:translate .16s;display:inline-grid;position:relative;overflow:clip}.m-brand-arrow-source,.m-brand-arrow-copy{width:100%;height:100%;transition:translate .5s var(--mi-ease);pointer-events:none;display:block}.m-brand-arrow svg{width:100%;height:100%;display:block}.m-brand-arrow-source{translate:0}.m-brand-arrow-copy{position:absolute;inset:0;translate:-145% 145%}.m-brand-action:is([data-mi-hover],[data-mi-press],:focus-visible):not(:disabled,[aria-disabled=true]) .m-brand-arrow-source{translate:145% -145%}.m-brand-action:is([data-mi-hover],[data-mi-press],:focus-visible):not(:disabled,[aria-disabled=true]) .m-brand-arrow-copy{translate:0}.m-brand-action:not(.m-brand-link)[data-mi-press]:not(:disabled,[aria-disabled=true]) .m-brand-arrow{translate:0 1px}.m-brand-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.m-brand-line{background:var(--mi-lime);transform-origin:100%;height:1.5px;transition:scale .4s var(--mi-ease);z-index:0;bottom:-1px;left:0;right:0;scale:0 1}.m-brand-line:after{content:"";background:inherit;transform-origin:100%;width:5px;height:1.5px;transition:rotate .3s var(--mi-ease),scale .24s var(--mi-ease);position:absolute;bottom:0;right:-.5px;rotate:none;scale:0 1}.m-brand-link:is([data-mi-hover],[data-mi-press],:focus-visible):not(:disabled,[aria-disabled=true])>.m-brand-line{transform-origin:0;scale:1}.m-brand-link:is([data-mi-hover],[data-mi-press],:focus-visible):not(:disabled,[aria-disabled=true])>.m-brand-line:after{transition-delay:.17s;rotate:32deg;scale:1}@media (prefers-reduced-motion:reduce){.m-brand-fill,.m-brand-fill:after,.m-brand-label,.m-brand-label-source,.m-brand-label-copy,.m-brand-arrow,.m-brand-arrow-source,.m-brand-arrow-copy,.m-brand-line,.m-brand-line:after{transition:none!important;animation:none!important}.m-brand-primary .m-brand-label-source,.m-brand-primary:is([data-mi-hover],[data-mi-press],:focus-visible) .m-brand-label-source{translate:0}.m-brand-label-copy,.m-brand-arrow-copy{display:none}.m-brand-action:is([data-mi-hover],[data-mi-press],:focus-visible) .m-brand-arrow-source{translate:0}.m-brand-action:not(.m-brand-link)[data-mi-press] .m-brand-label,.m-brand-action:not(.m-brand-link)[data-mi-press] .m-brand-arrow{translate:0;scale:1}}
