/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  .bs-phone, .bs-phone {
    --color-black: #000;
    --spacing: 0.25rem;
    --container-5xl: 64rem;
    --font-weight-medium: 500;
    --tracking-wider: 0.05em;
    --radius-sm: 0.25rem;
  }
}
@layer utilities {
  .bs-phone .absolute {
    position: absolute;
  }
  .bs-phone .relative {
    position: relative;
  }
  .bs-phone .top-2 {
    top: calc(var(--spacing) * 2);
  }
  .bs-phone .top-\[16\%\] {
    top: 16%;
  }
  .bs-phone .top-\[22\%\] {
    top: 22%;
  }
  .bs-phone .top-\[24\%\] {
    top: 24%;
  }
  .bs-phone .-right-\[2px\] {
    right: calc(2px * -1);
  }
  .bs-phone .-left-\[2px\] {
    left: calc(2px * -1);
  }
  .bs-phone .left-1\/2 {
    left: calc(1 / 2 * 100%);
  }
  .bs-phone .z-0 {
    z-index: 0;
  }
  .bs-phone .z-10 {
    z-index: 10;
  }
  .bs-phone .mx-auto {
    margin-inline: auto;
  }
  .bs-phone .-mt-6 {
    margin-top: calc(var(--spacing) * -6);
  }
  .bs-phone .flex {
    display: flex;
  }
  .bs-phone .aspect-\[9\/19\.5\] {
    aspect-ratio: 9/19.5;
  }
  .bs-phone .h-7 {
    height: calc(var(--spacing) * 7);
  }
  .bs-phone .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .bs-phone .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .bs-phone .h-\[1\.1rem\] {
    height: 1.1rem;
  }
  .bs-phone .h-\[60rem\] {
    height: 60rem;
  }
  .bs-phone .h-full {
    height: 100%;
  }
  .bs-phone .w-\[3px\] {
    width: 3px;
  }
  .bs-phone .w-\[4\.25rem\] {
    width: 4.25rem;
  }
  .bs-phone .w-\[13rem\] {
    width: 13rem;
  }
  .bs-phone .w-full {
    width: 100%;
  }
  .bs-phone .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .bs-phone .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .bs-phone .resize {
    resize: both;
  }
  .bs-phone .items-center {
    align-items: center;
  }
  .bs-phone .justify-center {
    justify-content: center;
  }
  .bs-phone .overflow-hidden {
    overflow: hidden;
  }
  .bs-phone .rounded-\[2\.2rem\] {
    border-radius: 2.2rem;
  }
  .bs-phone .rounded-\[2\.5rem\] {
    border-radius: 2.5rem;
  }
  .bs-phone .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .bs-phone .rounded-l-sm {
    border-top-left-radius: var(--radius-sm);
    border-bottom-left-radius: var(--radius-sm);
  }
  .bs-phone .rounded-r-sm {
    border-top-right-radius: var(--radius-sm);
    border-bottom-right-radius: var(--radius-sm);
  }
  .bs-phone .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .bs-phone .border-border {
    border-color: #62665e;
  }
  .bs-phone .bg-background {
    background-color: #101111;
  }
  .bs-phone .bg-black {
    background-color: var(--color-black);
  }
  .bs-phone .bg-muted {
    background-color: #272a29;
  }
  .bs-phone .bg-muted-foreground\/30 {
    background-color: color-mix(in oklab, #b9bcb8 30%, transparent);
  }
  .bs-phone .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .bs-phone .p-\[0\.35rem\] {
    padding: 0.35rem;
  }
  .bs-phone .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .bs-phone .text-center {
    text-align: center;
  }
  .bs-phone .text-\[0\.65rem\] {
    font-size: 0.65rem;
  }
  .bs-phone .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .bs-phone .tracking-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .bs-phone .text-muted-foreground\/70 {
    color: color-mix(in oklab, #b9bcb8 70%, transparent);
  }
  .bs-phone .uppercase {
    text-transform: uppercase;
  }
  .bs-phone .shadow-\[0_10px_20px_rgba\(0\,0\,0\,0\.18\)\,0_40px_60px_-20px_rgba\(0\,0\,0\,0\.35\)\] {
    --tw-shadow: 0 10px 20px var(--tw-shadow-color, rgba(0,0,0,0.18)), 0 40px 60px -20px var(--tw-shadow-color, rgba(0,0,0,0.35));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .bs-phone .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .bs-phone .ring-border\/70 {
    --tw-ring-color: color-mix(in oklab, #62665e 70%, transparent);
  }
  .bs-phone .ring-inset {
    --tw-ring-inset: inset;
  }
  @media (width >= 40rem) {
    .bs-phone .sm\:w-\[15rem\] {
      width: 15rem;
    }
  }
  @media (width >= 48rem) {
    .bs-phone .md\:-mt-12 {
      margin-top: calc(var(--spacing) * -12);
    }
    .bs-phone .md\:h-\[80rem\] {
      height: 80rem;
    }
    .bs-phone .md\:w-\[17rem\] {
      width: 17rem;
    }
    .bs-phone .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }
  }
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    .bs-phone *, .bs-phone ::before, .bs-phone ::after, .bs-phone ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-border-style: solid;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}