.container{margin-left:auto;margin-right:auto;padding-left:var(--gutter-container);padding-right:var(--gutter-container);width:100%}@media (min-width:36rem){.container{max-width:36rem}}@media (min-width:56.25em){.container{max-width:56.25em}}@media (min-width:75em){.container{max-width:75em}}.accordion details i.icon svg{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(0) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:no-preference){.accordion details i.icon svg{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}}.accordion details i.icon svg path{opacity:1;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.accordion details summary{align-items:center;color:var(--cl-heading);cursor:pointer;display:flex;font-family:var(--h2-font-family);font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);justify-content:space-between;letter-spacing:var(--h2-letter-spacing);line-height:var(--h2-line-height);padding:var(--gutter-32px);position:relative;z-index:1}@media (min-width:56.25em){.accordion details summary{padding:var(--gutter-40px)}}.accordion details summary::marker{-webkit-appearance:none;-moz-appearance:none;appearance:none;content:none}.accordion details summary::-webkit-details-marker{display:none}.accordion details summary:focus-visible{outline:0}.accordion details i.icon{align-items:center;display:flex;height:1.5rem;justify-content:center;-webkit-mask:var(--icon-accordion) no-repeat center /100% 100%;mask:var(--icon-accordion) no-repeat center /100% 100%;position:relative;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:1.5rem}.accordion details+.content-wrapper{--details-duration:.3s;display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s;transition:grid-template-rows var(--details-duration)}.accordion details+.content-wrapper .content{opacity:0;overflow:hidden;position:relative;transform:translateY(-1rem);transition-duration:var(--details-duration);transition-property:visibility,opacity,transform;visibility:hidden;z-index:1}.accordion details+.content-wrapper .content>.content-inner{padding-bottom:var(--gutter-32px);padding-left:var(--gutter-32px);padding-right:var(--gutter-32px)}@media (min-width:56.25em){.accordion details+.content-wrapper .content>.content-inner{padding-bottom:var(--gutter-40px);padding-left:var(--gutter-40px);padding-right:var(--gutter-40px)}}.accordion details[open] i.icon{transform:rotateX(180deg)}.accordion details[open]+.content-wrapper{grid-template-rows:1fr}.accordion details[open]+.content-wrapper .content{opacity:1;transform:translateY(0);visibility:visible}.accordion details[open]+.content-wrapper .content:has(:focus-visible){overflow-x:visible!important}.accordion{background-color:var(--cl-bg);border-radius:1.875rem;color:var(--cl-text);overflow:hidden;position:relative}.accordion:has(:focus-visible):not(:has(.content:focus-within)){outline:2px solid var(--cl-accent);outline-offset:.5rem}.accordion+.accordion{margin-top:var(--gutter-16px)}.accordion-graphic{height:100%;left:0;opacity:.2;pointer-events:none;position:absolute;top:0;width:100%}.accordion-graphic svg{left:0;min-height:100%;position:absolute;top:0;width:1440px;--tw-text-opacity:1;color:#000;color:rgba(0,0,0,var(--tw-text-opacity,1))}.accordion.context--light-blue .accordion-graphic svg{transform:translateY(0)}.accordion.context--green .accordion-graphic svg{transform:translateY(-40%)}.accordion.context--yellow .accordion-graphic svg{transform:scaleX(-1) translate(10%,-45%)}.accordion.context--mauve .accordion-graphic svg{transform:scaleX(-1) translate(5%,-10%)}.accordion.context--pink .accordion-graphic svg{transform:scaleX(-1) translate(-35%,-45%)}.accordion--basic{border:1px solid var(--cl-divider);border-radius:var(--radius);margin-left:auto;margin-right:auto;max-width:56.125rem}.accordion--basic details summary{font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);letter-spacing:var(--h6-letter-spacing);line-height:var(--h6-line-height);padding-bottom:1.5rem}.accordion--basic details i.icon{height:1rem;width:1rem}.accordion--basic details+.content-wrapper{min-height:1rem}
