/* MoxKit accordion widget. */
.moxkit-accordion{display:flex;flex-direction:column;gap:12px}
.moxkit-accordion-item{border:1px solid var(--moxkit-line);border-radius:12px;background:#fff;overflow:clip}
.moxkit-accordion-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;min-height:48px;transition:background var(--moxkit-acc-title-duration, .25s) ease,border-color var(--moxkit-acc-title-duration, .25s) ease,box-shadow var(--moxkit-acc-title-duration, .25s) ease}
.moxkit-accordion-item summary::-webkit-details-marker{display:none}
.moxkit-accordion-title{font-weight:650;font-size:16px;transition:color var(--moxkit-acc-title-duration, .25s) ease}
.moxkit-accordion-content{transform-origin:50% 0}
.moxkit-accordion-indicator{--moxkit-acc-box:1em;--moxkit-acc-stroke:max(2px, .09em);--moxkit-acc-rotate:180deg;--moxkit-acc-duration:.35s;display:inline-flex;align-items:center;justify-content:center;box-sizing:content-box;flex-shrink:0;min-width:var(--moxkit-acc-box);min-height:var(--moxkit-acc-box);font-size:22px;color:#635bff;line-height:1;border:0 solid transparent;transition:color .2s,background-color .2s,border-color .2s}
.moxkit-acc-glyph{display:grid;place-items:center;width:1em;height:1em}
.moxkit-acc-glyph>*{grid-area:1/1}
.moxkit-acc-glyph svg{width:1em;height:1em;fill:currentColor}
/* Plus that folds into a minus. */
.moxkit-acc-plus{position:relative;width:1em;height:1em}
.moxkit-acc-plus::before,.moxkit-acc-plus::after{content:"";position:absolute;left:50%;top:50%;width:.72em;height:var(--moxkit-acc-stroke);border-radius:var(--moxkit-acc-stroke);background:currentColor;transform:translate(-50%,-50%);transition:transform var(--moxkit-acc-duration) cubic-bezier(.3,1.4,.5,1)}
.moxkit-acc-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.moxkit-accordion-item[open] .moxkit-acc-plus::after{transform:translate(-50%,-50%) rotate(0deg)}
.moxkit-accordion-item[open] .moxkit-acc-plus::before{transform:translate(-50%,-50%) rotate(180deg)}
/* Chevron that turns over. */
.moxkit-acc-chevron{width:.42em;height:.42em;border-right:var(--moxkit-acc-stroke) solid currentColor;border-bottom:var(--moxkit-acc-stroke) solid currentColor;transform:translateY(-.12em) rotate(45deg);transition:transform var(--moxkit-acc-duration) cubic-bezier(.3,1.4,.5,1)}
.moxkit-accordion-item[open] .moxkit-acc-chevron{transform:translateY(.12em) rotate(-135deg)}
/* Library icons: rotate one icon, or cross-fade between the closed and open icons. */
.moxkit-acc-icon{display:inline-flex;transition:transform var(--moxkit-acc-duration) cubic-bezier(.3,1.4,.5,1),opacity var(--moxkit-acc-duration) ease}
.moxkit-accordion[data-icon-open=rotate] .moxkit-accordion-item[open] .moxkit-acc-icon--closed{transform:rotate(var(--moxkit-acc-rotate))}
.moxkit-accordion[data-icon-open=swap] .moxkit-acc-icon--open{opacity:0;transform:rotate(-90deg) scale(.5)}
.moxkit-accordion[data-icon-open=swap] .moxkit-accordion-item[open] .moxkit-acc-icon--closed{opacity:0;transform:rotate(90deg) scale(.5)}
.moxkit-accordion[data-icon-open=swap] .moxkit-accordion-item[open] .moxkit-acc-icon--open{opacity:1;transform:none}
/* Hover / focus animations on the title box play on the inner glyph, so they never fight the open-state transform. */
.moxkit-accordion-item summary:is(:hover,:focus-visible) .moxkit-acc-glyph{animation-duration:calc(var(--moxkit-acc-duration) * 2);animation-timing-function:ease;animation-iteration-count:1}
.moxkit-accordion[data-icon-repeat=yes] .moxkit-accordion-item summary:is(:hover,:focus-visible) .moxkit-acc-glyph{animation-iteration-count:infinite}
.moxkit-accordion[data-icon-hover=grow] summary:is(:hover,:focus-visible) .moxkit-acc-glyph{animation-name:moxkit-acc-grow}
.moxkit-accordion[data-icon-hover=shrink] summary:is(:hover,:focus-visible) .moxkit-acc-glyph{animation-name:moxkit-acc-shrink}
.moxkit-accordion[data-icon-hover=rotate] summary:is(:hover,:focus-visible) .moxkit-acc-glyph{animation-name:moxkit-acc-rotate}
.moxkit-accordion[data-icon-hover=spin] summary:is(:hover,:focus-visible) .moxkit-acc-glyph{animation-name:moxkit-acc-spin;animation-timing-function:cubic-bezier(.5,0,.5,1)}
.moxkit-accordion[data-icon-hover=bounce] summary:is(:hover,:focus-visible) .moxkit-acc-glyph{animation-name:moxkit-acc-bounce}
.moxkit-accordion[data-icon-hover=wiggle] summary:is(:hover,:focus-visible) .moxkit-acc-glyph{animation-name:moxkit-acc-wiggle}
.moxkit-accordion[data-icon-hover=pulse] summary:is(:hover,:focus-visible) .moxkit-acc-glyph{animation-name:moxkit-acc-pulse}
.moxkit-accordion[data-icon-hover=nudge] summary:is(:hover,:focus-visible) .moxkit-acc-glyph{animation-name:moxkit-acc-nudge}
.moxkit-accordion.moxkit-indicator--left[data-icon-hover=nudge] summary:is(:hover,:focus-visible) .moxkit-acc-glyph{animation-name:moxkit-acc-nudge-left}
.moxkit-accordion[data-icon-hover=flip] summary:is(:hover,:focus-visible) .moxkit-acc-glyph{animation-name:moxkit-acc-flip}
.moxkit-accordion[data-icon-hover=tada] summary:is(:hover,:focus-visible) .moxkit-acc-glyph{animation-name:moxkit-acc-tada}
.moxkit-accordion[data-icon-hover=heartbeat] summary:is(:hover,:focus-visible) .moxkit-acc-glyph{animation-name:moxkit-acc-heartbeat}
@media(prefers-reduced-motion:reduce){
 .moxkit-acc-glyph{animation:none!important}
 .moxkit-acc-plus::before,.moxkit-acc-plus::after,.moxkit-acc-chevron,.moxkit-acc-icon{transition:none}
}
.moxkit-accordion-item[open] summary{background:#f7f6ff}
.moxkit-accordion-item[open] .moxkit-accordion-title{color:#5146cf}
.moxkit-accordion-content{padding:20px 24px;font-size:15px;color:var(--moxkit-muted)}
.moxkit-accordion-content > :first-child{margin-top:0}
.moxkit-accordion-content > :last-child{margin-bottom:0}
.moxkit-indicator--left summary{flex-direction:row-reverse;justify-content:flex-end}
@keyframes moxkit-acc-grow{50%{transform:scale(1.35)}}
@keyframes moxkit-acc-shrink{50%{transform:scale(.7)}}
@keyframes moxkit-acc-rotate{50%{transform:rotate(90deg)}}
@keyframes moxkit-acc-spin{to{transform:rotate(360deg)}}
@keyframes moxkit-acc-bounce{0%,100%{transform:translateY(0)}
30%{transform:translateY(-.35em)}
55%{transform:translateY(0)}
72%{transform:translateY(-.14em)}
}
@keyframes moxkit-acc-wiggle{0%,100%{transform:rotate(0)}
20%{transform:rotate(-18deg)}
40%{transform:rotate(14deg)}
60%{transform:rotate(-9deg)}
80%{transform:rotate(5deg)}
}
@keyframes moxkit-acc-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.55}}
@keyframes moxkit-acc-nudge{0%,100%{transform:translateX(0)}
40%{transform:translateX(.3em)}
70%{transform:translateX(-.08em)}
}
@keyframes moxkit-acc-nudge-left{0%,100%{transform:translateX(0)}
40%{transform:translateX(-.3em)}
70%{transform:translateX(.08em)}
}
@keyframes moxkit-acc-flip{0%{transform:perspective(200px) rotateY(0)}
100%{transform:perspective(200px) rotateY(360deg)}
}
@keyframes moxkit-acc-tada{0%,100%{transform:scale(1) rotate(0)}
10%,20%{transform:scale(.9) rotate(-8deg)}
30%,50%,70%{transform:scale(1.15) rotate(8deg)}
40%,60%{transform:scale(1.15) rotate(-8deg)}
80%{transform:scale(1) rotate(0)}
}
@keyframes moxkit-acc-heartbeat{0%,100%{transform:scale(1)}
14%{transform:scale(1.25)}
28%{transform:scale(1)}
42%{transform:scale(1.25)}
70%{transform:scale(1)}
}