@layer components{.c-aside{--transition-duration:350ms;container-name:aside;container-type:inline-size}.c-aside__container{background-color:var(--aside-bg-color,var(--brand-light-blue-40));border-radius:0 0 .83rem .83rem;display:flex;gap:1.11rem 1.33rem;padding:calc(1.33rem + 4px) 1.33rem 1.33rem;position:relative}.c-aside__container:before{background:var(--aside-border-color,var(--brand-blue));content:"";display:block;height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:all var(--transition-duration) ease-in-out;width:100%}.is-visible.c-aside__container:before{transform:scaleX(1)}.c-aside__icon{align-items:center;background:var(--aside-icon-bg-color,var(--brand-light-blue-40));border-radius:50%;display:flex;flex-shrink:0;font-size:1.56rem;height:3.33rem;justify-content:center;opacity:0;transform:translateX(-1rem);transition-delay:var(--transition-duration);transition-duration:var(--transition-duration);transition-property:transform,opacity;transition-timing-function:ease-in-out;width:3.33rem}.is-visible .c-aside__icon{opacity:1;transform:translateX(0)}.c-aside__main{margin-top:0;opacity:0;transform:translateX(-1rem);transition-delay:calc(.1s + var(--transition-duration));transition-duration:var(--transition-duration);transition-property:transform,opacity;transition-timing-function:ease-in-out}.is-visible .c-aside__main{opacity:1;transform:translateX(0)}.c-aside__heading+.c-aside__content{margin-top:.5rem}.c-aside__heading+.c-aside__subheading{margin-top:1.11rem}.c-aside__subheading{color:var(--brand-black);font-weight:var(--font-weight-semi-bold);margin-top:1.11rem}.c-aside__subheading+.c-aside__content{margin-top:1.11rem}.c-aside__content{margin-top:0}.c-aside__links{margin-top:1rem}.c-aside--teal{--aside-border-color:var(--brand-teal);--aside-icon-bg-color:var(--brand-teal-35);--aside-bg-color:var(--brand-teal-12)}.c-aside--blue{--aside-border-color:var(--brand-blue);--aside-icon-bg-color:var(--brand-light-blue);--aside-bg-color:var(--brand-light-blue-40)}.c-aside--orange{--aside-border-color:var(--brand-orange);--aside-icon-bg-color:var(--brand-orange-35);--aside-bg-color:var(--brand-orange-12)}.c-aside--cranberry{--aside-border-color:var(--brand-cranberry);--aside-icon-bg-color:var(--brand-cranberry-25);--aside-bg-color:var(--brand-cranberry-12)}@container (max-width: 500px){.c-aside__container{flex-direction:column}}@media (max-width:800px){.c-aside__container{flex-direction:column}}}