.fancy-container{display:flex;flex-direction:column;align-items:center;padding:1.5rem;margin-top:1rem}.fancy-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding-top:1rem;width:100%;max-width:64rem}@media (min-width:640px){.fancy-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.fancy-grid{grid-template-columns:repeat(3,1fr)}}.fancy-text-item{display:flex;align-items:center;justify-content:space-between;background-color:var(--background);border:1px solid var(--neutral-300);color:var(--foreground);border-radius:.5rem;padding:1rem;box-shadow:0 1px 2px rgba(0,0,0,.05)}.fancy-text-content{font-size:1.125rem;font-family:monospace;word-break:break-word}.copy-button{margin-left:1rem;padding:.25rem .75rem;border-radius:.375rem;color:#fff;border:none;cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out}.copy-button,.copy-button:hover{background-color:var(--primary-500)}.copy-button:hover{color:var(--neutral-100)}.copy-button:focus-visible{outline:none;-webkit-box-shadow:0 0 0 2px var(--primary-300);-moz-box-shadow:0 0 0 2px var(--primary-300);box-shadow:0 0 0 2px var(--primary-300)}.toast-notification{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);background-color:#2d2d2d;color:#fff;padding:.5rem 1rem;border-radius:.5rem;box-shadow:0 2px 6px rgba(0,0,0,.2);z-index:50}@media (max-width:640px){.fancy-container{margin-top:0;padding-top:.25rem;left:auto}}