@layer motion{.morphing-disclosure .content{opacity:0;box-sizing:border-box;height:0;padding-inline:1.5rem;transition:height .35s,opacity .35s,transform .35s;overflow:hidden;transform:translateY(-.25rem)}.morphing-disclosure details[open] .content{height:var(--content-height);opacity:1;transform:translateY(0)}.morphing-disclosure summary svg:last-of-type{transition:transform .3s}.morphing-disclosure details[open] summary svg:last-of-type{color:var(--highlight-color);transform:rotate(180deg)}}@layer borders{.morphing-disclosure{perspective:800px;--speed:1;--border-width:1px;--translate-depth:.5;--translate-margin:1.2;--bg-color:#fff;--border-color:var(--color-light-blue);--text-primary:var(--color-dark-blue);--text-secondary:color-mix(in srgb,var(--color-dark-blue),transparent 40%);--highlight-color:var(--color-medium-blue);width:100%;max-width:800px;margin:0 auto}.morphing-disclosure:has(details[open]) details:not([open]){opacity:.6;filter:grayscale(.5);transform:scale(.98)translateY(0)}.morphing-disclosure details[open]{z-index:10;transform:none}.morphing-disclosure details{border-block-end:var(--border-width)solid var(--border-color);background:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all .3s cubic-bezier(.25,1,.5,1)}.morphing-disclosure details:first-of-type{border-top:var(--border-width)solid var(--border-color);border-radius:1rem 1rem 0 0}.morphing-disclosure details:last-of-type{border-bottom:var(--border-width)solid var(--border-color);border-radius:0 0 1rem 1rem}.morphing-disclosure details[open]{border:var(--border-width)solid var(--highlight-color);margin-block:calc(var(--translate-margin)*1rem);border-radius:1rem;box-shadow:0 10px 40px -10px #112d4e1a}.morphing-disclosure details:has(+details[open]){border-bottom-color:#0000;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.morphing-disclosure details[open]+details{border-top-color:#0000;border-top-left-radius:1rem;border-top-right-radius:1rem}}.morphing-disclosure summary{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:1rem;padding:1.25rem 1.5rem;font-weight:600;list-style:none;display:flex}.morphing-disclosure summary span{flex-grow:1}.morphing-disclosure summary::-webkit-details-marker{display:none}.morphing-disclosure summary:hover{background-color:#3f72af08}.morphing-disclosure summary svg:first-of-type{color:var(--highlight-color);opacity:.9}.morphing-disclosure .content p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.morphing-disclosure strong{color:var(--text-primary);font-weight:700}
