#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin 20s linear infinite}}.card{padding:2em}.read-the-docs{color:#888}.art-reference-link{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:.375rem;background-color:rgba(201,162,78,.2);color:#3e2c1f;font-weight:600;font-size:.875rem;border:1px solid rgba(201,162,78,.4);transition:all .2s ease-in-out;cursor:pointer;vertical-align:middle;line-height:1.5}.art-reference-link:hover{background-color:rgba(201,162,78,.3);border-color:rgba(201,162,78,.6);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.art-reference-link:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.art-reference-link:focus-visible{outline:2px solid rgba(201,162,78,.8);outline-offset:2px}.art-reference-link svg{width:.875rem;height:.875rem;flex-shrink:0}@media (prefers-color-scheme:dark){.art-reference-link{background-color:rgba(201,162,78,.15);color:#d4a574;border-color:rgba(201,162,78,.3)}.art-reference-link:hover{background-color:rgba(201,162,78,.25);border-color:rgba(201,162,78,.5)}}@media (prefers-reduced-motion:reduce){.art-reference-link{transition:none}.art-reference-link:hover{transform:none}}@media print{.art-reference-link{background:none;border:none;color:inherit;font-weight:inherit;text-decoration:underline}.art-reference-link svg{display:none}}