.base-accordion{--acc-duration:.48s;--acc-opacity-duration:.36s}.base-accordion .acc-item{--acc-max:800px;background:#f7f9fa;border-radius:8px;margin-bottom:16px;overflow:hidden}.base-accordion .acc-header{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;gap:16px;padding:24px 20px;transition:background .3s;display:flex}.base-accordion .acc-header:hover{background:#eef1f3}.base-accordion .acc-header:focus-visible{background:#eef1f3}.base-accordion .acc-title{color:#333;flex:1;font-size:20px;font-weight:700;line-height:1.2}.base-accordion .arrow{transition:transform .3s;display:inline-flex}.base-accordion .arrow .acc-icon{color:#333;width:16px;height:16px}.base-accordion .arrow.arrow-down{transform:rotate(180deg)}.base-accordion .acc-panel{opacity:0;height:0;padding:0 20px;overflow:hidden}.base-accordion .acc-panel-inner{padding:20px 0}.base-accordion .acc-item.open .acc-panel{opacity:1}@media screen and (max-width:600px){.base-accordion .acc-item{border-radius:4px}.base-accordion .acc-panel{padding:0 10px}.base-accordion .acc-header{padding:10px}.base-accordion .acc-panel-inner{padding:12px 0;font-size:14px}.base-accordion .acc-title{font-size:14px}.base-accordion .acc-header{min-height:48px}}@media (prefers-reduced-motion:reduce){.base-accordion .acc-panel{transition:none!important}}