.accordion-fred{--image-height: 550px;--color-text: #fff;--color-border-alpha: #00E8A2;--border-size: 2px;--dot-size: 12px;--circle-size: 40px;--border-radius: 15px;--border-radius-big: clamp(1.75cqb, 5vw, 3cqb);max-width:calc(100% - 8rem);margin:auto}@media(max-width: 767px){.accordion-fred{max-width:none}}@media(min-width: 1024px){.accordion-fred[data-theme]{background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:var(--border-radius-big);border-start-start-radius:0}}.accordion-fred .items{list-style:none;padding-inline-start:0}.accordion-fred .item{position:relative;display:block;margin-block-end:calc(var(--flow-space)/2)}.accordion-fred .item:has([aria-expanded=true]) .arrow{--arrow-offset: -50px;inset-inline-start:var(--arrow-offset)}.accordion-fred .item:has([aria-expanded=true]) .arrow::before{inset-inline-start:calc((var(--circle-size)/2 - var(--dot-size)/2)*-1);outline:var(--border-size) solid var(--color-border-alpha);border:calc((var(--circle-size) - var(--dot-size))/2) solid color-mix(in srgb, var(--color-border-alpha) 20%, transparent);box-sizing:content-box;background-clip:content-box}@media(max-width: 767px){.accordion-fred .item:has([aria-expanded=true]) .arrow{inset-inline-start:1rem}}.accordion-fred .item:has([aria-expanded=true]) .heading::before{content:"";display:block;position:absolute;inset:0;border:2px solid var(--color-border-alpha);border-radius:var(--border-radius);pointer-events:none;border-end-end-radius:0;inset-block:19px 0;inset-inline:-26px auto;inline-size:84px;border-block-end:0;border-inline-start:0;border-end-end-radius:0;border-start-start-radius:0}@media(max-width: 767px){.accordion-fred .item:has([aria-expanded=true]) .heading::before{display:none}}@media(min-width: 768px){.accordion-fred .item:has([aria-expanded=true])+.item .arrow::before{opacity:0}}.accordion-fred .item .content::before{content:"";display:block;position:absolute;inset:0;border:2px solid var(--color-border-alpha);border-radius:var(--border-radius);pointer-events:none;border-end-end-radius:0;inset-block:-3rem 100%;inset-inline:-40px 65%;border-block-start:0;border-inline-end:0;border-start-start-radius:0;margin-block-start:1rem}.accordion-fred .item .content::after{content:"";display:block;position:absolute;inset:0;border:2px solid var(--color-border-alpha);border-radius:var(--border-radius);pointer-events:none;border-end-end-radius:0;inset-block:100% -53px;inset-inline:-15% 100%;border-inline-end:0;border-start-end-radius:0}@media(max-width: 767px){.accordion-fred .item .content::before,.accordion-fred .item .content::after{display:none}}.accordion-fred .item:last-child .content::after{content:"";position:absolute;inset-inline-start:0;block-size:var(--dot-size);inline-size:var(--dot-size);border-radius:50%;margin-top:2px;background-color:var(--color-border-alpha);inset-inline-start:-5px;margin-block-start:-5px}.accordion-fred .heading{position:relative;white-space:nowrap;display:flex}@media(max-width: 767px){.accordion-fred .heading{padding-inline-end:1rem}}.accordion-fred .trigger{position:relative;display:flex;justify-content:space-between;align-items:center;inline-size:100%;outline:none;border:0;padding:0;background:rgba(0,0,0,0);box-shadow:none;cursor:pointer}.accordion-fred .trigger:hover .title{color:var(--color-border-alpha)}.accordion-fred .trigger .title{display:inline-block;inline-size:28ch;padding-inline-start:1rem;margin-inline-start:50%;border-radius:18px;pointer-events:none;overflow:hidden;text-overflow:ellipsis;font-size:1.375rem;line-height:1.5;text-align:left;color:var(--color-text);font-weight:700;font-family:"Lato",Sans-serif}@media(max-width: 767px){.accordion-fred .trigger .title{margin-inline-start:20%;font-size:var(--font-size-body)}}.accordion-fred .trigger .arrow{position:absolute;inset-block:auto;inset-inline:3rem 50%;display:flex;align-items:center;block-size:0;color:var(--color-border-alpha);border-block-end:2px solid var(--color-border-alpha);background-color:var(--color-border-alpha)}@media(max-width: 767px){.accordion-fred .trigger .arrow{inset-inline:0 80%}}.accordion-fred .trigger .arrow::before{content:"";position:absolute;inset-inline-start:0;block-size:var(--dot-size);inline-size:var(--dot-size);border-radius:50%;margin-top:2px;background-color:var(--color-border-alpha)}.accordion-fred .trigger .arrow svg{content:"";position:absolute;inset-inline-end:-4px;block-size:20px;inline-size:12px;background-repeat:no-repeat}.accordion-fred .trigger .circle{display:flex;justify-content:center;align-items:center;border:2px solid var(--color-border-alpha);border-radius:100%;background-color:color-mix(in srgb, var(--color-border-alpha) 20%, transparent);flex-shrink:0;inset-block-start:-0.75px;block-size:40px;inline-size:40px;z-index:0}.accordion-fred .trigger .circle .plus{position:relative;width:12px;height:12px}.accordion-fred .trigger .circle .plus::before{content:"";position:absolute;top:5px;inset-inline-end:0;block-size:var(--border-size);inline-size:var(--dot-size);background-color:var(--color-border-alpha);will-change:rotate;transition:rotate .3s cubic-bezier(0.165, 0.84, 0.44, 1);rotate:90deg}.accordion-fred .trigger .circle .plus::after{content:"";position:absolute;top:5px;inset-inline-end:0;block-size:var(--border-size);inline-size:var(--dot-size);background-color:var(--color-border-alpha);will-change:rotate;transition:rotate .3s cubic-bezier(0.165, 0.84, 0.44, 1);rotate:0deg}.accordion-fred .content{display:none;align-items:center;gap:var(--column-gap);position:relative;min-block-size:calc(var(--image-height) + 4*var(--flow-space));padding:30px;margin:0;margin-block:30px;margin-inline:6rem -3rem;border:var(--border-size) solid var(--color-border-alpha);border-radius:var(--border-radius);border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}@media(max-width: 767px){.accordion-fred .content{padding:0}}.accordion-fred .content .content-inner{padding:1.563rem;color:var(--color-text);font-size:1.25rem}.accordion-fred .content .content-inner .content-heading,.accordion-fred .content .content-inner h2,.accordion-fred .content .content-inner h3{font-weight:700;margin-bottom:2.5rem}.accordion-fred .content .content-inner a{color:var(--color-border-alpha);text-decoration:underline;text-underline-offset:.3ex}.accordion-fred .content .figure-image{block-size:var(--image-height);inline-size:auto;margin-inline-start:-15cqi;border:7px solid #111;border-radius:var(--border-radius-big);outline:3px double #bbb;user-select:none}.accordion-fred .content:not(:has(img)){min-block-size:fit-content}.accordion-fred .content-inner{padding-inline:var(--flow-space);padding-block:calc(var(--flow-space)*2)}.accordion-fred .content-inner :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6){margin-block-end:var(--flow-space)}@media(max-width: 767px){.accordion-fred .content{flex-direction:column-reverse;padding-block:calc(var(--flow-space)*2);padding-inline-end:0;margin-inline:0;gap:0;border:0}.accordion-fred .content img{--image-height: 350px;inline-size:fit-content;margin-inline-start:0}.accordion-fred .content-inner{padding-block-start:0;margin-block-start:0}}.accordion-fred [aria-expanded=true].trigger .circle .plus::before{rotate:0deg}.accordion-fred [aria-hidden=false]{display:flex}.accordion-fred [aria-hidden=true]{pointer-events:none}/*# sourceMappingURL=accordion-fred.css.map */