.mtl-acc{position:relative}.mtl-acc:before{content:"";background:var(--primary);transform-origin:top;border-radius:0 3px 3px 0;width:3px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;top:.5rem;bottom:.5rem;left:0;transform:scaleY(0)}.mtl-acc[data-open]:before{transform:scaleY(1)}.mtl-acc-head{transition:color .25s,background-color .2s}.mtl-acc[data-open] .mtl-acc-title{color:var(--primary)}.mtl-acc-chev{transition:transform .35s cubic-bezier(.34,1.4,.64,1)}.mtl-acc[data-open] .mtl-acc-chev{transform:rotate(180deg)}.mtl-acc-body{grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.22,1,.36,1);display:grid}.mtl-acc[data-open]>.mtl-acc-body{grid-template-rows:1fr}.mtl-acc-inner{opacity:0;min-height:0;transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translateY(-4px)}.mtl-acc[data-open] .mtl-acc-inner{opacity:1;transition-delay:60ms;transform:none}.mtl-acc[data-open] .mtl-acc-stagger>*{animation:.4s cubic-bezier(.22,1,.36,1) both mtl-acc-row;animation-delay:calc(var(--i,0) * 60ms + 80ms)}@keyframes mtl-acc-row{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mtl-acc:before,.mtl-acc-chev,.mtl-acc-body,.mtl-acc-inner{transition:none!important}.mtl-acc[data-open] .mtl-acc-stagger>*{animation:none}}