.accordion{border:1px solid var(--border-gray);border-radius:var(--Corner-Large);transition:var(--Transition-hover)}.accordion__header{display:flex;align-items:flex-start;width:100%;background:var(--bg-light-gray);border:none;border-bottom:1px solid transparent;border-radius:var(--Corner-Large);padding:var(--g-16);transition:var(--Transition-hover);gap:var(--g-16)}.accordion__head-slot{width:calc(100% - var(--g-16) - 26px)}.accordion__content{transition:var(--Transition-hover);height:var(--height);overflow:hidden}.accordion.default .accordion__content{padding:0 var(--padding)}.accordion__arrow{display:flex;justify-content:center;align-items:center;background-color:var(--color-white);color:var(--elements-medium-gray);border:1px solid var(--border-gray);border-radius:var(--Corner-Full);padding:2px}.accordion__arrow svg{transition:var(--Transition-hover)}@media (hover: hover){.accordion:hover:not(.opened):hover{border-color:var(--elements-accent)}.accordion:hover:not(.opened):hover .accordion__header{background-color:var(--bg-light-blue)}}.accordion.opened{border-color:var(--elements-accent)}.accordion.opened .accordion__header{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:var(--border-gray)}.accordion.opened .accordion__content{padding:var(--padding)}.accordion.opened .accordion__arrow svg{transform:rotateX(180deg) translateY(1px)}.accordion.visible .accordion__content{overflow:visible}