/* THIS FILE IS GENERATED AUTOMATICALLY, DO NOT MODIFY IT DIRECTLY, ANY DIRECT CHANGES WILL BE LOST */
/* Last update: 2025-12-05T18:21:52+00:00 */

@layer moris {
  @layer utilities {
    
    @keyframes brk-spin {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(359deg);
      }
    }
    @keyframes brk-glow-pulse {
      0% {
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-primary-400) 0%, transparent), 0 0 0 0 color-mix(in srgb, var(--color-primary-400) 0%, transparent), 0 0 0 0 color-mix(in srgb, var(--color-primary-400) 0%, transparent);
      }
      50% {
        box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--color-primary-400) 10%, transparent), 0 0 0 0.4rem color-mix(in srgb, var(--color-primary-400) 15%, transparent), 0 0 0 0.6rem color-mix(in srgb, var(--color-primary-400) 20%, transparent);
      }
      100% {
        box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-primary-400) 0%, transparent), 0 0 0 0 color-mix(in srgb, var(--color-primary-400) 0%, transparent), 0 0 0 0 color-mix(in srgb, var(--color-primary-400) 0%, transparent);
      }
    }
    
    .mt-breakout {
      width: calc(100vw - var(--scrollbar-size)) !important;
      max-width: unset;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
    }
    
    .mt-grid {
      --gap: clamp(var(--space-sm), 2.5vw, var(--space-xl));
      --row-gap: var(--gap);
      --column-gap: var(--gap);
      --item-min-width: 100%;
      width: 100%;
      display: grid;
      row-gap: var(--row-gap);
      column-gap: var(--column-gap);
      grid-template-columns: repeat(auto-fill, minmax(var(--item-min-width), 1fr));
    }
  }
}