.action-icon{--arrow-x:4px;--arrow-y:0px;display:inline-flex!important;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;vertical-align:middle;line-height:0;font-size:0!important;transition:background .25s ease,border-color .25s ease;color:inherit}
.action-icon>svg{display:block;width:22px!important;height:22px!important;overflow:visible;fill:none;stroke:currentColor;transition:transform .35s cubic-bezier(.22,.7,.25,1)}
.action-icon--primary{width:30px;height:30px;flex-basis:30px;border:1px solid currentColor;border-radius:50%;border-color:color-mix(in srgb,currentColor 30%,transparent)}
.action-icon--down{--arrow-x:0px;--arrow-y:4px}.action-icon--up{--arrow-x:0px;--arrow-y:-4px}.action-icon--back{--arrow-x:-4px;--arrow-y:0px}.action-icon--scroll{--arrow-x:0px;--arrow-y:3px}
[data-arrow-style="diagonal"]{--arrow-x:3px;--arrow-y:-3px}[data-arrow-style="maison"]{--arrow-x:3px;--arrow-y:-2px}[data-arrow-style="terra"]{--arrow-x:4px;--arrow-y:-1px}
:is(a,button):is(:hover,:focus-visible) .action-icon>svg{transform:translate(var(--arrow-x),var(--arrow-y))}
:is(a,button):is(:hover,:focus-visible) .action-icon--primary{background:color-mix(in srgb,currentColor 9%,transparent);border-color:color-mix(in srgb,currentColor 70%,transparent)}
:is(a,button):is(:hover,:focus-visible) .action-icon--replay>svg{transform:rotate(-35deg)}
[data-action-theme="form"] .action-icon--primary{border-radius:3px}
[data-action-theme="maison"] .action-icon--primary{border-radius:50% 50% 40% 50%}
[data-action-theme="terra"] .action-icon--primary{border-radius:50% 50% 50% 25%}
.round-arrow>.action-icon,.project-open>.action-icon{border:0;width:24px;height:24px;flex-basis:24px;background:none!important}
.line-icon{width:28px;height:28px;display:block;fill:none;stroke:currentColor;flex-shrink:0}
@media(prefers-reduced-motion:reduce){.action-icon,.action-icon>svg{transition:none!important}:is(a,button):is(:hover,:focus-visible) .action-icon>svg{transform:none!important}}