@layer components{.c-toc-section-accordion{--accordion-button-height:42px;--accordion-content-row:0fr;--accordion-bottom-padding-row:0fr;--accordion-transition:200ms;--accordion-grid-gap:0px;--toc-section-accordion-link-bg-active:var(--brand-blue);--toc-section-accordion-button-bg:var(--brand-light-blue-40);--toc-section-accordion-subsection-link-color:var(--brand-blue);display:grid;gap:var(--accordion-grid-gap);grid-template-columns:100%;grid-template-rows:var(--accordion-button-height) var(--accordion-content-row) var(--accordion-bottom-padding-row);overflow:hidden;transition-duration:var(--accordion-transition);transition-property:grid-template-rows,gap}[data-theme=licensee] .c-toc-section-accordion{--toc-section-accordion-link-bg-active:var(--brand-grey);--toc-section-accordion-button-bg:var(--brand-grey-3);--toc-section-accordion-subsection-link-color:var(--brand-grey)}.c-toc-section-accordion:has(.c-toc-section-accordion__button input[type=radio]:checked){--accordion-content-row:1fr;--accordion-grid-gap:10px}.c-toc-section-accordion__button{align-items:center;background-color:var(--toc-section-accordion-button-bg);border-radius:80px;color:var(--brand-black);display:flex;font-variation-settings:"wght" 600;gap:10px;line-height:1.1;padding:0 20px;position:relative;width:100%}.c-toc-section-accordion__button:after{background-color:currentColor;content:"";height:1em;margin-left:auto;-webkit-mask:url(../../../img/icons/chevron-up.svg) center/contain no-repeat;mask:url(../../../img/icons/chevron-up.svg) center/contain no-repeat;transition:var(--accordion-transition) transform ease;width:1em}.c-toc-section-accordion__button__label{flex:1}.c-toc-section-accordion__button:has(input[type=radio]:checked):after{transform:rotateX(180deg)}.c-toc-section-accordion__button input[type=radio]{height:100%;inset:0;opacity:0;position:absolute;width:100%}.c-toc-section-accordion__content{min-height:0}.c-toc-section-accordion__button__label,.c-toc-section-accordion__section-link,.c-toc-section-accordion__subsection-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-toc-section-accordion__section-link{display:block;font-size:16px;font-variation-settings:"wght" 450;line-height:1.1;margin:10px 0;padding-left:25px;position:relative}.c-toc-section-accordion__section-link:before{background-color:#c8c8c8;border-radius:10px;content:"";inset:0 auto 0 13px;position:absolute;transition:background-color .2s ease;width:4px}.c-toc-section-accordion__page-section-container:has(.c-toc-section-accordion__subsection-link.is-active) .c-toc-section-accordion__section-link:before,.c-toc-section-accordion__section-link.is-active:before{background-color:var(--toc-section-accordion-link-bg-active)}.c-toc-section-accordion__page-section-container__subsections{display:flex;flex-direction:column;gap:10px;padding:5px 0}.c-toc-section-accordion__subsection-link{display:block;font-size:16px;font-variation-settings:"wght" 450;line-height:1.2;padding-left:32px;position:relative}.c-toc-section-accordion__subsection-link:before{animation:animateArrowOut .2s ease-out forwards;background-color:var(--toc-section-accordion-subsection-link-color);content:"";height:18px;inset:0 auto 0 9px;-webkit-mask:url(../../../img/icons/arrow-right.svg) center/contain no-repeat;mask:url(../../../img/icons/arrow-right.svg) center/contain no-repeat;position:absolute;width:16px}.c-toc-section-accordion__page-section-container:has(.c-toc-section-accordion__section-link.is-active):not(:has(.c-toc-section-accordion__subsection-link.is-active)) .c-toc-section-accordion__page-section-container__subsections li:first-child .c-toc-section-accordion__subsection-link,.c-toc-section-accordion__subsection-link.is-active{color:var(--toc-section-accordion-subsection-link-color)}.c-toc-section-accordion__page-section-container:has(.c-toc-section-accordion__section-link.is-active):not(:has(.c-toc-section-accordion__subsection-link.is-active)) .c-toc-section-accordion__page-section-container__subsections li:first-child .c-toc-section-accordion__subsection-link:before,.c-toc-section-accordion__subsection-link.is-active:before{animation:animateArrowIn .2s ease-out forwards}@keyframes animateArrowIn{0%{clip-path:polygon(0 42%,0 42%,0 54%,0 54%)}50%{clip-path:polygon(0 42%,100% 42%,100% 54%,0 54%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes animateArrowOut{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}50%{clip-path:polygon(0 42%,100% 42%,100% 54%,0 54%)}to{clip-path:polygon(0 42%,0 42%,0 54%,0 54%)}}}