@layer utilities {
    /* checked: variant for checkboxes and radio buttons */
    .checked\:bg-primary:checked {
      background-color: var(--primary);
    }
    .checked\:text-primary-foreground:checked {
      color: var(--primary-foreground);
    }
    
    /* 로딩 스피너 스타일 */
    #marketplace-loading-overlay {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 9999;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    #marketplace-loading-overlay .animate-spin {
      width: 3rem;
      height: 3rem;
      border: 4px solid white;
      border-top-color: transparent;
      border-radius: 50%;
      animation: spin 1s linear infinite;
    }
    
    @keyframes spin {
      to {
        transform: rotate(360deg);
      }
    }

    .bg-white-95 {
      background-color: rgba(255, 255, 255, 0.95);
    }

    .bg-white-85 {
      background-color: rgba(255, 255, 255, 0.85);
    }
  }