.expandable-text{max-height:300px;overflow:hidden;padding-bottom:2rem;position:relative;transition:all 1s}.expandable-text:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:all 1s;z-index:1;background:linear-gradient(0deg,#fff 25%,hsla(0,0%,100%,0))}.expandable-text.open{max-height:99999px;padding-bottom:3rem}.expandable-text.open:after{opacity:0}.expandable-text__toggle{background:transparent;border:0;border-bottom:2px solid var(--accent-color);color:var(--text-color);cursor:pointer;display:inline-block;font-size:1rem;inset-block-end:2rem;inset-inline-start:50%;margin:0 .75rem;padding:.75rem;position:absolute;transform:translateX(-90px);transition:.2s ease-in-out;width:180px;z-index:2}.expandable-text__toggle:hover{border-color:var(--tertiary-color);color:var(--accent-color)}.body__container .content__wrapper{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:4vw;gap:4vw}@media screen and (max-width:47.99rem){.body__container .content__wrapper>*{grid-column:span 12;justify-self:center}}@media screen and (min-width:64rem){.body__container .content__wrapper{gap:2vw}}.body__container .content__wrapper article.resource-content{grid-column:1/span 12}@media screen and (min-width:48rem){.body__container .content__wrapper article.resource-content{grid-column:2/span 10}}@media screen and (min-width:75rem){.body__container .content__wrapper article.resource-content{grid-column:3/span 8}}.body__container .content__wrapper article.resource-content{display:flex;flex-direction:column;-webkit-padding-before:var(--container-padding);padding-block-start:var(--container-padding);gap:1rem}