@layer utilities {
  /* Utility classes */
  
  /* Avatar */
  .img-round {
    border-radius: 50%;
  }
  
  /* Background colors */
  .bg-primary { background-color: var(--color-primary) !important; }
  .bg-grey-050 { background-color: var(--color-grey-050) !important; }
  
  /* Text colors */
  .text-color-primary { color: var(--color-primary) !important; }
  .text-color-white { color: var(--color-white) !important; }
  .text-color-grey-600 { color: var(--color-grey-600) !important; }
  
  /* Borders */
  
  /* Display */
  .d-flex {
    display: flex !important;
  }
  
  .display-none {
    display: none !important;
  }
  
  /* Flexbox */
  .align-items-center {
    align-items: center;
  }
  
  .justify-center {
    justify-content: center;
  }
  
  /* Float */
  .float-right {
    float: right;
  }
  
  /* Fluid image */
  
  /* Hide at breakpoint and below */
  .hide-sm {
    @media (max-width: 639.98px) {
      display: none !important;
    }
  }
  
  .hide-sm-up {
    @media only screen and (min-width: 640px) {
      display: none !important;
    }
  }
  
  /* Position */
  
  /* Screen-reader only */
  .sr-only:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
  }
  
  /* Spacing - Margin Bottom */
  .mb-2 { margin-bottom: 0.5rem !important; }
  .mb-3 { margin-bottom: 0.75rem !important; }
  .mb-4 { margin-bottom: 1rem !important; }
  
  /* Spacing - Margin Left */
  
  /* Spacing - Margin Right */
  
  /* Spacing - Margin Top */
  .mt-2 { margin-top: 0.5rem !important; }
  .mt-3 { margin-top: 0.75rem !important; }
  .mt-4 { margin-top: 1rem !important; }
  .mt-6 { margin-top: 2rem !important; }
  
  /* Spacing - Margin Auto */
  
  /* Text align */
  .text-center {
    text-align: center;
  }
  
  /* Empty class placeholder */
  .empty-class {
    /* Intentionally empty */
  }
  
  /* Muted */
  .muted {
    opacity: 0.8;
  }
  
  /* Honeypot anti-spam */
  .shipping-fields {
    display: none !important;
  }
  
  /* Strada bridge components */
  [data-bridge-components~="form"]
  [data-controller~="bridge--form"]
  [type="submit"] {
    display: none;
  }
  
  [data-bridge-components~="button"]
  [data-controller~="bridge--button"] {
    display: none;
  }
  
  body.turbo-native .turbo-native:hidden {
    display: none;
  }
}