<div class="contents" data-controller="ui--dialog">  <button type="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background disabled:pointer-events-none disabled:bg-muted! disabled:text-muted-foreground! bg-secondary text-secondary-foreground hover:bg-secondary/80 h-9 px-4 py-2 disabled:cursor-not-allowed" aria-haspopup="dialog" aria-expanded="false" aria-controls="ui-dialog-bdc71f65" data-ui--dialog-target="trigger" data-action="click->ui--dialog#open">Open scrollable dialog</button>
<dialog id="ui-dialog-bdc71f65" class="fixed inset-0 m-0 p-0 max-w-none max-h-none w-full h-full bg-transparent border-0 overflow-visible open:flex open:items-center open:justify-center backdrop:bg-black/60 backdrop:backdrop-blur-[1px]" aria-labelledby="ui-dialog-bdc71f65-title" aria-describedby="ui-dialog-bdc71f65-description" data-ui--dialog-target="content" data-state="closed">
  <div class="relative flex flex-col w-full max-h-[calc(100vh-2rem)] overflow-hidden rounded-lg border bg-background p-6 shadow-lg data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 max-w-2xl" data-state="closed" data-ui--dialog-part="panel">
    <button type="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background disabled:pointer-events-none disabled:text-muted-foreground! hover:bg-accent hover:text-accent-foreground disabled:bg-transparent! h-7 w-7 disabled:cursor-not-allowed absolute right-4 top-4 p-0" aria-label="Close" data-action="click->ui--dialog#close" data-ui-dialog-close="true">
      <i data-lucide="x" class="inline-block shrink-0 w-4 h-4" aria-hidden="true"></i>
    </button>
    <header class="flex flex-col space-y-1.5 text-center sm:text-left">
      <h2 id="ui-dialog-bdc71f65-title" class="text-lg font-semibold leading-none tracking-tight">Terms of Service</h2>
      <p id="ui-dialog-bdc71f65-description" class="text-sm text-muted-foreground">Please review the full terms before continuing.</p>
    </header>
    <div class="overflow-y-auto flex-1 min-h-0 mt-4">    
      <div class="space-y-4 text-sm leading-6 text-muted-foreground">
        <p><strong>1. Acceptance of Terms</strong><br>
          By accessing or using our services, you agree to be bound by these Terms of Service. If you do not agree to all the terms and conditions, you may not access the service.</p>
        <p><strong>2. Changes to Terms</strong><br>
          We reserve the right, at our sole discretion, to modify or replace these Terms at any time. It is your responsibility to review these Terms periodically for changes.</p>
        <p><strong>3. Use License</strong><br>
          Permission is granted to temporarily use the materials on our website for personal, non-commercial transitory viewing only. This is the grant of a license, not a transfer of title.</p>
        <p><strong>4. Disclaimer</strong><br>
          The materials on our website are provided on an 'as is' basis. We make no warranties, expressed or implied, and hereby disclaim and negate all other warranties including, without limitation, implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement of intellectual property or other violation of rights.</p>
        <p><strong>5. Limitations</strong><br>
          In no event shall we or our suppliers be liable for any damages arising out of the use or inability to use the materials on our website, even if we or an authorized representative has been notified orally or in writing of the possibility of such damage.</p>
        <p><strong>6. Accuracy of Materials</strong><br>
          The materials appearing on our website could include technical, typographical, or photographic errors. We do not warrant that any of the materials on our website are accurate, complete, or current.</p>
        <p><strong>7. Links</strong><br>
          We have not reviewed all of the sites linked to our website and are not responsible for the contents of any such linked site. The inclusion of any link does not imply endorsement by us of the site.</p>
        <p><strong>8. Governing Law</strong><br>
          These terms and conditions are governed by and construed in accordance with the laws of the jurisdiction in which we operate, and you irrevocably submit to the exclusive jurisdiction of the courts in that location.</p>
      </div>
    </div>
    <footer class="mt-6 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end">      <button type="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background disabled:pointer-events-none disabled:bg-muted! disabled:text-muted-foreground! border border-input bg-background hover:bg-accent hover:text-accent-foreground disabled:border-input! h-9 px-4 py-2 disabled:cursor-not-allowed static" aria-label="Close" data-action="click->ui--dialog#close" data-ui-dialog-close="true">
        Decline
      </button>
      <button type="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background disabled:pointer-events-none disabled:bg-muted! disabled:text-muted-foreground! bg-primary text-primary-foreground hover:bg-primary/90 h-9 px-4 py-2 disabled:cursor-not-allowed" aria-busy="false">Accept</button>
    </footer>
  </div>
</dialog></div>