.TabsWithDiagramItemBlock{--block-margin:0 0 var(--2x);--block-padding:var(--3x) var(--6x) var(--5x) var(--3x);--block-border:1px solid var(--color-violet);border-bottom:var(--block-border)}.TabsWithDiagramItemBlock.is-before{border-bottom:none}.TabsWithDiagramItemBlock[open]{background-color:var(--color-lilac);border-bottom:none;border-radius:var(--border-radius);box-shadow:0 10px 50px rgba(62,0,117,.14);margin-top:-7px;padding-block-end:var(--6x);padding-block-start:var(--3x)}@media(max-width:779px){.TabsWithDiagramItemBlock[open]{box-shadow:none}}.TabsWithDiagramItemBlock.is-first:not(.is-active){border-top:1px solid var(--color-violet)}.TabsWithDiagramItemBlock:not([open]){padding:0}.TabsWithDiagramItemBlock:not([open]) .TabsWithDiagramItemBlock-label{padding:var(--block-padding)}.TabsWithDiagramItemBlock-label{align-items:center;cursor:pointer;display:flex;min-height:1em;position:relative}.TabsWithDiagramItemBlock-label:focus{outline:none}@media(max-width:779px){.TabsWithDiagramItemBlock-title{font-size:var(--font-size-small);line-height:var(--line-height-small)}}.TabsWithDiagramItemBlock summary:-webkit-details-marker,.TabsWithDiagramItemBlock summary:marker{display:none}.TabsWithDiagramItemBlock-label{align-items:start;flex-direction:column;gap:var(--1x)}.TabsWithDiagramItemBlock-label:after,.TabsWithDiagramItemBlock-label:before{background:var(--color-violet);content:"";display:block;height:2px;position:absolute;top:calc(50% + 6px);transform-origin:right center;width:10px}.TabsWithDiagramItemBlock-label:before{right:calc(var(--3x) - .5px);transform:rotate(45deg)}.TabsWithDiagramItemBlock-label:after{right:calc(var(--3x) + .5px);transform:rotate(135deg)}.TabsWithDiagramItemBlock[open] .TabsWithDiagramItemBlock-label{margin-bottom:var(--1x)}.TabsWithDiagramItemBlock[open] .TabsWithDiagramItemBlock-label:after,.TabsWithDiagramItemBlock[open] .TabsWithDiagramItemBlock-label:before{top:calc(50% - 6px)}.TabsWithDiagramItemBlock[open] .TabsWithDiagramItemBlock-label:before{right:calc(var(--3x)*-1 - .5px);transform:rotate(-45deg)}.TabsWithDiagramItemBlock[open] .TabsWithDiagramItemBlock-label:after{right:calc(var(--3x)*-1 + .5px);transform:rotate(-135deg)}.TabsWithDiagramItemBlock-content>p{font-size:var(--font-size-small);line-height:var(--line-height-small)}.TabsWithDiagramItemBlock-content{display:block;margin-block-start:var(--3x)}