.reference{background:color-mix(in oklab, var(--background) 92%, white 8%);border:1px solid color-mix(in oklab, var(--foreground) 14%, transparent);padding:0;transition:border-color .35s,background-color .35s,transform .35s;position:relative}.reference:before,.reference:after{content:"";border-color:color-mix(in oklab, var(--foreground) 24%, transparent);width:28px;height:28px;transition:width .35s,height .35s,border-color .35s;position:absolute}.reference:before{border-top:3px solid;border-left:3px solid;top:-3px;left:-3px}.reference:after{border-bottom:3px solid;border-right:3px solid;bottom:-3px;right:-3px}.reference:hover,.reference:focus-within,.reference.is-open{border-color:color-mix(in oklab, var(--accent) 42%, transparent);background:color-mix(in oklab, var(--background) 88%, white 12%)}.reference:hover:before,.reference:hover:after,.reference:focus-within:before,.reference:focus-within:after,.reference.is-open:before,.reference.is-open:after{border-color:var(--accent);width:52px;height:52px}.reference-btn{border-bottom:1px solid #0000;margin-bottom:0;transition:border-color .35s,margin-bottom .35s,padding-bottom .35s}.reference.is-open .reference-btn{border-bottom-color:color-mix(in oklab, var(--foreground) 10%, transparent);margin-bottom:1rem;padding-bottom:1rem}.reference-desc{max-height:12rem;color:color-mix(in oklab, var(--foreground) 86%, white 14%);will-change:max-height, filter;transition:max-height .35s cubic-bezier(.7,0,.3,1),filter .35s cubic-bezier(.7,0,.3,1),padding-bottom .35s cubic-bezier(.7,0,.3,1);overflow:hidden}.reference.is-open .reference-desc{padding-bottom:1.5rem}.reference-desc[aria-hidden=true]{filter:blur(3px);pointer-events:none;max-height:0;padding-bottom:0}.reference-desc .reference-desc-inner{scrollbar-width:thin;scrollbar-color:var(--accent) var(--background);max-height:10.5rem;overflow-y:auto}
